/* ============================================================
   cedares — Header / Navbar (global)
   Figma: Navbar desktop 35:372 · Navbar mobile 324:5274 (→ 68:850).
   Barra sticky translúcida con blur; logo blanco a la izquierda.
   La web es OSCURA: el header va sobre el contenido con vidrio esmerilado.
   ============================================================ */

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	/* Figma: overlay negro 20% sobre azul-oscuro (#111132 = --ced-azul-oscuro) al 70% */
	background:
		linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		rgba(17, 17, 50, 0.95);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: var(--ced-space-4);
	/* Mobile (Figma 68:850): padding 24 / 30 */
	padding: var(--ced-space-4) 30px;
}

.site-header__logo {
	display: inline-flex;
	flex: 0 0 auto;
	width: 123px;
	height: 46px;
}

.site-header__logo svg {
	width: 100%;
	height: 100%;
}

/* Navegación principal: empuja a la derecha cuando exista un menú asignado. */
.site-header__nav {
	margin-left: auto;
}

/* Desktop (Figma 35:372): logo a 112px del borde del viewport. */
@media (min-width: 768px) {
	.site-header__inner {
		padding-inline: 112px;
	}
}