/* ===================================================================================
   UEB Tienda — tipografías autoalojadas
   ===================================================================================

   POR QUÉ AUTOALOJADAS: el cliente es español y los mockups cargaban las fuentes con un
   `@import` a fonts.googleapis.com, lo que manda la IP de cada visitante a Google
   (problema conocido de RGPD). Además quita del camino crítico un DNS + TLS + conexión a
   un tercer dominio, y `@import` dentro de una hoja bloquea el render hasta resolverlo.
   `inc/cleanup.php` bloquea además los resource hints a fonts.googleapis/gstatic.

   REDISEÑO 2026-08: Archivo sustituye a Inter Tight + Inter.
   El diseño anterior separaba display (Inter Tight) de texto corrido (Inter) porque Inter
   Tight aprieta más en titulares grandes. Archivo no necesita ese reparto: es una grotesca
   con buen apriete natural en display y legible a 13-16px, y los mockups la usan para todo.
   Por eso ahora `--font` y `--font-body` apuntan a la MISMA familia — se conservan los dos
   tokens para no tener que tocar 300 declaraciones si algún día vuelven a divergir.

   POR QUÉ SOLO 3 ARCHIVOS: Google sirve estas familias como FUENTES VARIABLES. Declarando
   el rango de peso (`font-weight: 100 900`) se cubre toda la escala con un archivo por
   familia y corte. 3 archivos y 105 KB, en lugar de uno por peso.

   ⚠️ ARCHIVO TIENE DOS EJES: `wght` (100-900) y `wdth` (62-125). El `font-stretch: 100%`
   de abajo NO es decorativo: fija el eje de anchura en su instancia normal. Sin él, el
   navegador puede resolver la anchura por defecto del archivo, y basta un `font-stretch`
   heredado de cualquier reset para que los titulares salgan condensados o expandidos.

   ⚠️ SUBSET latin — GLIFOS QUE NO ESTÁN
   El unicode-range de abajo es el que declara Google para "latin". Comprobado uno a uno,
   de los símbolos que usan los mockups:

     ·  U+00B7  SÍ (dentro de U+0000-00FF)      →  se puede usar tal cual
     °  U+00B0  SÍ                              →  coordenadas 40°25′N
     €  U+20AC  SÍ                              →  se puede usar tal cual
     ′  U+2032  SÍ (dentro de U+2000-206F)      →  el minuto de las coordenadas, correcto
     —  U+2014  SÍ (raya del separador de pasos del checkout)
     −  U+2212  SÍ (minus real, no guion)       →  el "−" del selector de cantidad, correcto
     ★  U+2605  NO  →  SVG (ueb_icon 'star')
     ◆  U+25C6  NO  →  SVG (ueb_icon 'diamond')
     ●  U+25CF  NO  →  círculo CSS (border-radius:50%)
     →  U+2192  NO  →  SVG (ueb_icon 'arrow-right')
     ▾  U+25BE  NO  →  SVG (ueb_icon 'chevron-down')
     ✓  U+2713  NO  →  SVG (ueb_icon 'check')

   Los seis últimos caerían a una fuente del sistema (Segoe UI Symbol en Windows) con otro
   peso, otro tamaño óptico y otra línea base. Se nota, sobre todo en las estrellas y en las
   flechas de "Explorar →". De ahí que el tema los pinte como SVG. Ojo al copiar copy de los
   mockups: llevan esos caracteres literales y hay que sustituirlos.
   =================================================================================== */

/* --- Archivo — display y texto corrido -------------------------------------------- */
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 100 900;          /* eje wght completo */
	font-stretch: 100%;            /* eje wdth fijado — ver cabecera */
	font-display: swap;
	src: url('../fonts/archivo-var.woff2') format('woff2-variations'),
	     url('../fonts/archivo-var.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;
}

/* La cursiva de `em`. La usan tres sitios y ninguno es decorativo:
     · el 404      — "se ha quedado en el <em>fondo</em>"
     · construcción — "Estamos <em>sumergidos</em> montando la tienda"
     · Mi cuenta    — "Hola, <em>Marc</em>"
   Sin esta cara el navegador sintetiza una oblicua inclinando la recta, y al
   clamp(38px,6.4vw,84px) del h1 de "en construcción" se nota inmediatamente.

   Ojo: en las páginas CLARAS el énfasis de los titulares NO es `em` sino `<b>`, que va en
   redonda y solo cambia de color (ver base.css). Son dos recursos distintos a propósito. */
@font-face {
	font-family: 'Archivo';
	font-style: italic;
	font-weight: 100 900;
	font-stretch: 100%;
	font-display: swap;
	src: url('../fonts/archivo-italic-var.woff2') format('woff2-variations'),
	     url('../fonts/archivo-italic-var.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;
}

/* --- JetBrains Mono — etiquetas, precios, badges, migas, datos --------------------
   Se conserva del diseño anterior sin tocar: mismo archivo y exactamente el mismo papel.
   Es la firma visual de la marca (telemetría en monoespaciada) y los mockups nuevos la
   siguen usando en topbar, eyebrows, SKU, precios, contadores y coordenadas. */
@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 100 800;
	font-display: swap;
	src: url('../fonts/jetbrains-mono-var.woff2') format('woff2-variations'),
	     url('../fonts/jetbrains-mono-var.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;
}