/* =============================================================================
   GESINEX MASTER STYLE — Punto de Entrada Único
   ============================================================================= */

@import url('fonts.css');
@import url('colores.css');
@import url('utilities.css');
@import url('mode-dark-light.css');
@import url('sidebar.css');
@import url('navbar.css');
@import url('skeleton.css');
@import url('layout.css');
@import url('components.css');
@import url('footer.css');
@import url('auth.css');
@import url('light-mode.css');
@import url('sepia-mode.css');
@import url('responsive.css');
@import url('admin_custom.css');
@import url('branding.css');
@import url('governance.css');
@import url('alerts.css');
@import url('help_center.css');
@import url('gesinex.css');
@import url('experience_engine.css');
@import url('workflow_operacion.css');
[x-cloak] { display: none !important; }

/* =============================================================================
   SPA PAGE TRANSITIONS (View Transitions API)
   ============================================================================= */
::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.25s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

::view-transition-old(root) {
    animation-name: spa-fade-out;
}

::view-transition-new(root) {
    animation-name: spa-fade-in, spa-slide-up;
}

@keyframes spa-fade-out {
    from { opacity: 1; filter: blur(0px); }
    to { opacity: 0; filter: blur(3px); }
}

@keyframes spa-fade-in {
    from { opacity: 0; filter: blur(3px); }
    to { opacity: 1; filter: blur(0px); }
}

@keyframes spa-slide-up {
    from { transform: translateY(8px); }
    to { transform: translateY(0); }
}