/* Variables de diseño de NM Vitrina (spec §5). */
:root {
	--nm-navy: #1B1D68;
	--nm-navy-dark: #14165A;
	--nm-red: #D52B1E;
	--nm-yellow: #FFC928;
	--nm-soft: #EEF0F7;
	--nm-ink: #1E2033;
	--nm-muted: #5E6178; /* 5,3:1 sobre --nm-soft (el #6A6D85 original quedaba en 4,45). */
	--nm-line: #E2E4EE;
	--nm-green: #15803D; /* 5:1 con blanco (el #1FA34A original daba 3,3:1). */
	--nm-green-dark: #166534; /* Texto verde sobre --nm-soft (6:1). */
	--nm-white: #FFFFFF;
	/* Campaña Cyber (inc/campaign.php): blanco encima da 19,4:1 y --nm-yellow 13,3:1. */
	--nm-campaign: #0B0B12;
	--nm-campaign-accent: var(--nm-yellow);
	--nm-campaign-glow: 255 201 40; /* --nm-campaign-accent en RGB, para el latido del botón. */

	--nm-tile-disney: #2563D6;
	--nm-tile-sanrio: #D13A7E; /* 4,5:1 con blanco (el #F0609E original daba 3,06:1). */
	--nm-tile-futbol: #14161F;
	--nm-tile-escolar: #F5A300;

	/* Rojo vino del fondo de la foto de estudio de Marvel (borde: #5D050C), aclarado para no
	   leerse como negro junto a Fútbol. No es --nm-red: ese es Fiestas Patrias y campañas.
	   11,2:1 con blanco (spec 2026-10-02 §2). */
	--nm-tile-marvel: #7A0A12;

	--nm-font-display: "Jost", "Futura", "Century Gothic", "Trebuchet MS", sans-serif;
	--nm-font-body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

	--nm-fs-12: 0.75rem;
	--nm-fs-13: 0.8125rem;
	--nm-fs-14: 0.875rem;
	--nm-fs-16: 1rem;
	--nm-fs-18: 1.125rem;
	--nm-fs-24: 1.5rem;
	--nm-fs-34: 2.125rem;
	--nm-fs-50: 3.125rem;

	--nm-radius: 4px;
	--nm-radius-banner: 6px;
	--nm-radius-pill: 999px;
	--nm-shadow-card: 0 1px 3px rgba(27, 29, 104, 0.12);

	--nm-container: 1280px;
	--nm-gutter: 24px;
}

@font-face {
	font-family: "Jost";
	src: url("../fonts/jost-latin.woff2") format("woff2");
	font-weight: 600 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Nunito Sans";
	src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
}

/* Halloween (inc/campaign.php, clase de body): noche morada y naranjo calabaza.
   Naranjo sobre --nm-campaign 7,4:1; texto #0b0b12 sobre naranjo 8,3:1. */
.nm-campaign-halloween {
	--nm-campaign: #1C0B30;
	--nm-campaign-accent: #FF7A00;
	--nm-campaign-glow: 255 122 0;
	--nm-campaign-nav: #2B1048;
}

/* Navidad: verde pino, dorado y barra de categorías roja.
   Dorado sobre --nm-campaign 9,6:1; verde sobre dorado igual; blanco sobre el rojo 7,4:1. */
.nm-campaign-navidad {
	--nm-campaign: #0B3B2A;
	--nm-campaign-accent: #F4D27A;
	--nm-campaign-glow: 244 210 122;
	--nm-campaign-nav: #9E0E22;
}