:root{
	--beige-oscuro: #cbcec3;
	--beige-oscuro: #cbcec3;
	--beige-medio: #e7e9e2;
	--beige-claro: #f3f5ee;
	--azul-oscuro: #102635;
	--azul-medio: #004877;
	--azul-claro: #0084d8;
	--gris-claro: #a6a6a6;
	--gris-meio: #6a6a6a;
	--gris-oscuro: #454545;
	--rojo: #d80000;
	--bordes: #eff0eb;
	--bordes: #e4e6de;
	
	/*Tipografía*/ 
	--color-titulos: #102635; /*Azul oscuro*/
	--color-texto: #282828;
	--color-texto-atenuado: #868686;
	--color-anclas: #0084d8;
	--color-ancla-hover: #c80000;
	
	--color-texto-amarillo: #ffdf71;
	--color-texto-rojo: #d80000;
	--header-altura: 146px;

	/*Formas*/
	--boton-fondo: #004877;
	--boton-fondo-hover: #102635;
	--boton-borde: 1px solid #004877;
	--boton-borde-hover: 1px solid #102635;
	--boton-color: #ffffff;
	--boton-color-hover: #ffffff;
	--boton-fondo-disabled: #a6a6a6;
	--boton-color-disabled: #fff;
	--boton-borde-disabled: 1px solid #a6a6a6;
	--boton-fondo-secundario: red;
	--boton-color-secundario: red;
	--boton-borde-secundario: 1px solid red;
	--boton-fondo-secundario-hover: red;
	--boton-color-secundario-hover: red;
	--boton-borde-secundario-hover: 1px solid red;
	

}

@media all and (max-width: 480px) {
	:root {
		--header-altura: 136px; 
	}
}