/* ════════════════════════════════════════════════════════════════
   fonts.css — MathMentalis
   Self-hosted fonts: Nunito (400/600/700/800/900) + Fredoka One (400)
   
   ESTRUCTURA DE ARCHIVOS REQUERIDA:
   /fonts/
     nunito-latin-400.woff2
     nunito-latin-600.woff2
     nunito-latin-700.woff2
     nunito-latin-800.woff2
     nunito-latin-900.woff2
     fredoka-one-latin-400.woff2

   CÓMO OBTENER LOS ARCHIVOS:
     Opción A (automática): ejecuta descargar-fuentes.sh en tu máquina
     Opción B (manual): sigue los pasos al final de este archivo
     
   VENTAJAS VS CDN:
     ✓ Funciona en redes con firewall/antivirus que bloquean fonts.googleapis.com
     ✓ Sin peticiones a servidores de Google (GDPR)
     ✓ Carga más rápida (sin DNS lookup externo)
     ✓ No hay riesgo de contenido mixto
════════════════════════════════════════════════════════════════ */

/* ── Nunito 400 (Regular) ──────────────────────────────────── */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/nunito-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ── Nunito 600 (SemiBold) ─────────────────────────────────── */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/nunito-latin-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ── Nunito 700 (Bold) ─────────────────────────────────────── */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/nunito-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ── Nunito 800 (ExtraBold) ────────────────────────────────── */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/nunito-latin-800.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ── Nunito 900 (Black) ────────────────────────────────────── */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/nunito-latin-900.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

/* ── Fredoka One 400 (Regular) ─────────────────────────────── */
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/fredoka-one-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}


/* ════════════════════════════════════════════════════════════════
   CÓMO OBTENER LOS ARCHIVOS .woff2 MANUALMENTE (Opción B)
   ════════════════════════════════════════════════════════════════

   1. Abre en tu navegador (Chrome/Edge recomendado):
      https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap

   2. Verás el CSS con varios bloques @font-face como este:
        src: format('woff2');

   3. Copia cada URL de src y ábrela en una nueva pestaña.
      El navegador descargará el .woff2 directamente.

   4. Renombra cada archivo descargado así:
      - Nunito  400  →  nunito-latin-400.woff2
      - Nunito  600  →  nunito-latin-600.woff2
      - Nunito  700  →  nunito-latin-700.woff2
      - Nunito  800  →  nunito-latin-800.woff2
      - Nunito  900  →  nunito-latin-900.woff2
      - Fredoka One  →  fredoka-one-latin-400.woff2

   5. Sube todos los archivos a Hostinger en: /public_html/fonts/

   HERRAMIENTA ALTERNATIVA (más cómoda):
      https://google-webfonts-helper.herokuapp.com/fonts/nunito
      → selecciona los pesos → descarga el ZIP con todos los .woff2

════════════════════════════════════════════════════════════════ */
