/* UI-014 · Header fijo al bajar por la página (no en la sección Green Station). */

/* `overflow: hidden` en body/.page-wrapper impide el `position: sticky`; `clip` recorta igual sin crear
   un contenedor de desplazamiento. */
html.vs-header-fijo body:not(.vs-green) {
	overflow-x: clip !important;
	overflow-y: visible !important;
}
html.vs-header-fijo body:not(.vs-green) .page-wrapper {
	overflow: clip !important;
}

/* Header (menú en escritorio; logo y carrito en móvil). */
html.vs-header-fijo body:not(.vs-green) .header-wrapper {
	position: sticky;
	top: var(--vs-hf-header, 0px);
	z-index: 1001;
	transition: box-shadow 0.2s;
}
html.vs-hf-pegado body:not(.vs-green) .header-wrapper {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}

/* Escritorio: el bloque superior se pega con top negativo; solo queda visible su fila de buscador,
   logo, cuenta y carrito (el cronómetro y la barra de anuncios suben con la página). */
html.vs-hf-escritorio body:not(.vs-green) .porto-block[data-id="36"] {
	position: sticky;
	top: var(--vs-hf-bloque, 0px);
	z-index: 1002;
}

/* Portada: el menú es translúcido para ir sobre el banner; ya fijo sobre el contenido, negro sólido. */
html.vs-hf-pegado body:not(.vs-green) .elementor-element-88829b1 {
	background-color: #0a0a0a !important;
}