/* Header overlay — placeholder mínimo para Style Guide.
   La versión definitiva (V8) llegará con el port de la home. */

.ijsb-header {
	position: sticky;
	top: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem clamp(16px, 4vw, 32px);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: saturate(140%) blur(8px);
	-webkit-backdrop-filter: saturate(140%) blur(8px);
	border-bottom: 1px solid var(--ijs-sand-100);
}

.ijsb-header__brand {
	font-family: var(--ijs-font-display);
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--ijs-navy-900);
	text-decoration: none;
}
.ijsb-header__brand:hover { color: var(--ijs-turquoise-600); }

.ijsb-header__nav {
	display: none;
}
.ijsb-header__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 2rem;
}
.ijsb-header__nav a {
	font-weight: 500;
	color: var(--ijs-navy-900);
	text-decoration: none;
}
.ijsb-header__nav a:hover { color: var(--ijs-turquoise-600); }

@media (min-width: 768px) {
	.ijsb-header__nav { display: block; }
}