/* ═══════════════════════════════════════════════════════════════════════════
   LAS FUENTES, SERVIDAS POR NOSOTROS.
   ═══════════════════════════════════════════════════════════════════════════

   ── POR QUÉ DEJAN DE VENIR DE GOOGLE (2026-10-04) ──────────────────────────

   Veinticuatro páginas públicas llevaban un `<link>` a `fonts.googleapis.com`,
   que además arrastra `fonts.gstatic.com`. Eso envía la IP de cada visitante a
   un tercero en cada carga, sin cookie de por medio.

   Y la política de privacidad lista a Cloudflare y a Shopify como procesadores.
   La ÚNICA aparición de la palabra «Google» en todo `privacy.html` era su
   propio `<link>` de fuentes: la página que enumera quién recibe los datos de
   tus visitantes estaba, en su `<head>`, añadiendo un destinatario que no
   enumeraba.

   El checklist de lanzamiento dice «mantener el sitio cookie-less → sin
   banner». Cero cookies es cierto y está comprobado. Pero no poner cookies no
   resuelve una transferencia de IP: son cosas distintas.

   ── LA PÁGINA QUE MÁS PESA EN ESTA DECISIÓN ────────────────────────────────

   `site-aiproof/verify.html`. Es `noindex`, y `noindex` no es «sin tráfico»:
   es la página a la que llega un comprador cuando pulsa un badge. Ahí el dato
   que se filtraba no era «alguien visitó una web», era «este consumidor fue a
   comprobar la afirmación de esta marca».

   ── Y LA APP YA LO HABÍA RESUELTO ──────────────────────────────────────────

   `shopify-app/app/app/styles/record.css` lleva meses con la decisión escrita
   de NO cargar fuentes de Google —por Core Web Vitals y por la promesa de
   `BRAND.md`— y resuelve con la pila del sistema. La web no siguió esa
   decisión. Aquí se sigue, conservando la tipografía: autoalojadas, no
   sustituidas.

   ── QUÉ HAY QUE PONER EN `assets/fonts/` ───────────────────────────────────

   Subconjunto LATIN en `woff2`. Nada más: `latin-ext`, cirílico y griego
   multiplican el peso y este sitio es EN/US.

     archivo-400.woff2  archivo-500.woff2  archivo-600.woff2  archivo-700.woff2
     spectral-400.woff2 spectral-500.woff2 spectral-600.woff2
     spectral-italic-400.woff2            spectral-italic-500.woff2
     spline-sans-mono-400.woff2  -500.woff2  -600.woff2
     inter-400.woff2  inter-500.woff2  inter-600.woff2  inter-700.woff2

   Newsreader NO esta aqui: lo usan solo las dos paginas de aiproofhub, y su
   copia vive en `site-aiproof/assets/`. Declarar en este sitio una familia que
   ninguna de sus veinte paginas usa es peso muerto y una pista falsa para quien
   lo lea despues.

   Las familias son SIL Open Font License 1.1, que permite alojarlas.
   La licencia va en `assets/fonts/OFL.txt` junto a los ficheros — es lo que la
   OFL pide y cuesta un fichero.

   ── `font-display: swap` EN TODAS ──────────────────────────────────────────

   Mismo valor que traía la URL de Google (`&display=swap`), así que el
   comportamiento de carga no cambia: el texto se ve desde el primer frame con
   la fuente de respaldo y se sustituye al llegar la real. `optional` sería
   mejor para CLS y peor para la marca — a veces no cargaría nunca.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── ARCHIVO · la UI ──────────────────────────────────────────────────────── */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/archivo-400.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/archivo-500.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/archivo-600.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/archivo-700.woff2") format("woff2");
}

/* ── SPECTRAL · el display del registro ───────────────────────────────────── */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/spectral-400.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/spectral-500.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/spectral-600.woff2") format("woff2");
}
/* La itálica es REAL, no sintetizada. Sin estas dos, el navegador inclina la
   redonda y la serif pierde justo lo que la hace serif. */
@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/spectral-italic-400.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/spectral-italic-500.woff2") format("woff2");
}

/* ── SPLINE SANS MONO · las cifras y los kickers ──────────────────────────── */
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-500.woff2") format("woff2");
}
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-600.woff2") format("woff2");
}

/* ── INTER · sólo los dos laboratorios internos ───────────────────────────────
   `brand-lab.html` y `badge-kit.html` son `noindex, nofollow`. Se autoalojan
   igual: la regla no puede tener excepciones «porque esta página casi no se
   visita» — una excepción es exactamente lo que vuelve a abrir el agujero, y
   `noindex` no quiere decir que nadie entre. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/inter-700.woff2") format("woff2");
}