/* =========================================================
   HOME VIDEO ONLY
   Fondo MP4 SOLO para Inicio/Home.
   No afecta calendario, tarifas, ubicación ni FAQ/contacto.
   ========================================================= */

html,
body {
  margin: 0 !important;
  min-height: 100% !important;
  background: #02101d !important;
}

/* HOME: pantalla completa real */
html body[data-active-view="inicio"],
html body[data-active-view="inicio"] .site-header,
html body[data-active-view="inicio"] .hero,
html body:not([data-active-view]) .site-header,
html body:not([data-active-view]) .hero {
  min-height: 100svh !important;
  background: #02101d !important;
}

/* El video vive SOLO dentro de la hero del inicio */
html body .site-header .hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .site-header .hero .home-video-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: -4 !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background: #02101d !important;
}

/* Anula la imagen anterior SOLO en el inicio, para que no se mezcle con el video */
html body .site-header .hero .hero-bg {
  background: transparent !important;
  background-image: none !important;
  animation: none !important;
  transform: none !important;
}

html body .site-header .hero .hero-bg::before {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

html body .site-header .hero .hero-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(2,16,29,.16) 0%, rgba(2,16,29,.06) 34%, rgba(2,16,29,.62) 100%),
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.06), transparent 28%) !important;
}

/* Evita franjas/espacios blancos en el HOME */
html body[data-active-view="inicio"] main,
html body:not([data-active-view]) main {
  background: transparent !important;
}

/* En las demás pantallas se oculta por completo el video del home */
html body.app-single-focus:not([data-active-view="inicio"]) .site-header .home-video-bg,
html body.app-single-focus:not([data-active-view="inicio"]) .site-header .hero-bg,
html body.app-single-focus:not([data-active-view="inicio"]) .site-header .hero-shade {
  display: none !important;
}

/* El resto de vistas conserva fondo limpio propio, sin video ni imagen */
html body.app-single-focus[data-active-view="reservas"],
html body.app-single-focus[data-active-view="tarifas"],
html body.app-single-focus[data-active-view="ubicacion"],
html body.app-single-focus[data-active-view="faq"] {
  background: #f3f7fa !important;
}


/* v23 - quitar blur/caja detrás del texto "Disfrutá hoy de una embarcación privada" */
html body .hero-content .eyebrow,
html body .hero .eyebrow,
html body p.eyebrow {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body .hero-content .eyebrow::before,
html body .hero-content .eyebrow::after,
html body .hero .eyebrow::before,
html body .hero .eyebrow::after,
html body p.eyebrow::before,
html body p.eyebrow::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}