/* =========================================================================
   Tipografías auto-alojadas (subconjunto latino, woff2).
   Procedencia: Google Fonts vía google-webfonts-helper (gwfh.mranftl.com),
   subset=latin. Versiones: Newsreader v26, Hanken Grotesk v12,
   Space Grotesk v22, Space Mono v17.
   Se sirven desde 'self': la web no pide tipografías a terceros al cargar
   (el experimento es anónimo por diseño; Google no ve la IP del visitante).
   `font-display: swap` pinta texto con la fuente de respaldo hasta que llega
   la woff2; no bloquea el render.
   ========================================================================= */

/* ---- Newsreader (display/serif): titulares, numerales, cursivas ---- */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/newsreader-400.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/newsreader-400i.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/newsreader-500.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/newsreader-500i.woff2") format("woff2");
}

/* ---- Hanken Grotesk (sans/cuerpo): texto, botones de texto, footer ---- */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/hanken-400.woff2") format("woff2");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/hanken-500.woff2") format("woff2");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/hanken-600.woff2") format("woff2");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/hanken-700.woff2") format("woff2");
}

/* ---- Space Grotesk (UI): botones, títulos de paso ---- */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/space-grotesk-600.woff2") format("woff2");
}

/* ---- Space Mono (mono/etiquetas): eyebrows, tags, chips ---- */
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/space-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/space-mono-700.woff2") format("woff2");
}