/* ---------------------------------------------------------------------------
   Catamaran y Lora, servidas desde nuestro propio dominio.

   Antes se pedian a fonts.googleapis.com en dos (a veces tres) hojas de estilo de
   BLOQUEO: el navegador no pintaba nada hasta resolver DNS, negociar TLS y descargar
   un CSS de otro dominio, y solo entonces empezaba a pedir las fuentes. Eran dos
   viajes encadenados antes del primer texto en pantalla.

   Ademas, pedir Google Fonts desde su CDN transmite la IP de quien visita a Google;
   en la UE eso se ha considerado un tratamiento de datos sin base legal. Autoalojar
   lo evita sin renunciar a la tipografia.

   Son fuentes VARIABLES: un unico archivo cubre todo el rango de grosores, por eso hay
   tres archivos y no once. Los once que sirve Google para estas familias resultaron ser
   el mismo archivo repetido (comprobado por hash).

   `font-display: swap` a proposito: se ve el texto desde el primer momento con la
   tipografia del sistema y luego cambia. La alternativa es un hueco en blanco, que en
   la portada seria justo sobre el titular.
   --------------------------------------------------------------------------- */

@font-face {
	font-family: 'Catamaran';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fuentes/web/catamaran-variable.woff2') format('woff2');
	/* Solo el subconjunto latino: cubre castellano, ingles y aleman. */
	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+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fuentes/web/lora-variable.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+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fuentes/web/lora-variable-italic.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+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}