/* Fuentes importadas en el HTML, aquí definimos comportamientos base */

body {
    background-color: #F9F7F2;
    color: #1A2C42;
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

/* Animaciones */
.fade-in {
    animation: fadeIn 0.8s ease-in-out;
}

.animate-fade-in {
    animation: fadeIn 1.2s ease-out;
}

.animate-fade-in-delay-1 {
    animation: fadeIn 1.2s ease-out 0.2s both;
}

.animate-fade-in-delay-2 {
    animation: fadeIn 1.2s ease-out 0.4s both;
}

.animate-fade-in-delay-3 {
    animation: fadeIn 1.2s ease-out 0.6s both;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Utilidad para ocultar elementos (usado en tabs del restaurante) */
.hidden {
    display: none !important;
}