/* ============================================
   ORTELIUS – Intro Splash (Cloudinary video)
   ============================================ */

/* Bloquea scroll mientras corre el intro */
.body-locked { overflow: hidden; }

/* Splash: cubre toda la pantalla, fondo negro mientras carga el video */
.intro-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #000;
  cursor: pointer;
  transition: opacity 1.4s ease, visibility 1.4s ease;
}

/* ── Fade-out suave al cerrar ── */
.intro-splash.hiding {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.intro-splash.hidden { display: none; }

/* ── Video ocupa toda la pantalla (igual que object-fit:cover) ── */
.intro-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

/* ── Animación de entrada del sitio tras el intro ── */
.site-enter {
  animation: siteReveal 0.9s ease both;
}
@keyframes siteReveal {
  from { opacity: 0; transform: scale(0.985); }
  to   { opacity: 1; transform: scale(1); }
}

/* ============================================
   HERO YouTube shield (por si se vuelve a necesitar)
   ============================================ */
.hero-yt-shield {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: transparent;
  pointer-events: all;
  cursor: default;
}