/* ==========================================================================
   fuentes.css — Fuentes autoalojadas (assets/fonts/, licencia OFL)

   - Una fuente variable por familia, subconjunto latin (incluye tildes y ñ).
     Pesos usados: Bricolage Grotesque 600–800, Figtree 400–600.
   - font-display: swap → el texto se ve de inmediato con la fuente de respaldo.
   - Fuentes "… Respaldo": Arial escalada a las métricas de la fuente web
     (size-adjust, ascent/descent-override). Valores obtenidos renderizando el
     mismo texto con ambas fuentes en Chrome y comparando anchos y alturas.
     Así, el cambio de fuente al terminar la descarga casi no mueve el layout (CLS).

   EXCEPCIÓN TÉCNICA: los descriptores de las reglas de fuente no admiten var(),
   por eso los porcentajes de métricas son literales aquí (como los breakpoints).
   ========================================================================== */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin-var.woff2") format("woff2");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("../fonts/figtree-latin-var.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

/* Respaldo métrico de Bricolage (títulos, pesos 600–800) */
@font-face {
  font-family: "Bricolage Grotesque Respaldo";
  src: local("Arial Bold"), local("Arial-BoldMT");
  font-weight: 600 800;
  size-adjust: 99.4%;
  ascent-override: 93.6%;
  descent-override: 27.2%;
  line-gap-override: 0%;
}

/* Respaldo métrico de Figtree (texto, 400–500) */
@font-face {
  font-family: "Figtree Respaldo";
  src: local("Arial"), local("ArialMT");
  font-weight: 400 500;
  size-adjust: 100.5%;
  ascent-override: 94.5%;
  descent-override: 24.9%;
  line-gap-override: 0%;
}

/* Respaldo métrico de Figtree 600 (etiquetas, botones) */
@font-face {
  font-family: "Figtree Respaldo";
  src: local("Arial Bold"), local("Arial-BoldMT");
  font-weight: 600;
  size-adjust: 94.5%;
  ascent-override: 100.5%;
  descent-override: 26.5%;
  line-gap-override: 0%;
}