:root {
  --jp-transition-z: 9999;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
}

/* Overlays por encima del contenido */
.jp-preloader,
.jp-transition {
  position: fixed;
  inset: 0;
  z-index: var(--jp-transition-z);
  pointer-events: none;
}

/* ✅ Anti-FOUC (carga inicial): oculta SOLO el container real de Barba */
body.jp-booting [data-barba="container"] {
  opacity: 0;
  visibility: hidden;
}

/* ✅ Anti-FOUC (transiciones): oculta SOLO el container real de Barba (NO el header) */
body.jp-transitioning [data-barba="container"] {
  opacity: 0;
  visibility: hidden;
}

/* Capa extra por si hay 1 frame raro justo al insertar el container */
.jp-container--hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

.jp-container--ready {
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.12s linear;
}