@font-face {
  	font-family: 'Geologica';
  	src: url('https://stockcrowd.s3.amazonaws.com/fonts/geologica/Geologica-VariableFont_CRSV%2CSHRP%2Cslnt%2Cwght.ttf') format('truetype');
  	font-weight: 300 400 500 600 700;
  	font-style: normal;
  	font-display: swap;
  	font-variation-settings: "slnt" 0, "CRSV" 0, "SHRP" 0;
}
* {
	font-size: 1.125rem;
	line-height: 1.688rem;
	font-optical-sizing: auto;
  	font-weight: 300;
  	font-style: normal;
  	color: rgba(20,20,20,1);
	font-family: 'Geologica', sans-serif;
}
/*FLEX*/
.flex, .flex-center, .flex-between {
	display: flex;
}
.flex-center {
	align-items: center;
}
.flex-shrink {
	flex-shrink: 0
}
.flex-between {
	align-items: center;
	justify-content: space-between;
}
.gap-l {
	gap: 1rem;
}
.gap-xl {
	gap: 2rem;
}
/*HEADER*/
nav, nav.color-fondo {
	background-color: #FFFFFF !important;
}
header nav {
	padding: 0.625rem 1rem;
}
header nav img {
	height: 4.25rem;
	max-height: 4.25rem;
}  
header nav a {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.688rem;
	color: rgba(20,20,20,1);
}
header nav a:hover {
	text-decoration-line: underline;
	text-decoration-color: var(--color-principal);
	text-underline-offset: 2px;
	text-decoration-thickness: 2px;
}
header nav ul.menu {
	gap: .25rem 2rem;
}
header .seleccionar-idioma {
	width: auto;
}
header nav ul.menu li {
	padding: 0;
}
header .seleccionar-idioma {
	font-weight: 600;
}
header .logo {
	margin: 0;
}
.menu-mobile {
	top: 5.5rem;
	background-color: #FFFFFF;
}
.menu-items {
	text-align: left !important;
  	display: flex;
  	flex-direction: column;
  	gap: 1rem;
  	padding: 0 1rem !important;
}
.menu-mobile a {
	font-weight: 600;
	font-size: 1.6rem;
	color: rgb(20, 20, 20);
}
.seleccionar-idioma {
	color: rgb(20, 20, 20) !important;
}
.open .hamburger-inner, .open .hamburger-inner::after, .open .hamburger-inner::before,
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	background-color: #1e2323;
}
.idiomas {
	margin: 0;
}
.hamburger {
	width: 2.5rem;
	position: relative;
	height: 1.563rem;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	width: 100%;
	border-radius: .25rem;
  	height: .25rem;
}
.hamburger-inner::before {
	top: .6rem;
}
.hamburger-inner::after {
	top: 1.2rem;
}
.hamburger.open .hamburger-inner::after {
	transform: translate3d(0,-19px,0) rotate(-90deg);
}
@media (min-width: 1200px) {  
  	nav {
    		padding: 0.375rem 0;
  	} 
}
/*BTN*/  
.btn-donacion {
	font-size: 1.125rem;
	border-radius: 624.938rem;
	padding: .625rem 1.25rem;
}   
/*LANDING*/
.info-section .encabezados {
	font-size: 2.8rem;
  	line-height: 1.2;
}
@media (min-width: 1024px) {
	.info-section .encabezados {
		font-size: 3.6rem;
		line-height: 1.1;
	}
}
/*FOOTER*/
footer {
	background-color: rgba(49,52,48,1);
}
.container--tfooter {
	padding: 0 .8rem;
}
.tfooter__logo {
	width: 11rem;
}
.tfooter__top {
	display: grid;
	gap: 2rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid rgb(174, 174, 174);
}
.tfooter__ul {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	padding-top: 1.25rem;
	border-top: 2.4px solid rgb(174, 174, 174);
}
.tfooter__enlace {
	color: #FFFFFF;
	font-size: .984rem;
  	line-height: 1.406rem;
}
.tfooter__svg {
	height: 1.5rem;
	fill: #FFFFFF;  
}
.tfooter__redes {
	gap: 2rem;
	margin: 0 0 1.5rem 0;
	padding: 0;
	justify-content: flex-start;
}
.tfooter__svg:hover path {
	fill: rgba(192,100,22,1);
}
.regulador {
	max-width: 14.063rem;
}
.regulador__img {
	display: block;
	max-width: 100%;
}
.footer__small {
	font-size: 0.844rem;
  	line-height: 1.125rem;
  	color: #FFFFFF;
  	display: block;
}
.tfooter__bottom {
	display: grid;
	gap: 2rem;
	padding: 1.5rem 0 1rem 0;
}
.footer__small--limited, .tfooter__center {
	text-align: center;
}
@media (min-width: 600px) {
	.container--tfooter {
		padding: 0;
	}
}
@media (min-width: 768px) {
  	.tfooter__top {
    		grid-template-columns: repeat(4,minmax(0,1fr));
  	}
  	.tfooter__bottom {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.footer__small--limited {
		text-align: left;
	}
	.tfooter__center {
		text-align: right;
	}	
	.tfooter__redes {
		gap: 1rem;
	}
}
@media (min-width: 992px) {
	.tfooter__redes {
		gap: 2rem;
	}
}
@media (min-width: 1024px) {
	.tfooter__top {
		padding: 4.5rem 0 3rem 0;
	}
}