/*
 * Inter, la tipografía del sitio. Servida desde aquí, no desde Google (2026-08-04).
 *
 * ── Por qué hacía falta ────────────────────────────────────────────────────────────
 *
 * `app.css` declara `--font-sans: "Inter", system-ui, …` pero NADIE cargaba Inter, así
 * que todo caía al tipo del sistema: San Francisco en Mac, Segoe UI en Windows, Roboto
 * en Android. El sitio se veía distinto en cada máquina. Y el panel ni siquiera pedía
 * Inter: llevaba su propia lista, empezando por `-apple-system`.
 *
 * ── Por qué desde aquí y no desde fonts.googleapis.com ─────────────────────────────
 *
 *   · Una petición menos a un tercero en cada visita, y ninguna a Google desde una web
 *     donde la gente reporta problemas ambientales de su barrio.
 *   · Sin dependencia externa: si Google va lento, la página no espera.
 *   · La hoja de Google además encadena DOS descargas —primero el CSS, luego el woff2—,
 *     y la segunda no empieza hasta que llega la primera.
 *
 * ── Qué se descarga ────────────────────────────────────────────────────────────────
 *
 * Solo los dos subconjuntos latinos, no los siete que sirve Google (cirílico, griego,
 * vietnamita…), que en un sitio en inglés y español no pinta nadie:
 *
 *   inter-latin.woff2       48 KB   inglés, español y los signos corrientes
 *   inter-latin-ext.woff2   85 KB   el resto del latino extendido
 *
 * Es la variable, así que un solo archivo cubre de 400 a 800: no hay que bajar un peso
 * por cada grosor. Y el navegador solo pide `latin-ext` si la página tiene caracteres
 * de ese rango, gracias al `unicode-range`.
 *
 * `font-display: swap` pinta el texto con el tipo del sistema mientras llega Inter, en
 * vez de dejar el hueco en blanco. En una página con información de calidad del aire,
 * texto tarde es peor que texto con otra letra un momento.
 */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
        U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('inter-latin.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;
}

/*
 * La pila del sitio, en un solo sitio.
 *
 * Se aplica a `html` para que herede TODO, incluidos los `input`, `select`, `textarea` y
 * `button`, que por omisión usan el tipo del sistema operativo y no el de la página: sin
 * esa línea, los formularios se veían con otra letra que el texto de al lado.
 */
:root {
    --ivan-fuente: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
        'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
}

html {
    font-family: var(--ivan-fuente);
}

input, select, textarea, button {
    font-family: inherit;
}