/**
 * Tipografía del sitio — Airbnb Cereal
 *
 * Los archivos vienen en OTF y aquí van en WOFF2: la mitad de peso (113 KB
 * los cuatro pesos, frente a 222 KB) y lo entienden todos los navegadores
 * actuales.
 *
 * Los nombres del fabricante son Lt / Bk / Md / Bd; se declaran como 300,
 * 400, 500 y 700. No hay archivo de 600: se declara el Bold también para ese
 * peso porque el kit de Elementor lo usa en los títulos, y sin él el
 * navegador se inventaría una negrita falsa (más sucia y peor espaciada).
 *
 * font-display: swap — el texto se ve desde el primer momento con la fuente
 * de reserva y cambia al cargar; es preferible a dejar la página en blanco.
 */

@font-face {
	font-family: 'Airbnb Cereal';
	src: url('fonts/cereal-Lt.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Airbnb Cereal';
	src: url('fonts/cereal-Bk.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Airbnb Cereal';
	src: url('fonts/cereal-Md.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Airbnb Cereal';
	src: url('fonts/cereal-Bd.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Airbnb Cereal';
	src: url('fonts/cereal-Bd.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* La familia la aplica el kit de Elementor a body y encabezados. Esto es la
   red de seguridad para lo que se escape de ahí (formularios, botones y el
   CSS heredado del sitio antiguo). */
:root {
	--solis-tipo: 'Airbnb Cereal', -apple-system, BlinkMacSystemFont,
		'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
optgroup {
	font-family: var(--solis-tipo);
}
