/* El header, hasta que monta de verdad (17/10/2026, reporte del dueño: «por un segundo se ve roto»).
   Va como hoja aparte y en el <head> de cada página porque la hoja global (fullstart-store.js)
   llega después del primer dibujo. AppHeader prende html.ah-listo al montar.
   Cubre las DOS fases del motor: la caja gris del hueco (.sc-placeholder dentro del host del
   header) y el marcado del header dibujado antes de que llegue su lógica (header.ah).
   17/10/2026 noche (dueño: «como ahora el header está violeta, cada vez que cambio de página se
   ve por un segundo blanco»): la espera se pinta con los MISMOS colores del header real —banda
   violeta #174A59 y, donde existe, la barra de arriba en #0B2E38— y reserva su altura medida
   (escritorio 158 con barra de 36; 761-900 px 171 con barra de 31; celular 162 sin barra), así
   el fundido entre páginas (view-transition del store) va de violeta a violeta y nada salta. */
html:not(.ah-listo) .sc-host[data-sc-name="AppHeader FULLSTART"],
html:not(.ah-listo) header.ah{display:block;min-height:158px;background:linear-gradient(#0B2E38 0 36px,#174A59 36px) #174A59!important;}
html:not(.ah-listo) .sc-host[data-sc-name="AppHeader FULLSTART"] > .sc-placeholder{visibility:hidden!important;background:transparent!important;}
html:not(.ah-listo) .sc-host[data-sc-name="AppHeader FULLSTART"] .sc-placeholder::before{display:none!important;}
html:not(.ah-listo) header.ah > *{visibility:hidden!important;}
@media (max-width:900px){html:not(.ah-listo) .sc-host[data-sc-name="AppHeader FULLSTART"],html:not(.ah-listo) header.ah{min-height:171px;background:linear-gradient(#0B2E38 0 31px,#174A59 31px) #174A59!important;}}
@media (max-width:760px){html:not(.ah-listo) .sc-host[data-sc-name="AppHeader FULLSTART"],html:not(.ah-listo) header.ah{min-height:183px;background:#174A59!important;}}
/* El header REDUCIDO (Checkout: mode="reduced", sin buscador ni fila de categorías) es más bajo:
   93 en escritorio con la misma barra de 36, 88 en el celular. El host no conserva el atributo
   mode al montar, así que la página lo avisa en el <link> de esta hoja (data-ah="reducido"). */
html:not(.ah-listo):has(link[data-ah="reducido"]) .sc-host[data-sc-name="AppHeader FULLSTART"],
html:not(.ah-listo):has(link[data-ah="reducido"]) header.ah{min-height:93px;}
@media (max-width:900px){html:not(.ah-listo):has(link[data-ah="reducido"]) .sc-host[data-sc-name="AppHeader FULLSTART"],html:not(.ah-listo):has(link[data-ah="reducido"]) header.ah{min-height:93px;}}
@media (max-width:760px){html:not(.ah-listo):has(link[data-ah="reducido"]) .sc-host[data-sc-name="AppHeader FULLSTART"],html:not(.ah-listo):has(link[data-ah="reducido"]) header.ah{min-height:88px;}}