html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	font-size: 16px;
}
html, body {
  	scroll-behavior: smooth;
	opacity: 0;
}
* { 
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	color: #232323;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	font-family: 'Raleway', sans-serif;
}
:root {
  	--color-base: #24C347;
	--color-baseHover: #1D9C39;
	--color-rosa: #FFB4AF;
	--color-rosaClaro: #FFF4F3;
}
/*CONTAINER*/
.container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	width: calc(100% - 2rem);
}
@media only screen and (min-width:768px) {
    .container {
        width: 90%;
    }
}
@media only screen and (min-width:1280px) {
    .container {
        width: 75rem;
    }
}
/*SKIP LINK*/
.skip-link {
	position: absolute;
	top: -50px;
	z-index: 999;
	background: white;
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
}
.skip-link:focus {
	top: 0px;
}
/*COMUN*/
strong {
	color: inherit;
	font-weight: 700;
}
.img-responsive {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.gap-medio {
	gap: 1.5rem;
}
/*FLEX*/
.flex, .flex-wrap, .flex-center, .flex-spaceBetween, .flex-column, .flex-justifyCenter {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-wrap, .flex-column {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-spaceBetween {
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; 
}
.flex-justifyCenter {
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-column {
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-center, .flex-spaceBetween {
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/*BTNS*/
.btn {
	border-radius: 6.25rem;
	padding: 0.75rem 1.5rem;
	border: none;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.625rem;
	letter-spacing: 0.0225rem;
	color: #FFFFFF;
	cursor: pointer;
	background-color: var(--color-base);
	text-decoration: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.btn:hover {
	background-color: var(--color-baseHover);
}
.menu {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
small {
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25rem;
}
/*HEADER*/
header {
	padding: 0 0 5rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.header__contenido {
	gap: 1.5rem;
	max-width: 13.8125rem;
	margin-top: 3rem;
}
nav {
	width: 100%;
	top: 0;
	padding: 1rem 0;
	z-index: 2;
}
.nav--fixed {
	position: fixed;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 0.1);
  	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 0.1);
}
.secundario, .nav--fixed .inicial {
	display: none;
}
.nav--fixed .secundario {
	display: block;
}
.nav--fixed .nav__enlaces {
	color: #232323;
}
h1 {
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.25rem; 
	color: #FFFFFF;
	max-width: 19.5625rem;
}
.header__encabezado {
	color: #FFFFFF;
	font-weight: 700;
}
.header__subtitulo {
	max-width: 15.5rem;
}
.logo {
	max-height: 3.1875rem;
}
.nav__info {
	gap: 0.5rem;
}
.nav__ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.nav__enlaces {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.0175rem;
}
.idiomas {
	padding: 0;
	list-style-type: none;
	gap: 0.75rem;
	-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  	margin: 0;
}
.idiomas__btn {
	padding: 0;
	margin: 0;
	border: none;
	color: #FFFFFF;
	font-size: 0.75rem;
	text-transform: uppercase;
	background-color: transparent;
	position: relative;
	cursor: pointer;
}
.nav--fixed .idiomas__btn {
	color: #232323;
}
.idiomas__btn--active::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #24c347;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.container--header {
	gap: 2rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media only screen and (max-width:992px) {
	.nav__info {
		display: none;
	}
}
@media only screen and (min-width:768px) {
	header {
		padding: 0 0 8.5rem 0;
	}
	.header--form {
		padding-bottom: 2rem;
	}
	.header__contenido {
		max-width: 20.8125rem;
		margin-top: 9.69rem;
	}
	.header__encabezado {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	h1 {
		font-size: 3.75rem;
		line-height: 4.25rem;
	}	
	.nav__li {
		padding: 0 1.5rem;
	}
	.nav__enlaces {
		font-size: 0.875rem;
		line-height: 1.625rem;
	}
	.idiomas {
		margin: 0 0 1rem 0;
	}
	.header__contenido--form {
		margin-top: 3rem;
	}
}
@media only screen and (min-width:992px) {
	.menu {
		display: none;
	}
	.container--header {
		margin-top: 15rem;
	}
	.header__contenido--form {
		margin-top: 0;
	}	
}
/*GRID*/
.grid {
  	display: -ms-grid;
  	display: grid;
  	-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  	grid-template-columns: repeat(12, 1fr);
 	gap: 1.5rem 0;
  	margin: 0;
}
[class*="col"]{
  	-ms-grid-column-span: 12;
  	grid-column: span 12;
}
.cols1 { -ms-grid-column-span: 1; grid-column: span 1; }
.cols2 { -ms-grid-column-span: 2; grid-column: span 2; }
.cols3 { -ms-grid-column-span: 3; grid-column: span 3; }
.cols4 { -ms-grid-column-span: 4; grid-column: span 4; }
.cols5 { -ms-grid-column-span: 5; grid-column: span 5; }
.cols6 { -ms-grid-column-span: 6; grid-column: span 6; }
.cols7 { -ms-grid-column-span: 7; grid-column: span 7; }
.cols8 { -ms-grid-column-span: 8; grid-column: span 8; }
.cols9 { -ms-grid-column-span: 9; grid-column: span 9; }
.cols10 { -ms-grid-column-span: 10; grid-column: span 10; }
.cols11 { -ms-grid-column-span: 11; grid-column: span 11; }
.cols12 { -ms-grid-column-span: 12; grid-column: span 12; }

@media only screen and (min-width: 768px) {
	.grid {
		gap: 1.5rem;
	}
  	.colm1 { -ms-grid-column-span: 1; grid-column: span 1; }
  	.colm2 { -ms-grid-column-span: 2; grid-column: span 2; }
  	.colm3 { -ms-grid-column-span: 3; grid-column: span 3; }
  	.colm4 { -ms-grid-column-span: 4; grid-column: span 4; }
  	.colm5 { -ms-grid-column-span: 5; grid-column: span 5; }
  	.colm6 { -ms-grid-column-span: 6; grid-column: span 6; }
  	.colm7 { -ms-grid-column-span: 7; grid-column: span 7; }
  	.colm8 { -ms-grid-column-span: 8; grid-column: span 8; }
  	.colm9 { -ms-grid-column-span: 9; grid-column: span 9; }
  	.colm10 { -ms-grid-column-span: 10; grid-column: span 10; }
  	.colm11 { -ms-grid-column-span: 11; grid-column: span 11; }
  	.colm12 { -ms-grid-column-span: 12; grid-column: span 12; }
}
@media only screen and (min-width: 1024px) {
  	.coll1 { -ms-grid-column-span: 1; grid-column: span 1; }
  	.coll2 { -ms-grid-column-span: 2; grid-column: span 2; }
  	.coll3 { -ms-grid-column-span: 3; grid-column: span 3; }
  	.coll4 { -ms-grid-column-span: 4; grid-column: span 4; }
  	.coll5 { -ms-grid-column-span: 5; grid-column: span 5; }
  	.coll6 { -ms-grid-column-span: 6; grid-column: span 6; }
  	.coll7 { -ms-grid-column-span: 7; grid-column: span 7; }
  	.coll8 { -ms-grid-column-span: 8; grid-column: span 8; }
  	.coll9 { -ms-grid-column-span: 9; grid-column: span 9; }
  	.coll10 { -ms-grid-column-span: 10; grid-column: span 10; }
  	.coll11 { -ms-grid-column-span: 11; grid-column: span 11; }
 	.coll12 { -ms-grid-column-span: 12; grid-column: span 12; }
	.coll6Offset1 {
		-ms-grid-column: 7;
    	-ms-grid-column-span: 6;
    	grid-column: 7 / span 6;
	}
	.coll7Offset1 {
		-ms-grid-column: 6;
    	-ms-grid-column-span: 7;
    	grid-column: 6 / span 7;
	}
}
@media only screen and (min-width: 1440px) {
  	.collg1 { -ms-grid-column-span: 1; grid-column: span 1; }
  	.collg2 { -ms-grid-column-span: 2; grid-column: span 2; }
  	.collg3 { -ms-grid-column-span: 3; grid-column: span 3; }
  	.collg4 { -ms-grid-column-span: 4; grid-column: span 4; }
  	.collg5 { -ms-grid-column-span: 5; grid-column: span 5; }
  	.collg6 { -ms-grid-column-span: 6; grid-column: span 6; }
  	.collg7 { -ms-grid-column-span: 7; grid-column: span 7; }
  	.collg8 { -ms-grid-column-span: 8; grid-column: span 8; }
  	.collg9 { -ms-grid-column-span: 9; grid-column: span 9; }
  	.collg10 { -ms-grid-column-span: 10; grid-column: span 10; }
  	.collg11 { -ms-grid-column-span: 11; grid-column: span 11; }
 	.collg12 { -ms-grid-column-span: 12; grid-column: span 12; }	
}
/*MAIN*/
main {
	padding-bottom: 4rem;
}
section {
	padding-top: 4rem;
}
.titulos, .titulos h2, .titulos strong, .titulos span {
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.5rem;
}
.titulos, .titulos h2 {
	font-weight: 500;
}
.titulos:not(.titulos--white) strong {
	color: var(--color-base);
}
.titulos--white h2, .titulos--white strong {
	color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
	main {
		padding-bottom: 5rem;
	}
	section {
		padding-top: 5rem;
	}
	.titulos, .titulos h2, .titulos strong, .titulos span {
		font-size: 2rem;
		line-height: 2.5rem;
	}
}
@media only screen and (min-width: 1280px) {
	.titulos, .titulos h2, .titulos strong, .titulos span {
		font-size: 3rem;
		line-height: 3.5rem;
	}
}
/*MAS INFO*/
.masInfo {
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.masInfo__titulo {
	border-radius: 0.5rem;
	padding: 1.5rem;
	border: 2px solid;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	margin-top: 2.37rem;
}
/*ACTUALIZACIONES*/
#K12 {
	padding: 4rem 0;
	margin-top: 4rem;
}
.acts__container {
	border-radius: 0.5rem;
	border: 2px solid var(--color-rosa);
	background-color: #FFFFFF;
	padding: 1.5rem 1rem;
	text-align: center;
	gap: 1.5rem;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.acts__titulo {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.3rem;
}
.acts__descripcion p {
	font-size: 1.2rem;
	line-height: 1.8rem;
}
@media only screen and (min-width: 1024px) {
	#K12 {
		padding: 6.38rem 0 3.5rem 0;
		margin-top: 5rem;
	}
}
@media only screen and (min-width: 1280px) {
	.acts__container {
		padding: 1.5rem;
	}
	.acts__titulo {
		font-size: 2.25rem;
		line-height: 2.75rem;
	}
	.acts__descripcion p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
/*TESTIMONIOS*/
.grid--testimonios {
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.testimonios__info {
	gap: 1.5rem;
}
.testimonios__img {
	width: 100%;
	border-radius: 1.5rem;
}
.testimonios__info ul, .donar__items ul {
	margin: 0;
	padding: 1.5rem;
}
.testimonios__info li, .donar__items li {
	list-style-type: none;
	position: relative;
	margin-bottom: 0.44rem;
}
.testimonios__info li:last-child, .donar__items li:last-child {
	margin-bottom: 0;
}
.testimonios__info li::before, .donar__items li::before {
	content: "";
	position: absolute;
	left: -1.5rem;
	width: 0.9375rem;
	height: 0.9375rem;
	border-radius: 100%;
	top: .25rem;
	background-color: var(--color-base);
}
/*DESTACADOS*/
.destacados {
	gap: 2rem;
	border-radius: 1.5rem;
	padding: 1rem;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.destacados__info {
	gap: 1.5rem;
}
.destacados__titulo {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2rem;
}
.destacados__titulo strong {
	font-weight: 900;
}
.recaudado {
	width: 100%;
	border-radius: 1.5rem;
	background-color: #FFFFFF;
	padding: 2rem 1.5rem;
	-ms-flex-negative: 0;
    flex-shrink: 0;
}
.recaudado__porCiento {
	color: var(--color-base);
	font-size: 4rem;
	font-weight: 700;
	line-height: 4.5rem; 
}
.recaudado__titulo {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 2rem;
}
.recaudado__titulo--sub {
	font-weight: 600;
	line-height: inherit;
	margin-top: 1rem;
}
.barra {
	border-radius: 6.25rem;
	background-color: #E9E9E9;
	height: 1.875rem;
	width: 100%;
	margin: .94rem 0 1.56rem 0;
	position: relative;
	overflow: hidden;
}
.barra::before {
	content: "";
	height: 100%;
	background-color: var(--color-base);
	position: absolute;
	left: 0;
	top: 0;
}
.btn--recaudado {
	width: 12.4375rem;
}
@media only screen and (min-width: 768px) {
	.destacados {
		padding: 2rem;
	}
	.recaudado {
		padding: 5.06rem 2.12rem 5rem 2.12rem;
	}
}
@media only screen and (min-width: 992px) {
	.destacados {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}	
	.recaudado {
		width: 50%;
	}
}
@media only screen and (min-width: 1024px) {
	.destacados {
		gap: 5.63rem;
	}
}
@media only screen and (min-width: 1280px) {
	.destacados {
		padding: 3.19rem 3.12rem 3.13rem 6.37rem;
	}
	.recaudado {
		width: 34.375rem;
	}
}
/*ACTUALIZACIONES*/
.donar__items {
	border-radius: 1.5rem;
	overflow: hidden;	
	border: 4px solid var(--color-rosaClaro);
	background-color: var(--color-rosaClaro);
	-webkit-transition: background-color 0.4s, border 0.4;
	-moz-transition: background-color 0.4s, border 0.4s;
	transition: background-color 0.4s, border 0.4s;
	padding: 1.5rem 1rem;
	position: relative;
}
.items {
	gap: 1.5rem;
}
.donar__items:hover {
	background-color: transparent;
	border: 4px solid var(--color-rosa);
	-webkit-transition: background-color 0.4s, border 0.4s;
	-moz-transition: background-color 0.4s, border 0.4s;
	transition: background-color 0.4s, border 0.4s;
}
.donar__items:first-child {
	border: none;
}
.donar__items ul {
	padding-bottom: 0;
}
.donar__titulo {
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 2.25rem;
}
.fondo, .fondo__item {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.fondo__item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	transition: opacity 2s;
}	
.fondo__item--active {
	opacity: 1;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	transition: opacity 2s;
}
.item--first {
	position: relative;
	border-radius: 1.5rem;
	background-color: rgba(255,255,255,0.8);
	z-index: 2;
	padding: 1rem;
	width: 100%;
	margin-top: 7rem;
}
.titulos--act {
	margin-bottom: 2.5rem;
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.donar__items:nth-child(1) {
		grid-row: 1 / span 2;
		grid-column: 1 / span 6;
	}
	.donar__items:nth-child(2) {
		grid-row: 1;
		grid-column: 7 / span 6;
	}
	.donar__items:nth-child(3) {
		grid-row: 2;
		grid-column: 7 / span 6;
	}	
	.item--first {
		position: absolute;
		bottom: 1rem;
		left: 1rem;
		width: 30.375rem;
		max-width: calc(100% - 2rem);	
	}
}
@media only screen and (min-width: 1024px) {	
	.donar__items:nth-child(2) {
		padding: 4rem 4.19rem 3rem 2.19rem;
	}
	.donar__items:nth-child(3) {
		padding: 2.75rem 4.19rem 2.5rem 2.19rem;
	}
	.donar__items:nth-child(4) {
		padding: 3.31rem 1.5rem 3.06rem 1.56rem;
	}
	.donar__items:nth-child(5) {
		padding: 2.69rem 4.19rem 2.44rem 4.25rem;
	}
	.donar__titulo {
		font-size: 2.75rem;
		line-height: 3.25rem; 
	}
}
@media only screen and (min-width: 1280px) {
	.donar__titulo {
		font-size: 2.75rem;
		line-height: 3.25rem; 
	}
	.item--first {
		bottom: 1.44rem;
		left: 1.56rem;
	}
}
/*AGENDA*/
.agenda__container {
	position: relative;
	border-radius: 1.5rem;
	border: 2px solid var(--color-rosa);
	padding: 1.75rem 1.56rem 1.44rem 1.56rem;
}
.agenda__fondo {
	width: 100%;
	height: 20rem;
	background-size: cover;
	border-radius: 1.5rem;
}
.titulos--agenda {
	font-weight: 700;
}
@media only screen and (min-width: 768px) {
	.agenda__fondo {
		width: 19.25rem;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 1.5rem 1.5rem 0;
	}
	.titulos--agenda {
		font-weight: 700;
		font-size: 3.75rem;
		line-height: 4.25rem
	}
}
/*FAQS*/
.titulos--faqs {
	text-align: center;
}
.faqs__btn {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.02rem;
	border-radius: 6.25rem;
	border: 1px solid var(--color-base);
	padding: 0.75rem 1.5rem;	
	word-wrap: anywhere;
}
.faqs__btn a {
	font-weight: 700;
	text-decoration: none;
}
.faqs__container {
	gap: 1em
}
.faqs__descripcion p, .faqs__descripcion span {
	font-weight: 500;
	line-height: 2rem;
}
@media only screen and (min-width: 768px) {
	.faqs__container {
		gap: 2rem
	}
}
/*FOOTER*/
footer {
	background-color: #E9E9E9;
	padding: 2.8125rem 0;
	min-height: 13.125rem;
}
.footer__container {
	gap: 2rem;
	-webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer__legales {
	width: 100%;
}
.legales, .redes {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer__li {
	width: 100%;
	text-align: center;
}
.legales {
	gap: .75rem;
}
.redes {
	gap: 1.23844rem;
}
.legales__enlaces {
	text-decoration: none;
	line-height: normal;
	letter-spacing: -0.02rem;
}
.footer__small {
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.02rem;
	text-align: center;
}
.footer__small, .powered {
	margin-top: 1.31rem;
}
@media only screen and (min-width: 1024px) {
	.legales {
		gap: 2.75rem;
	}
	.legales, .redes, .footer__legales, .footer__li {
		width: auto;
	}
	.footer__container {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
/*VIDEO*/
.video {
	position: relative;
	aspect-ratio: 16/9;
  	overflow: hidden;
	margin-top: 1.5rem;
	width: 100%;
}
.video--filtro::before {
	content: "";
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.video__iframe {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}
.video-background {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}
.video-foreground, .video-background .video__iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.responsive-iframe {
	height: 100%;
	width: 100%;
}
.btn-video {
	border: none;
	padding: 0;
	cursor: pointer;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 100%;
  	height: 100%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.btn-video:hover .video__svg {
	fill: var(--color-baseHover);
}
 @media (min-aspect-ratio: 16 / 9) {
    .video-foreground {
      	height: 300%;
      	top: -100%;
    }
}
@media only screen and (min-width: 1024px) {
	.video {
		margin-top: 3.5rem;
	}
}
/*OVERLAY*/
.overlay {
	position: fixed;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 2;
	padding: 1rem 1rem 2.5rem 1rem;
  	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out,visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out,visibility 0s 0.4s;
}
.overlay--open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	overflow: auto;
}
.nav__ul--mobile {
	margin-top: 3rem;
}
.nav__enlaces--mobile {
	color: #232323;
	margin-bottom: 0.5rem;
  	display: inline-block;
}
/*FORMULARIO*/
.formulario {
	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: opacity 0.5s,visibility 0s 0.5s;
  	transition: opacity 0.5s,visibility 0s 0.5s;
  	background-color: rgb(35 35 35 / .7);
	position: fixed;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;  	
	z-index: 2;
	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
  	-webkit-box-align: safe center;
    -ms-flex-align: safe center;
    align-items: safe center;
  	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	overflow: auto;
	pointer-events: none;
}
.formulario--open {
	opacity: 1;
  	visibility: visible;
  	-webkit-transition: opacity 0.5s;
  	transition: opacity 0.5s;
	pointer-events: all;
}
.formulario__container {	
  	background-color: #FFFFFF;
	position: relative;
	width: 37.5rem;
  	padding: 1rem 1rem 0 1rem;
  	max-width: 100%;
}
.iframe-form {
	width: 100%;
}
.formulario__close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
.formulario__svg {
	height: 2.5rem;
	width: 2.5rem;
}
@media only screen and (min-width: 768px) {
	.formulario__container {	
		padding: 3rem 3rem 0 3rem;
	}
}
.hide {
	display: none;
}