/*
 * NEOMEN · ajustes sobre Blueprint.
 * Ninguna regla aplica dentro de #nstars-2027: N-STARS trae su propio sistema.
 */

/*
 * Syne, la fuente de títulos de sección y botones que elige el Customizer, servida desde el sitio
 * (antes venía de Google Fonts y bloqueaba el primer pintado). Archivo variable: cubre 400 a 700.
 */
@font-face {
	font-family: "Syne";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/syne-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Syne";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/syne-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Enlaces del pie (Inicio, Nosotros, N-Stars, Legal): 24 px de alto para que se puedan tocar sin errar. */
.cs-footer__info a {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
}

/* Saltar al contenido: invisible hasta que llega el foco del teclado. */
.neomen-skip-link {
	position: fixed;
	z-index: 100000;
	top: 0.75rem;
	left: 0.75rem;
	padding: 0.75rem 1rem;
	color: #fff;
	background: #000;
	font-weight: 600;
	text-decoration: none;
	transform: translateY(-200%);
}

.neomen-skip-link:focus {
	transform: none;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/*
 * Foco visible. El tema lo quita en 30 lugares con outline: none.
 * :focus-visible sólo aparece con teclado, así que el mouse no ve ningún cambio.
 */
:where(a, button, input, select, textarea, summary, [tabindex], [role="button"]):focus-visible:not(#nstars-2027 *) {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

:where(input, select, textarea):focus-visible:not(#nstars-2027 *) {
	outline-offset: 0;
}

/*
 * Submenús con teclado: se abren cuando el foco de teclado entra en ellos, igual que con hover.
 * Se usa :focus-visible y no :focus-within para no dejar menús abiertos tras un toque en pantalla táctil.
 */
.cs-header__nav-inner li:has(:focus-visible) > .sub-menu {
	visibility: visible;
	opacity: 1;
	top: -0.5rem;
	transform: translate3d(0, 0, 0);
}

.cs-header__nav-inner > li.menu-item-has-children:has(:focus-visible) > .sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

/* La fecha va en <time> para buscadores y el tema le pone a todo <time> otra letra: que herede la de los metadatos. */
.cs-meta-date time {
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

/* Movimiento reducido: el tema no lo respetaba. */
@media (prefers-reduced-motion: reduce) {
	:not(#nstars-2027, #nstars-2027 *),
	:not(#nstars-2027, #nstars-2027 *)::before,
	:not(#nstars-2027, #nstars-2027 *)::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}