/*
 * Cabecera fija.
 *
 * Réplica del código personalizado de Elementor «Sticky header» (id 189365):
 * cuando la barra principal llega arriba, se fija con una entrada suave y la
 * barra superior se va con el scroll. Se añade el hueco de la barra de
 * administración, que en Elementor la tapaba.
 *
 * Los selectores llevan #brx-header para ganar a la copia de Elementor, que se
 * sigue imprimiendo mientras Elementor Pro esté activo.
 */
body.sils-fixed #brx-header .fixed-header {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	z-index: 500;
	animation: sils-drop .35s cubic-bezier(.22, .61, .36, 1);
	border-bottom: 0 !important;
}

@keyframes sils-drop {
	from { transform: translateY(-8px); opacity: .6; }
	to   { transform: translateY(0);    opacity: 1;  }
}

.sils-header-spacer {
	width: 100%;
}

/*
 * En toda la web, home incluida, la cabecera va en su sitio y en negro. Hasta el
 * 29-sep-2026 flotaba transparente sobre el slider de la home; el slider nuevo
 * (banners cs-*) tiene un slide de fondo claro donde el menú blanco no se leía.
 */

@media (prefers-reduced-motion: reduce) {
	body.sils-fixed #brx-header .fixed-header { animation: none; }
}

/* La transición al esconderse/aparecer la daba la hoja de la antigua sección «Inspírate»
   (sils-puente-bricks/assets/inspo.css), que ya no se carga: se trae aquí. */
.fixed-header {
	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s ease;
}