/* --- CONFIGURACIONES GLOBALES Y TIPOGRAFÍA --- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, .font-serif {
    font-family: 'Cormorant Garamond', serif;
}

/* --- ANIMACIONES PERSONALIZADAS --- */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(1.03);
    }
    to {
        opacity: 0.4; /* Ajustado al opacity del layout */
        transform: scale(1.05);
    }
}

.animate-fade-in {
    animation: fadeIn 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* --- LIGHTBOX COMPONENT ESTILOS --- */
#lightbox.active {
    display: flex;
    opacity: 1;
}

/* Efecto suave para las transiciones del menú móvil */
#mobile-menu {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Optimización para impresión */
@media print {
    header, footer, .gallery-item {
        display: none !important;
    }
}