/* Estilos Generales */
:root {
    --color-crema: #fdfaf6; /* Un crema más claro y cálido */
    --color-cafe: #4a3a2e;  /* Un café más oscuro para mayor contraste */
    --color-beige: #fdfaf6;
    --color-madera-clara: #d8b89e; /* Tono de madera más saturado */
    --color-cafe-dark: #3a2d25; /* Un tono aún más oscuro para el dropdown */
    --color-cafe-light: #6e554a; /* Un tono más claro para el hover del dropdown */
    --font-playfair: 'Playfair Display', serif;
    --font-poppins: 'Poppins', sans-serif;
    --font-cormorant: 'Cormorant Garamond', serif;
}

body {
    font-family: var(--font-poppins); /* Usar Poppins como fuente secundaria por defecto */
    margin: 0;
    background-color: var(--color-crema);
    color: var(--color-cafe); /* Texto principal con el nuevo color café */
    line-height: 1.7; /* Mayor legibilidad */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADZWDKdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZWRyXcllPAAAABJQTFRFNrW0Nbe1Nra1NbW0Nre1N7e1v+y3jQAAABRJREFUeNpiYGBkYGQgBgABBhAAhBgAA0oAMqFf1gIAAAAASUVORK5CYII=');
    background-repeat: repeat;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.85); /* Fondo blanco semi-transparente para el contenido */
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
    font-family: var(--font-cormorant); /* Usar Cormorant Garamond para títulos */
    color: var(--color-cafe); /* Un tono de café más oscuro */
}

a {
    color: var(--color-cafe);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Responsive Design (la mayoría manejado por Tailwind, revisar si quedan estilos específicos) */
@media (max-width: 768px) {
    /* Esto podría ser cubierto por las clases de Tailwind flex-col y justify-center */
    /* header .container { */
    /*     flex-direction: column; */
    /* } */

    /* header nav ul { */
    /*     margin-top: 15px; */
    /*     flex-direction: column; */
    /*     align-items: center; */
    /* } */

    /* header nav ul li { */
    /*     margin: 5px 0; */
    /* } */

    /* header nav ul li .dropdown { */
    /*     position: static; */
    /*     width: 100%; */
    /*     text-align: center; */
    /*     margin-top: 0; */
    /*     border-radius: 0; */
    /* } */

    /* .hero h2 { */
    /*     font-size: 2.2em; */
    /* } */

    /* .hero p { */
    /*     font-size: 1.1em; */
    /* } */

    /* section h2 { */
    /*     font-size: 1.8em; */
    /* } */

    /* .whatsapp-button.big { */
    /*     font-size: 1em; */
    /*     padding: 12px 25px; */
    /* } */

    /* .gallery { */
    /*     grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); */
    /* } */
}

@media (max-width: 480px) {
    /* header .logo { */
    /*     font-size: 1.5em; */
    /* } */

    /* header nav ul { */
    /*     flex-direction: column; */
    /*     text-align: center; */
    /* } */

    /* header nav ul li { */
    /*     margin: 5px 0; */
    /* } */

    /* .hero h2 { */
    /*     font-size: 1.8em; */
    /* } */

    /* .hero p { */
    /*     font-size: 0.9em; */
    /* } */

    /* section { */
    /*     padding: 30px 0; */
    /* } */

    /* section h2 { */
    /*     font-size: 1.6em; */
    /* } */

    /* .gallery { */
    /*     grid-template-columns: 1fr; */
    /* } */
}