@font-face {
	font-family: "InterVariable";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/InterVariable.woff2") format("woff2");
}
@font-face {
	font-family: "InterVariable";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/InterVariable-Italic.woff2") format("woff2");
}
.content {
	max-width: 1024px;
	margin: auto;
}
body {
	font-family: "InterVariable", sans-serif;
	font-feature-settings: 'calt', 'ss01', 'ss03', 'cv05', 'cv06', 'cv10';
	font-variation-settings: 'opsz' 10;
	font-style: normal;
	margin: 0 0 0 0;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
p {
	font-family: inherit;
	font-size: 1.25rem;
	line-height: 1.5;
	hyphens: auto;
	color: #414141;
	margin: 0 0 1rem 0;
	margin-block: 1lh;
}

a:link {
	color: #625CE0;
}
a:visited {
	color: #625CE0;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	letter-spacing: 0.05rem;
	text-transform: lowercase;
	line-height: 1.1;
	hyphens: auto;
	color: #414141;
}

h1 {
	font-size: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
	font-weight: 800;
	border-bottom: .15rem solid;
	border-bottom-color: #414141;
	padding-bottom: .4rem;
}
h1::before {
	content: "-->";
	padding-right: 0.7rem;
}
h2 {
	font-size: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
	font-weight: 650;
}
h3 {
	font-size: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
	font-weight: 600;
}

h4, h5, h6 {
	letter-spacing: 0.05rem;
	text-transform: lowercase;
	line-height: 1.3;
	hyphens: auto;
	color: #414141;
}
h4 {
	font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
	font-weight: 600;
}
h5 {
	font-size: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
	font-weight: 500;
}
h6 {
	font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
	font-weight: 450;
}

ul, ol {
	color: #414141;
}

tr, th, td {
	color: #414141;
}

* {
	box-sizing: border-box;
}
/* Dos columnas del mismo ancho una a lado de la otra */
.doscolumnas {
	float: left;
	width: 50%;
	padding: 0.7rem;
}
/* Tres columnas del mismo ancho una a lado de la otra */
.trescolumnas {
  float: left;
  width: 33.33%;
  padding: 0.7rem;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
/* Responsive, cuando el ancho de la pantalla es menor a 961px las dos columnas se apilan */
@media screen and (max-width: 961px) {
	.doscolumnas {
	width: 100%;
}
}
@media screen and (max-width: 300px) {
	.trescolumnas {
	width: 100%;
}
}