/* ==========================================================================
   Codealo - Global Styles
   Estilos genéricos compartidos entre todas las páginas
   ========================================================================== */

/* Animaciones globales */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

/* Comportamiento general */
html {
    scroll-behavior: smooth;
}

/* FAQ - Componente usado en múltiples páginas */
.faq-answer {
    animation: fadeIn 0.3s ease-in-out;
}

/* Utilidades de animación */
.animate-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.animate-slide-up {
    animation: slideUp 0.5s ease-out;
}

/* Mobile menu: drawer from the right */
#mobile-menu-wrapper.mobile-menu-open #mobile-menu {
    transform: translateX(0);
}

#mobile-menu-wrapper.mobile-menu-open #mobile-menu-backdrop {
    opacity: 1;
    pointer-events: auto;
}