/* ==================================================================
   tipografia.css — Las letras de Pixelia. Se carga ANTES que
   cualquier otra hoja, tanto en la web publica como en Norte.
   Un solo sitio donde se decide con que se escribe todo.

   Texto:     Public Sans (variable, todos los pesos en un archivo).
   Titulares: Instrument Serif. Es una serif de DISPLAY: se usa a peso
              normal (400) y en tamanos grandes. No existe en negrita
              a proposito; si se pidiera bold el navegador la
              falsificaria y quedaria sucia. Nunca poner bold aqui.
   A mano:    Caveat. SOLO para los rotulos manuscritos de la portada
              (el "Digitaliza tu negocio"). Nunca para texto corrido.
   Monoespaciada: la del sistema (telefonos, RUC, codigos).

   POR QUE DOS ARCHIVOS POR FAMILIA
   El .woff2 lleva solo el subconjunto latino (lo que usamos: tildes,
   ñ, ¿, ¡, °, €) y pesa la quinta parte. La .ttf completa va primero
   y sin `unicode-range`: el navegador solo la descarga si aparece un
   caracter que el subconjunto no trae. Las .ttf ademas son las que
   registra mPDF para los PDF, asi que tienen que quedarse igual.
   ================================================================== */

/* -- Public Sans -------------------------------------------------- */
@font-face {
  font-family: 'Public Sans';
  src: url('/assets/fonts/PublicSans-Variable.ttf') format('truetype-variations');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/assets/fonts/PublicSans-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
  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;
}

/* -- Instrument Serif --------------------------------------------- */
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/fonts/InstrumentSerif-latin.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  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;
}

/* -- Caveat (manuscrita, solo rotulos) ---------------------------- */
@font-face {
  font-family: 'Caveat';
  src: url('/assets/fonts/Caveat-Variable.ttf') format('truetype-variations');
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('/assets/fonts/Caveat-latin.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
  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;
}

:root {
  --px-texto:   'Public Sans', system-ui, 'Segoe UI', Arial, sans-serif;
  --px-titular: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --px-mano:    'Caveat', 'Segoe Script', cursive;
  --px-mono:    ui-monospace, 'Cascadia Mono', Consolas, 'Courier New', monospace;
}

/* Los controles de formulario no heredan la letra de la pagina por defecto
   (el navegador les pone la suya). Aqui se les obliga a heredarla. */
button, input, select, textarea { font-family: inherit; }