/* =========================================================================
   TIPOGRAFÍA ESAM

   Las @font-face de la marca vivían solo dentro de css/2e9b5c31633fa2c5.css,
   un trozo del bundle heredado que /agentes-ia/ y /ecosistema/ no cargan.
   En esas páginas no llegaba a cargar NINGUNA fuente y las declaraciones
   `font-family: var(--font-sans-regular)` eran inválidas en tiempo de valor
   computado, así que el navegador las descartaba enteras y heredaba.

   Este archivo extrae solo lo tipográfico, sin arrastrar el resto del
   bundle heredado (que traería estilos globales en conflicto).
   ====================================================================== */

/* ── PlusJakarta Sans como FAMILIA (una, con tres pesos) ─────────────────
   El bundle heredado declara PlusJakarta como tres familias separadas de
   un solo peso cada una: "…Regular" (400), "…Semi Bold" (600) y "…Bold"
   (700). Eso funciona para texto corrido, donde el peso nunca cambia, pero
   es una trampa en titulares: pedir `font-weight: 700` sobre la familia
   "…Regular" no encuentra un archivo de 700 y el navegador FABRICA la
   negrita engordando los trazos. Una negrita sintética a 90 px se ve
   emborronada, y es justo el defecto que uno nota sin saber nombrarlo.

   Estos tres @font-face agrupan los MISMOS archivos bajo un solo nombre,
   cada uno con su peso real. Así `font-weight: 700` encuentra el .woff2 de
   negrita de verdad y no hay nada que sintetizar.

   Las tres familias de un peso se mantienen declaradas más abajo: el
   bundle heredado las referencia por su nombre y quitarlas romperia esas
   páginas. */

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/PlusJakartaSans-Regular.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/PlusJakartaSans-SemiBold.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/PlusJakartaSans-Bold.woff2) format("woff2");
}

/* ── Las tres familias de un peso del bundle heredado ────────────────── */

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans Regular";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/PlusJakartaSans-Regular.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans Semi Bold";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/PlusJakartaSans-SemiBold.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "PlusJakarta Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/PlusJakartaSans-Bold.woff2) format("woff2");
}

/* ── Monoespaciada (Ubuntu Mono) ────────────────────────────────────── */

@font-face {
  font-display: swap;
  font-family: "Ubuntu Mono Regular";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/UbuntuMono-Regular.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Ubuntu Mono Bold";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/UbuntuMono-Bold.woff2) format("woff2");
}

/* ── Variables ──────────────────────────────────────────────────────────
   Mismos nombres y mismas pilas que el bundle heredado, para que una
   página que cargue las dos cosas no vea dos valores distintos.

   Aviso para quien añada una página nueva: css/agentes-ia.css usa
   `var(--font-sans-regular)` en 16 sitios. Si esa página carga
   agentes-ia.css SIN cargar este archivo, las 16 declaraciones vuelven a
   ser inválidas y el cuerpo cae a la fuente del sistema en silencio, sin
   ningún error en consola. Van siempre juntas. */

:root {
  --font-sans-regular: "PlusJakarta Sans Regular", ui-sans-serif, system-ui,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-sans-semi: "PlusJakarta Sans Semi Bold", ui-sans-serif, system-ui,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-sans-bold: "PlusJakarta Sans Bold", ui-sans-serif, system-ui,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-mono-regular: "Ubuntu Mono Regular", ui-monospace, monospace;
  --font-mono-bold: "Ubuntu Mono Bold", ui-monospace, monospace;

  /* Titulares y texto comparten tipografia; lo que los separa es el
     peso, el cuerpo y el tracking, no la letra. */
  --font-display: "PlusJakarta Sans", ui-sans-serif, system-ui, sans-serif;
}