/* Hanken Grotesk autoalojada -- reemplaza a fonts.googleapis.com.
   Los .woff2 vienen del paquete npm @fontsource/hanken-grotesk (subconjunto
   latin), copiados a esta misma carpeta. Solo los pesos que usa la app.

   font-display: swap conserva el comportamiento que tenia el enlace de
   Google (&display=swap): el texto se ve de inmediato con la tipografia de
   respaldo y cambia cuando termina de cargar, en vez de quedar invisible. */

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('hanken-grotesk-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('hanken-grotesk-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('hanken-grotesk-latin-600-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('hanken-grotesk-latin-700-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('hanken-grotesk-latin-800-normal.woff2') format('woff2');
}