/* ==========================================================
   fonts.css — Razonando QuímicaMente
   Fuentes self-hosted (sin depender de Google Fonts).
   Los .woff2 viven en css/fonts/ y se descargan con:
       bash scripts/fetch-fonts.sh
   Las rutas url() son relativas a este archivo, así funcionan
   tanto en la raíz como en /cursos/.
   ========================================================== */

/* ---- Mulish (cuerpo de texto) ---- */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/mulish-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/mulish-700.woff2') format('woff2');
}

/* ---- Nunito (títulos / UI) ---- */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/nunito-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/nunito-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/nunito-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/nunito-800.woff2') format('woff2');
}