/* ============================================================
   SUBPÁGINAS 8831
   ------------------------------------------------------------
   Reglas que necesita todo lo que NO es la home (blog, landings
   de zona, casos, legales, 404) al pasar al sistema de la 8831.

   La home carga `hero-video.css`; las subpáginas no. Y resulta
   que ahí vivían dos arreglos que no son del hero sino de la
   cabecera, así que aquí se repiten. Si algún día se tocan allí,
   hay que tocarlos también aquí.
   ============================================================ */

/* --- 1. La cabecera ocupa su hueco ---------------------------

   `bundle.css` (línea 597) deja `.nav { position: fixed }`. Al
   estar fuera del flujo, el `<header>` colapsa a altura 0 y el
   `<main>` arranca pegado al borde: medido en la landing de La
   Seu, el h1 empezaba en y=48 con la nav ocupando hasta y=69.
   Veintiún píxeles de titular por debajo de la barra.

   La home ya resolvió esto en `hero-video.css` y dejó escrito
   por qué no se compensa con padding: con `fixed` habría que
   recalcular el hueco en cada plantilla y se rompe en cuanto la
   nav cambia de alto. Con `sticky` la barra sigue contando en el
   flujo y no hay nada que compensar.

   La clase va repetida a propósito: sube el peso del selector
   por encima del `.nav { fixed }` de bundle.css sin recurrir a
   `!important`. */
.header.header {
  position: sticky;
  top: 0;
  z-index: var(--z-nav, 70);
}

.header.header .nav {
  position: static;
}

/* Que la barra tape de verdad lo que pasa por debajo. */
.header .nav {
  background: var(--color-nav-bg, rgba(7, 7, 8, 0.82));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* --- 2. El sticky necesita que nadie cree contenedor de scroll

   `bundle.css` pone `overflow-x: hidden` en html y body para
   cortar el desbordamiento lateral de los brillos de los
   botones. Pero `hidden` convierte al elemento en contenedor de
   scroll, y entonces la cabecera se pega al body —que no hace
   scroll— en lugar de al viewport: computa `sticky` y no pega.
   `clip` recorta igual y no crea contenedor. Misma sustitución
   que hizo la home. */
html,
body {
  overflow-x: clip;
  overflow-y: visible;
}