/**
 * WP Barba Core — Estilos base
 * Solo fade transition (opacity 300ms). Nada más.
 */

/* -----------------------------------------------------------------------
   Estado de carga
   ----------------------------------------------------------------------- */
/* No forzamos `cursor: wait` porque se percibe como el circulito de carga
   del navegador aunque la navegación SPA esté funcionando bien. */

/* -----------------------------------------------------------------------
   Container: posicionamiento base para transiciones
   ----------------------------------------------------------------------- */
[data-wp-barba="container"] {
    position: relative;
    min-height: 1px; /* evita colapso durante transición */
}

/* -----------------------------------------------------------------------
   Fade — salida
   La clase se aplica durante la transición leave de Barba
   ----------------------------------------------------------------------- */
[data-wp-barba="container"].barba-leave-active {
    opacity: 0;
    transition: opacity 300ms ease;
}

/* -----------------------------------------------------------------------
   Fade — entrada
   La clase se aplica durante la transición enter de Barba
   ----------------------------------------------------------------------- */
[data-wp-barba="container"].barba-enter-active {
    opacity: 0;
    transition: opacity 300ms ease;
}

[data-wp-barba="container"].barba-enter-done {
    opacity: 1;
}

/* -----------------------------------------------------------------------
   Prevención de FOUC durante la primera carga
   ----------------------------------------------------------------------- */
[data-wp-barba="wrapper"] {
    position: relative;
}

/* -----------------------------------------------------------------------
   Accesibilidad: skip-link y focus ring no deben verse afectados
   ----------------------------------------------------------------------- */
[data-wp-barba="container"]:focus {
    outline: none;
}