@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

:root {
	--color-azuloscuro: #0b6faf;
	--color-azulceleste: #26b7d5;
	--color-blanco: #ffffff;
	--color-semigris: #fbfbfb;
	--color-gris: #f4f4f4;
	--color-grisoscuro: #d5d5d5;
	--color-grisnegro: #9f9f9f;
	--color-seminegro: #333333;
	--color-oscuro: #757575;
	--color-negro: #000000;
	--color-verde: #019746;
	--color-aviso: #be2238;

	--fuente-titulo: 'Roboto Condensed', sans-serif;
	--fuente-texto: 'Open Sans', sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--color-blanco);
	font-family: var(--fuente-texto);
	font-weight: 400;
	font-size: 1em;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--fuente-titulo);
	font-weight: 700;
}

input[type="submit"], input[type="button"],
input[type="text"], input[type="email"],
input[type="tel"], input[type="number"],
input[type="date"], input[type="time"],
textarea, select, button, a {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.grid:after {
	content: "";
	display: table;
	clear: both;
}