/* Fuentes de marca autoalojadas. Se carga al final del CSS común de cada vista. */
@font-face {
	font-family: "Roboto";
	src: url("../../fonts/roboto-latin-wght-v1.woff2") format("woff2");
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
}

@font-face {
	font-family: "Inter Tight";
	src: url("../../fonts/inter-tight-latin-wght-v1.woff2") format("woff2");
	font-style: normal;
	font-weight: 600 800;
	font-display: swap;
}

:root {
	--ak-font-body: "Roboto", Arial, sans-serif;
	--ak-font-title: "Inter Tight", "Roboto", Arial, sans-serif;
	/* Variables que usa la hoja móvil. */
	--bs-body-font-family: var(--ak-font-body);
	--font-family-base: var(--ak-font-body);
	--font-family-title: var(--ak-font-title);
	--font-family-sub-title: var(--ak-font-body);
}

body {
	font-family: var(--ak-font-body);
	font-weight: 400;
}

button,
input,
select,
textarea {
	font-family: var(--ak-font-body) !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.title-head {
	font-family: var(--ak-font-title) !important;
}

h1, .h1,
h2, .h2,
h3, .h3 {
	font-weight: 700;
}

h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight: 600;
}

/* Título decorativo heredado de la familia Kalam, ya retirada. */
.titulo-razones {
	font-family: var(--ak-font-title);
}