/* ==========================================================================
   Codealo - Agente Page Styles
   Estilos específicos para la página de Agentes IA
   ========================================================================== */

/* Animación de texto dinámico */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FAQ Accordion Styles */
.active svg {
    transform: rotate(180deg);
}

.active .hidden {
    display: block;
}

/* 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;
}