/*
 * Cabecera del resto del sitio, acercada a la de la portada.
 *
 * La portada clásica trae su propia cabecera, la del tema de 2025. Las demás
 * páginas siguen con la cabecera del tema actual (`.si-header`) y con su propio
 * sistema visual: aquí no se cambia la estructura, solo la piel del menú —
 * Oswald en mayúsculas, el azul de marca y el botón de línea con esquina viva,
 * como en 2025 — para que al navegar de la portada a una interior no parezca
 * que cambias de web.
 *
 * La clase va duplicada a propósito: `modern.css` estiliza la cabecera con
 * `body.si-modern .si-header-…` y sin esa duplicación empataría en peso.
 */

.si-menu25.si-menu25 .si-header {
	background: #fff;
	backdrop-filter: none;
	border-bottom: 1px solid var(--si-azul-impact, #0013FF);
}

.si-menu25.si-menu25 .si-header-nav {
	font-family: var(--ff-display, "Oswald", sans-serif);
	font-size: 15px;
	font-weight: 500;
	gap: 30px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.si-menu25.si-menu25 .si-header-nav a {
	color: var(--si-azul-impact, #0013FF);
	opacity: 1;
}

.si-menu25.si-menu25 .si-header-nav a:hover {
	opacity: 0.6;
}

.si-menu25.si-menu25 .si-header-nav a.is-active {
	color: var(--si-azul-impact, #0013FF);
}

.si-menu25.si-menu25 .si-header-nav a.is-active::after {
	background: var(--si-azul-impact, #0013FF);
}

/* Botón de línea, como el «Compra tu entrada» de 2025. */
.si-menu25.si-menu25 .si-header-cta {
	background: #fff;
	border: 1px solid var(--si-azul-impact, #0013FF);
	border-radius: 0;
	color: var(--si-azul-impact, #0013FF);
	font-family: var(--ff-display, "Oswald", sans-serif);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 11px 20px;
	text-transform: uppercase;
	transition: background 0.3s cubic-bezier(0.5, 0, 0.25, 1), color 0.3s cubic-bezier(0.5, 0, 0.25, 1);
}

.si-menu25.si-menu25 .si-header-cta:hover {
	background: var(--si-azul-impact, #0013FF);
	color: #fff;
}

/* Móvil: el botón de menú y el panel, en el mismo registro. */
.si-menu25.si-menu25 .si-nav-toggle {
	border-color: var(--si-azul-impact, #0013FF);
	border-radius: 0;
	color: var(--si-azul-impact, #0013FF);
	font-family: var(--ff-display, "Oswald", sans-serif);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.si-menu25.si-menu25 .si-nav-panel-links a {
	font-family: var(--ff-display, "Oswald", sans-serif);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}