body {
    background-size: cover; /* Hace que la imagen cubra toda la pantalla */
    background-position: center;
    background-attachment: fixed; /* La imagen se queda quieta al bajar por la página */
}
/* Color de fondo global de la página */
body {
    background-color: #F6EEDC;
}

/* Diseño de la tarjeta inspirado en la imagen d2.png */
.tarjeta-dona {
    background-color: #FFF9F1;
    border: 1px solid #E5D2B8; /* Borde beige tostado */
    box-shadow: 0 6px 12px rgba(229, 210, 184, 0.4); /* Sombra suave con el mismo tono */
    border-radius: 12px; /* Bordes más redondeados */
    overflow: hidden; /* Asegura que la foto respete el borde curvo */
}

/* Botón Caramelo con efecto Hover */
.btn-carrito-custom {
    background-color: #D4A06A;
    color: #FFFDF8;
    border: none;
    border-radius: 8px; /* Ligeramente redondeado */
    transition: background-color 0.3s ease;
}

    .btn-carrito-custom:hover {
        background-color: #B9824F; /* Caramelo oscuro al pasar el mouse */
        color: #FFFDF8;
    }