/**
 * AuthBank v2.0 - Core Styles
 */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Fondos y Gradientes */
.bg-hero {
    background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.05), transparent), radial-gradient(circle at bottom left, rgba(79, 70, 229, 0.04), transparent);
}

/* Sistema de Menú Móvil */
#mobile-menu {
    display: block; /* Necesario para que max-height funcione */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

    #mobile-menu.active {
        max-height: 600px; /* Suficiente para el contenido */
        opacity: 1;
        pointer-events: auto;
        border-bottom: 1px solid #e2e8f0;
    }

/* Utilidades de animación (opcional) */
.animate-soft {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}