/*
Papeles tipográficos.

La clase va DOBLADA a propósito: el Kit de Elementor declara h1..h6 con selector propio, que gana
a una clase suelta, y por eso el título de una obra salía con la fórmula del h1 en vez de la suya
[MEDIDO 05-09: 158,4 px a 1440 con `.a-titulo-l` puesta]. Doblar la clase da (0,2,0) y gana sin
`!important`. No es un adorno: sin esto el sistema de papeles no manda.
*/
/*
Tipografía Aurora Boza: los siete papeles de la tabla 5.3 del diseño. [LEÍDO]
Epilogue 500 para composición, Work Sans 400 para lectura. No cambia.
*/

@font-face {
	font-family: 'Epilogue';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fuentes/epilogue-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Epilogue';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fuentes/epilogue-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fuentes/worksans-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fuentes/worksans-500.woff2') format('woff2');
}

:root {
	--fuente-display: 'Epilogue', system-ui, sans-serif;
	/* Alias que consume aurora-widgets.css hasta que T5 lo reescriba. Sin esto, 22 titulos de serie caen a la fuente del sistema. */
	--fuente-titulares: var(--fuente-display);
	--fuente-texto: 'Work Sans', system-ui, sans-serif;
}

body {
	font-family: var(--fuente-texto);
	font-weight: 400;
	font-size: var(--t-cuerpo);
	line-height: 1.65;
}

.a-display.a-display {
	font-family: var(--fuente-display);
	font-weight: 500;
	font-size: var(--t-display);
	line-height: 0.88;
	letter-spacing: -0.035em;
	text-transform: uppercase;
}

.a-titulo-xl.a-titulo-xl {
	font-family: var(--fuente-display);
	font-weight: 500;
	font-size: var(--t-xl);
	line-height: 0.92;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}

.a-titulo-l.a-titulo-l {
	font-family: var(--fuente-display);
	font-weight: 500;
	font-size: var(--t-l);
	line-height: 1.02;
	letter-spacing: -0.02em;
}

.a-entradilla.a-entradilla {
	font-family: var(--fuente-texto);
	font-weight: 400;
	font-size: var(--t-m);
	line-height: 1.45;
}

.a-cuerpo.a-cuerpo {
	font-family: var(--fuente-texto);
	font-weight: 400;
	font-size: var(--t-cuerpo);
	line-height: 1.65;
}

.a-cartela.a-cartela {
	font-family: var(--fuente-texto);
	font-weight: 400;
	font-size: var(--t-cartela);
	line-height: 1.5;
}

.a-etiqueta.a-etiqueta {
	font-family: var(--fuente-texto);
	font-weight: 500;
	font-size: var(--t-etiqueta);
	line-height: var(--lh-etiqueta);
	letter-spacing: 0.14em;
	text-transform: uppercase;
}