/* ==========================================================================
   Cabecera fija en todas las páginas de la web (no en la intranet, que usa la
   misma .app-header de shared/base.css: por eso esto es CSS del tema, no de
   shared/). Se carga en todas las páginas, la home incluida.

   La home ya la tenía fija (front-page.css: transparente sobre el vídeo y
   sólida con .is-scrolled). Aquí, el resto de páginas: la cabecera sólida de
   siempre (o la navy de Bombas y VITTA IA), pero fija arriba y con el mismo
   alto que la de la home, --header-h (shared/tokens.css).
   ========================================================================== */

body:not(.home) .app-header {
  position: fixed;
  /* Debajo de la barra de administración de WordPress cuando la hay
     (variable del núcleo; 0 para los visitantes). */
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
  z-index: 30;
  box-sizing: border-box;
  height: var(--header-h);
  padding-top: 0;
  padding-bottom: 0;
}

/* La cabecera ya no ocupa sitio en el flujo: el contenido empieza debajo. */
body:not(.home) .wp-site-blocks { padding-top: var(--header-h); }

/* Todo lo que desplaza la página para enseñar algo (saltar a un ancla, el
   índice de Bombas, #fase1/#alarmas de VITTA IA, llevar el foco a un error de
   un formulario...) deja libre la franja de la cabecera fija. En la home
   también (antes lo hacía front-page.css con scroll-margin-top en cada [id]). */
html { scroll-padding-top: var(--header-h); }