html {
	font-size: 18px; /* debe estar en 'html', porque es de donde donde toma referencia el 'rem' */

}
body {
	/* Variables */
	--altoHeader: clamp(52px, calc(var(--alturaViewPort) * 0.08), 60px);
	--altoFooter: 25.4px;
	--altoMain: calc(var(--alturaViewPort) - var(--altoHeader) - var(--altoFooter));
	--altoTitulo: 36px;
	--altoPestañas: 24px;
	--altoCuerpoTitulo: calc(var(--altoMain) - var(--altoTitulo));
	--altoCuerpoPestañas: calc(var(--altoMain) - var(--altoTitulo) - var(--altoPestañas));

	/* Ancho y alto */
	width: 100vw;
	height: var(--alturaViewPort);

	/* Otros */
	color: var(--colorEscritura);
	line-height: inherit;
	display: flex; flex-direction: column;
}
body, * {margin: 0px; padding: 0; box-sizing: border-box !important;}
body * {
	font-family: 'Calibri', 'Trebuchet MS', 'sans-serif'; color: inherit;
	&:focus {outline-color: gray;}
}