*, *::before, *::after {
    box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form, label, table {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
:root {
    --brand-naranja: #FD7F03;
    --brand-azul: #005FB6;
    --brand-verde: #3F8627; 
    --font-futura: 'Futura LT', sans-serif;
    --font-text: "Lato", sans-serif;
	--padding-section: 5rem;
}
html {
    font-size: 16px;
}
body {
	opacity: 0;
    color: #000000;
    font-family: var(--font-text);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.625rem;
	overflow-x: hidden;
	background-color: #F9F9F9;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
	:root {
		--padding-section: 7.5rem;
	}
	body {
		font-size: 1.25rem;
    	line-height: 1.625rem;
	}
}
@media only screen and (min-width: 1024px) {
	body {
		font-size: 1.5rem;
    	line-height: 2rem;
	}
}
@media only screen and (min-width: 1280px) {
	:root {
		--padding-section: 10rem;
	}
}
@font-face {
    font-family: 'Futura LT';
    src: url('https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/fonts/FuturaLTPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jet Sans';
  	src: url('https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/fonts/JETSans-BlackItalic.woff2') format('woff2'),
         url('https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/fonts/JETSans-BlackItalic.woff') format('woff');
  	font-weight: normal;
  	font-style: normal;
}
/*CONTAINER*/
.container {
	z-index: 1;
    margin: 0 auto;
    position: relative;
	width: calc(100% - 2rem);
	max-width: 80.25rem;
}
@media only screen and (min-width: 768px) {
	.container {
		width: calc(100% - 4rem);
	}
}
@media only screen and (min-width: 1280px) {
	.container {
		width: calc(100% - 5.875rem);
	}
}
/*FLEX*/
.flex, .flex-column { 
	display: flex; 
}
.flex-column {
	flex-direction: column;
}
/*GRID*/
.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
    margin: 0;
}
[class*="col-"], [class*="md-"], [class*="l-"], [class*="lg-"], [class*="xl-"] {
    grid-column: span 12;
}
/*GRID MOBILE*/
.col-1  { grid-column: span 1;  }
.col-2  { grid-column: span 2;  }
.col-3  { grid-column: span 3;  }
.col-4  { grid-column: span 4;  }
.col-5  { grid-column: span 5;  }
.col-6  { grid-column: span 6;  }
.col-7  { grid-column: span 7;  }
.col-8  { grid-column: span 8;  }
.col-9  { grid-column: span 9;  }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }
/*GRID TABLET*/
@media only screen and (min-width: 768px) {
    .grid { gap: 1.5rem; }
    .md-1  { grid-column: span 1;  }
    .md-2  { grid-column: span 2;  }
    .md-3  { grid-column: span 3;  }
    .md-4  { grid-column: span 4;  }
    .md-5  { grid-column: span 5;  }
    .md-6  { grid-column: span 6;  }
    .md-7  { grid-column: span 7;  }
    .md-8  { grid-column: span 8;  }
    .md-9  { grid-column: span 9;  }
    .md-10 { grid-column: span 10; }
    .md-11 { grid-column: span 11; }
    .md-12 { grid-column: span 12; }
}
/*GRID DESKTOP*/
@media only screen and (min-width: 1024px) {
    .l-1  { grid-column: span 1;  }
    .l-2  { grid-column: span 2;  }
    .l-3  { grid-column: span 3;  }
    .l-4  { grid-column: span 4;  }
    .l-5  { grid-column: span 5;  }
    .l-6  { grid-column: span 6;  }
    .l-7  { grid-column: span 7;  }
    .l-8  { grid-column: span 8;  }
    .l-9  { grid-column: span 9;  }
    .l-10 { grid-column: span 10; }
    .l-11 { grid-column: span 11; }
    .l-12 { grid-column: span 12; }
}
/*GRID LARGE DESKTOP*/
@media only screen and (min-width: 1280px) {
    .lg-1  { grid-column: span 1;  }
    .lg-2  { grid-column: span 2;  }
    .lg-3  { grid-column: span 3;  }
    .lg-4  { grid-column: span 4;  }
    .lg-5  { grid-column: span 5;  }
    .lg-6  { grid-column: span 6;  }
    .lg-7  { grid-column: span 7;  }
    .lg-8  { grid-column: span 8;  }
    .lg-9  { grid-column: span 9;  }
    .lg-10 { grid-column: span 10; }
    .lg-11 { grid-column: span 11; }
    .lg-12 { grid-column: span 12; }
}
/*GRID LARGER DESKTOP*/
@media only screen and (min-width: 1440px) {
    .xl-1  { grid-column: span 1;  }
    .xl-2  { grid-column: span 2;  }
    .xl-3  { grid-column: span 3;  }
    .xl-4  { grid-column: span 4;  }
    .xl-5  { grid-column: span 5;  }
    .xl-6  { grid-column: span 6;  }
    .xl-7  { grid-column: span 7;  }
    .xl-8  { grid-column: span 8;  }
    .xl-9  { grid-column: span 9;  }
    .xl-10 { grid-column: span 10; }
    .xl-11 { grid-column: span 11; }
    .xl-12 { grid-column: span 12; }
}
/*COMUN*/
.responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: 700;
	font-family: var(--font-futura);
}
.titulos, h2, .subtitulos {
	font-family: var(--font-futura);
	text-transform: uppercase;
	font-weight: 700;
	font-style: normal;
}
.titulos, h2 {
	color: #000;
	text-align: center;
	font-size: 2.375rem;
	line-height: 115%; 
	letter-spacing: -0.07125rem;
}
.subtitulos {
	font-size: 1.5rem;
	line-height: normal;
	letter-spacing: -0.045rem;
}
.subtitulos--l {
	font-size: 1.75rem;
	letter-spacing: -0.0525rem;
}
.btn {
	color: #FFF;
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	border: none;
	height: 3.5rem;
	padding: 0 1.5rem;
	border-radius: 12.5rem;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	cursor: pointer;	
	align-self: flex-start;
	justify-content: center;
	background-color: var(--brand-azul);
	font-family: var(--font-futura);
	text-decoration: none;
  	transition: background-color 0.3s ease, opacity 0.6s;
}
.btn--naranja {
	background-color: var(--brand-naranja);
}
.btn--verde {
	background-color: var(--brand-verde);
}
.btn--blanco {
	height: 2.5rem;
	color: #000000;
	gap: 0.52331rem;
	font-size: .75rem;
	line-height: 1rem;
	background-color: #FFFFFF;
	border-radius: 13.08269rem;
  	transition: box-shadow 0.3s ease;
}
.btn--agradecimiento {
	border: 1px solid #DDD;
	background: #FFF;
	height: 2.5rem;
	margin-top: 1.5rem;
    color: #000000;
}
.btn:hover {
	background-color: rgba(0, 91, 187, 0.90);
}
.btn--naranja:hover {
	background-color: rgba(253, 127, 3, 0.90);
}
.btn--verde:hover {
	background-color: rgba(63, 134, 39, 0.90);
}
.btn--blanco:hover {
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}
.btn--agradecimiento:hover {
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}
.btn--opacity {
	opacity: 0;
}
.btn-error {
	display: none;
}
section {
	overflow: hidden;
	background-color: #F9F9F9;
	padding: 0 0 var(--padding-section) 0;
}
.encabezados {
	gap: 1rem;
	text-align: center;
}
.t-white {
	color: #FFFFFF;
}
.desc {
	max-width: 100%;
	margin: 0 auto;
}
.card {
	background-color: #FFFFFF;
}
.overlay {
	position: relative;
}
.overlay::before, .overlay::after {
	position: absolute;
	z-index: -1;	
	pointer-events: none;
}
.svg {
	flex-shrink: 0;
}
.dplItem, .dpl {
	position: relative;
	opacity: 1;
	top: 0;
	transition: top 0.6s, opacity 0.6s;
}
.dplItem--60, .dpl--60 {
	top: 5rem;
	opacity: 0;	
}
@media only screen and (min-width: 768px) {
	h2:not(.titulos):not(.subtitulos):not(.productos__info)  {
		font-size: 4rem;
		line-height: 115%;
		letter-spacing: -0.12rem;
	}
	.titulos {
		font-size: 2.75rem;
		line-height: normal;
		letter-spacing: -0.0825rem;
	}
	.btn--blanco {
		font-size: .875rem;
		line-height: 1.56994rem;
	}
}
@media only screen and (min-width: 1024px) {
	h2:not(.titulos):not(.subtitulos):not(.productos__info) {
		font-size: 4rem;
		line-height: 115%;
		letter-spacing: -0.12rem;
	}
}
@media only screen and (min-width: 1280px) {
	h2:not(.titulos):not(.subtitulos):not(.productos__info) {
		font-size: 4.625rem;
		letter-spacing: -0.13875rem;
	}
}
/*HEADER*/
header {
	position: absolute;
	top: 0;
	z-index: 3;
	width: 100%;
	padding-top: 1rem;
}
nav {
	gap: 2.68rem;
	align-items: center;
	justify-content: space-between;
}
.nav__enlace {
	flex-shrink: 0;
}
.nav__logo {
	height: 3.61294rem;
}
.btn--header {
	align-self: center;
	text-align: left;
	padding: 0 1rem;
	line-height: 1;
}
@media only screen and (min-width: 400px) {
	.btn--header {
		padding: 0.125rem 1.5rem 0 1.5rem;
	}
}
@media only screen and (min-width: 450px) {
	.btn--header {
		max-width: inherit;
	}
}
@media only screen and (min-width: 768px) {
	.nav__logo {
		height: 4.5625rem;
	}
}
/*PRINCIPAL*/
.principal {
	height: 100%;
  	background-color:#D5E6EE;
	background-image: linear-gradient(180deg, rgba(249, 249, 249, 0) 86.5%, #F9F9F9 97.03%), linear-gradient(270deg, rgba(255, 255, 255, 0) 52.59%, rgba(255, 255, 255, 0.35) 61.1%, rgba(255, 255, 255, 0.50) 76.93%), url('https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/rider-mobile.webp');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 110%;
}
.principal__contenido {
	gap: 1rem;
	padding-top: 8.06rem;
}
.principal__img {
	max-width: 18.563rem;
	margin: 0 auto;
}
h1 {
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	max-width: 20.438rem;
	margin: 0 auto;
}
h1 strong {
	font-weight: 900;
	font-family: var(--font-text);
}
.btn--principal {
	align-self: center;
}
.principal__descripcion {
	max-width: 20rem;
  	margin: 0 auto;
}
.principal__descripcion p {
	font-family: 'Jet Sans';
	text-align: center;
	font-size: 1.25rem;
	line-height: normal;
	text-transform: uppercase;
	color: var(--brand-naranja);
}
@media only screen and (min-width: 700px) {
	.principal__contenido {
		gap: 1.5rem;
		max-width: 28rem;
		margin: 0 auto;
	}
	.principal__img {
		max-width: inherit;
		margin: 0;
	}
	h1 {
		margin: 0;
		text-align: left;
		max-width: inherit;
	}
	.principal__descripcion {
		margin: 0;
		max-width: inherit;
	}
	.principal__descripcion p {
		font-size: 1.5rem;
		line-height: normal;
	}
}
@media only screen and (min-width: 768px) {
	.principal {
		height: 73.08rem;
		margin-top: -17.35rem;
		background-image: linear-gradient(180deg,rgba(249, 249, 249, 0) 86.5%,#F9F9F9 97.03%), linear-gradient(270deg,rgba(255, 255, 255, 0) 52.59%,rgba(255, 255, 255, 0.49) 61.1%,rgba(255, 255, 255, 0.70) 76.93%),url(../img/rider.webp);
		background-color: #F9F9F9;
		background-position: 38.3%;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 17.35rem;
		padding-bottom: 0;
		background-origin: border-box;
	}
	.principal__contenido {
		padding-top: 14rem;
		margin: 0;
	}
}
@media only screen and (min-width: 992px) {
	h1 {
		text-align: left;
	}
}
@media only screen and (min-width: 1024px) {
	.principal {
		background-position: 41.6%;
	}	
}
@media only screen and (min-width: 1920px) {
	.principal {
		background-position: 40%;
	}	
}
/*INFORMACION*/
.informacion {
	overflow: visible;
	margin-top: -1px;
}
.desc--informacion {
	max-width: 45.5rem;
}
.grid--informacion {
	gap: 2rem 0;
}
.informacion__col {
	text-align: center;
}
.card--informacion {
	display: flex;
	padding: 2rem;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	border-radius: 0.75rem;
	height: 100%;
	justify-content: space-between;	
}
.informacion__info {
	gap: .5rem;
}
.informacion__imagen {
	width: 16.25rem;
}
@media only screen and (min-width: 768px) {
	.encabezados--informacion {
		margin-bottom: 1rem;
	}
	.col--info-3 {
		grid-column: 4 / span 6;
	}
	.informacion__col {
		margin-top: 1rem;
	}
	.grid--informacion {
		gap: 2rem;
	}
}
@media only screen and (min-width: 1024px) {
	.col--info-3 {
		grid-column: span 4;
	}
}
/*UPDATES*/
.updates {
	overflow: visible;
}
.encabezados--updates {
	position: sticky;
    top: 6rem;
}
.card--updates {
	border-radius: 0.75rem;
	border: 1px solid #DDD;
	padding: 2rem;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
	justify-content: center;
	position: -webkit-sticky; 
    position: sticky;
    top: 5rem;
	transition: transform 0.3s ease;
}
.update__titulo {
	color: #000;
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.045rem;
	text-transform: uppercase;
	font-family: var(--font-futura);
}
.update__img {
	height: 11.625rem;
	flex-shrink: 0;
}
.card--updates:nth-child(4n+2) {
	transform: rotate(3.583deg);
}
.card--updates:nth-child(4n+3) {
	transform: rotate(-2.876deg);
}
.card--updates:nth-child(4n+4) {
	transform: rotate(2.784deg);
}
.btn--updates {
	align-self: center;
	margin: 1rem auto 2rem auto;
}
@media only screen and (min-width: 600px) {
	.updates__descripcion {
		max-width: 39rem;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 768px) {
	.card--updates {
		flex-wrap: nowrap;
		justify-content: flex-start;
		max-width: 39.5625rem;
		margin: 0 auto;
	}
	.update__titulo {
		text-align: left;
	}
}
@media only screen and (min-width: 1024px) {
	.encabezados--updates, .updates__titulos h2 {
		text-align: left;
	}
	.btn--updates {
		align-self: flex-start;
		margin: 1rem 0 0 0;
	}
	.update__img {
		height: 9.73625rem;
	}
	.updates__descripcion {
		margin: 0;
	}
	.update {
		padding-bottom: 12rem;
	}
}
@media only screen and (min-width: 1280px) {
	.update__img {
		height: 11.625rem;
	}
}
@media only screen and (min-width: 1440px) {
	.updates__descripcion {
		max-width: 30rem;
	}
}
/*TESTIMONIOS*/
.testimonios__descripcion {
	width: 29rem;
	max-width: 100%;
	margin: 0 auto;
}
.card--testimonio {
	overflow: hidden;
	border-radius: 0.75rem;
	position: relative;
}
.card__info {
	gap: .5rem;
	padding: 2rem;
}
.testimonio__nombre {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.045rem;
	text-transform: uppercase;
	font-family: var(--font-futura);
}
.testimonio__sub {
	color: var(--brand-naranja);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.02625rem;
	text-transform: uppercase;
	font-family: var(--font-futura);
}
.testimonio__descripcion {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}
.card__image {
	height: 16rem;
	justify-content: flex-end;
}
.overlay--testimonio-1 {
	transform: rotate(-4.369deg);
}
.overlay--testimonio-1::before {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado.png);
	width: 29.375rem;
	height: 26.5rem;
	left: -7.69rem;
	top: -2.29rem;
}
.overlay--testimonio-1::after {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-verde-2.png);
	width: 26.875rem;
	height: 19.375rem;
	left: 1rem;
	bottom: -5.02rem;
}
.overlay--testimonio-2 {
	transform: rotate(3.373deg);
}
.overlay--testimonio-2::before {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-verde-3.png);
	width: 28.25rem;
	height: 22.625rem;
	left: 0;
	top: -7rem;
}
.overlay--testimonio-2::after {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-azul-2.png);
	width: 26.875rem;
	height: 19.375rem;
	right: -7rem;
	bottom: -6rem;
}
.overlay--testimonio-3 {
	transform: rotate(-4.365deg);
}
.overlay--testimonio-3::before {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado.png);
	width: 29.375rem;
	height: 26.5rem;
	left: 0;
	top: -5.79rem;
}
.overlay--testimonio-3::after {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-verde-3.png);
	width: 29.375rem;
	height: 26.5rem;
	left: 0;
	bottom: -12rem;
}
@media only screen and (min-width: 768px) {
	.testimonio__descripcion {
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
	.column--3 {
    	grid-column: span 12;
  	}
	.grid--testimonios {
		gap: 0;
	}
	.container--testimonios {
		width: 100%;
	}
	.overlay--testimonio-1 {
		margin-top: 4.6rem;
	}
	.overlay--testimonio-3 {
  		margin: 0 auto;
		max-width: 25.75rem;
		margin-top: -8rem;
	}
	.overlay--testimonio-3::before {
		left: 6.37rem;
		top: 0;
	}
	.overlay--testimonio-3::after {
		left: 6.37rem;
	}
}
@media only screen and (min-width: 992px) {
	.grid--testimonios {
		gap: 3rem;
	}
	.container--testimonios {
		padding: 0 5.75rem 0 2rem;
	}
	.column--3 {
    	grid-column: 4 / span 6;
  	}
	.overlay--testimonio-3 {
		max-width: 100%;
	}
}
@media only screen and (min-width: 1280px) {
	.container--testimonios {
		padding: 0;
		width: calc(100% - 5.875rem);
	}
	.grid--testimonios {
		gap: 0;
	}
	.column--3 {
		grid-column: span 4;
	}
	.overlay--testimonio-3 {
		margin-top: -3rem;
	}
}
@media only screen and (min-width: 1440px) {
	.grid--testimonios {
		gap: 2rem;
	}
}
/*DESTACADOS*/
.destacados {
	padding-top: 0;
}
.destacados h2 {
	margin-bottom: 1rem;
}
.destacados h2 span {
	display: block;
}
.destacados__img {
	margin: 0 auto;
}
.container--destacados {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}
.destacados__descripcion {
	text-align: center;
}
.grid--destacados {
	gap: 2rem;
}
@media only screen and (min-width: 768px) {
	.container--destacados {
		gap: 7.5rem;
	}
	.destacados__img {
		width: 36rem;
	}
	.grid--destacados {
		gap: 3rem;
	}
}
@media only screen and (min-width: 1024px) {
	.fila-invertida-img {
        order: 1;
    }    
    .fila-invertida-txt {
        order: 2;
    }
	.destacados h2, .destacados__descripcion {
		text-align: left;
	}
	.destacados__descripcion p {
		max-width: 30rem;
	}
	.destacados__img {
		width: 44rem;		
	}
	.grid--destacados {
		gap: 1.5rem;
	}
}
@media only screen and (min-width: 1280px) {
	.destacados h2, .destacados h2 span {
		font-size: 4.375rem;
	}
	.container--destacados {
		gap: 10rem;
	}
}
@media only screen and (min-width: 1920px) {
	.destacados__descripcion p {
		max-width: max-content;
	}
}
/*SOLUCION*/
.solucion {
	color: #FFFFFF;
	padding: 2.5rem 0;
	text-align: center;
	background-color: var(--brand-naranja);
	margin-bottom: var(--padding-section);
}
.solucion__img {
	margin: 0 auto 1rem auto;
}
.solucion__descripcion {
	margin: 1rem auto 2rem auto;
}
@media only screen and (min-width: 768px) {
	.solucion {
		padding: 4rem 0;
	}
	.solucion__titulo {
		max-width: 50rem;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1280px) {
	.solucion__titulo {
		max-width: 100%;
	}
}
/*PICTOGRAMAS*/
.desc--pictogramas {
	width: 43.875rem;
}
.encabezados--picto {
	margin-bottom: 3.74rem;
}
.encabezados__just {
	max-height: 5.1875rem;
	align-self: center;
}
.picto {
	flex-wrap: wrap;
}
.card--picto {	
	gap: 1.5rem;
	padding: 2.44525rem;
	border-radius: 0.8875rem;
}
.card--picto-1 {
	transform: rotate(-4.369deg);
}
.card--picto-2 {
	transform: rotate(5.668deg);
}
.picto__img {
	max-height: 6.5625rem;
	align-self: flex-start;
}
.picto__descripcion {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}
.overlay--picto-1::before {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado.png);
	width: 29.375rem;
	height: 26.5rem;
	left: -7.44rem;
	top: 3rem;
}
.overlay--picto-2::before {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-azul.png);
	width: 28.25rem;
	height: 22.625rem;
	right: -50%;
	top: -3.69rem;
}
.overlay--picto-2::after {
	content: url(https://stockcrowd.s3.amazonaws.com/landings/ach/just-eat/img/degradado-verde.png);
	width: 26.875rem;
	height: 19.375rem;
	right: -30%;
	bottom: -8rem;
}
@media only screen and (min-width: 600px) {
	.picto {
		flex-direction: column;
	}
	.overlay--picto-2 {
		align-self: flex-end;
	}
	.picto__container {
		width: 31.5rem;
		max-width: 100%;
	}	
	.card--picto {
		border-radius: 0.917rem;
	}
	.overlay--picto-2::before {
		right: -1rem;
		top: -5rem;
		width: 28.25rem;
		height: 22.625rem;
	}
	.overlay--picto-2::after {
		right: 0;
	}
}
@media only screen and (min-width: 768px) {	
	.picto__descripcion {
		font-size: 1.25rem;
		line-height: 1.625rem;
	}
}
@media only screen and (min-width: 992px) {
	.picto {
		flex-wrap: nowrap;
	}
	.picto__container {
		flex: 1;
	}
}
@media only screen and (min-width: 1024px) {
	.overlay--picto-2 {
		margin-top: -30%;
	}
}
@media only screen and (min-width: 1100px) {
	.picto {
		gap: 3.83rem;
		flex-direction: inherit;
	}
	.overlay--picto-2 {
		margin-bottom: -1.5rem;
	}
	
}
@media only screen and (min-width: 1200px) {
	.l-offset-2 { grid-column: 2 / span 10; }
	.overlay--picto-1::before {
		top: -3rem;
	}
}
/*FOOTER*/
footer {
	padding-bottom: 3rem;
}
.container--footer {
	justify-content: center;
	gap: 1.69rem;
	text-align: center;
}
.footer__logo {
	display: block;
	align-self: center;
	height: 5.1875rem;
}
.footer__lista {
	list-style-type: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
	justify-content: center;
}
.footer__texto {
	font-size: 1rem;
	line-height: normal;
}
.footer__img {
	margin: 1.5rem auto 0 auto;
}
@media only screen and (min-width: 1024px) {
	footer {
		padding-bottom: 5.19rem;
	}
}
/*INTERACCION*/
.interaccion {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #D7D3DB;
	display: none;
}
.interaccion::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(249, 249, 249, 0.00) 86.5%, #F9F9F9 97.03%);
}
.interaccion__svg {
	height: 100%;
	display: block;
	margin-left: -5rem;
	width: calc(100% + 5rem);
}
.interaccion__capa {
	display: none;
}
.productos {
	position: absolute;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.40);
	padding: 1rem 0;
	width: calc(100% - 2rem);
	left: 50%;
	transform: translateX(-50%);
	bottom: 2.01rem;
	flex-wrap: wrap;
	opacity: 1;
	transition: bottom .8s ease-out, opacity 1s 0.2s; 
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10);
}
.productos--inicio {
	bottom: -5rem;
	opacity: 0;
}
.productos__container {
	gap: .5rem;
	overflow: auto;
	scrollbar-width: none;
	scroll-behavior: auto;
	padding: 1rem 0;
	min-width: 100%;
	-ms-overflow-style: none;
}
.productos__container::-webkit-scrollbar {
    display: none;
}
.productos__items {	
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	cursor: pointer;
	transform: translateY(0);
	opacity: 1;
	transition: transform 0.2s ease-out, opacity .3s ease-in;
}
.productos__items--inicio {
	opacity: 0;
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	transform: translateY(2rem);
	pointer-events: none;
}
.producto {
	width: 5.5625rem;
	border-radius: 1rem;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.productos__items:first-child {
	margin-left: 1rem;
}
.productos__items:last-child {
	margin-right: 1rem;
}
.pago__info, .noMobile {
	display: none;
}
.productos__cantidad {
	position: absolute;
	width: 1.50794rem;
	height: 1.50794rem;
	right: 0.44963rem;
	top: -0.5655rem;
	border-radius: 12.5rem;
	border: 2px solid #FFF;
	background: #005FB6;
	display: flex;
	align-items: center;
	justify-content: center;
}
.productos__cifra {
	color: #FFFFFF;
	text-align: center;
	font-size: 0.75394rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	font-family: Inter;
}
.producto__precio {
	position: absolute;
	bottom: calc(-1.31944rem / 2);
	color: #FFF;
	font-size: 0.65975rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	font-family: var(--font-futura);
	border-radius: 0.25rem;
	background: var(--brand-naranja);
	height: 1.31944rem;
	display: flex;
  	align-items: center;
  	justify-content: center;
	padding: 0.377rem;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.productos__info {
	text-align: center;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3125rem; 
	text-transform: uppercase;
	font-family: var(--font-futura);
	max-width: 20rem;
	margin: 0 auto;
	letter-spacing: inherit;
}
.pago__inner {
	gap: 1rem;
	justify-content: center;
}
.pago {
	margin: 0 auto;
	max-height: 0;
	overflow: hidden;
}
.pago--visible {
	width: 100%;
	padding: 0 .75rem;
	max-height: 9.375rem;
	margin-top: 1rem;
	transition: max-height .8s ease-out, opacity 1s 0.2s;
}
.no-btn--mobile {
	width: 3rem;
	height: 3rem;
	border-radius: 12.5rem;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	background-color: #FFFFFF;
	border: none;
}
.btn--donar {
	height: 3rem;
}
@media only screen and (max-width: 380px) {
	.productos__info {
		max-width: 90%;
	}
}
@media only screen and (max-width: 500px) {  	
	.btn--donar {
		width: calc(100% - 4rem);
	}
}
@media only screen and (min-width: 643px){
	.productos {
    	width: 38rem;
  	}	
}
@media only screen and (min-width: 700px) {
	.interaccion__svg {
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (min-width: 768px) {
	.productos, .productos__container {
		padding: 1.5rem 0;
	}
	.productos__info {
		font-size: 0.9375rem;
		line-height: 1.375rem;
		max-width: 50%;
	}
	.producto {
		width: 6.375rem;
	}
	.producto__precio {
		bottom: -1.25rem;
		font-size: .875rem;
		height: 1.75rem;
		padding: 0.5rem;
		border-radius: .5rem;
	}	
	.productos__cantidad {
		width: 2rem;
		height: 2rem;
		right: 0.5rem;
		top: -.75rem;
	}
	.productos__cifra {
		font-size: 1rem;
	}
	.productos {
    	width: 42.7rem;
  	}	
	.interaccion__svg {
		height: 115%;
	}
}
@media only screen and (min-width: 1024px) {
	.interaccion {
		background: #F9F9F9;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	}
	.interaccion__capa {
		display: block;
	}
	.productos {
		padding: 1rem 1rem 1.5rem 1.5rem;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		bottom: 4rem;
	}
	.noMobile {
		display: block;
	}
	.noDesktop {
		display: none;
	}
	.productos__info {
		max-width: 9.2rem;
		text-align: left;
		margin: 0;
	}
	.productos__container {
		padding: 0;
		overflow: inherit;
		-webkit-box-pack: inherit;
		-ms-flex-pack: inherit;
		justify-content: inherit;
		min-width: inherit;
		margin-left: 1rem;
	}
	.pago {
		max-width: 0;
		opacity: 0;
		gap: 0;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		min-height: 0;
		overflow: hidden;
		height: 7.875rem;
	}
	.pago--visible {
		transition: max-width .8s ease-out, opacity 1s 0.2s;
		max-width: 18.75rem;
		overflow: hidden;
		display: block;
		opacity: 1;
		margin: 0;
		width: auto;
	}
	.pago__inner {
		gap: .75rem;
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-bottom: 0;
	}
	.btn--donar {
		height: 2.5rem;
  		padding: 0 1.25rem;
	}
	.pago__info {
		display: block;
		text-align: center;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.625rem;
		font-family: var(--font-futura);
	}
	.pago__info--strong {
		color: var(--brand-naranja);
	}
	.no-btn {
		border: none;
		padding: 0;
		cursor: pointer;
		text-align: center;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25rem;
		background-color: transparent;
		font-family: var(--font-futura);
	}
	.productos__items:first-child, .productos__items:last-child {
		margin: 0;
	}
	.productos__container--visible {
		margin-right: 1rem;
	}
	.productos__items:hover {
		-webkit-transform: translateY(-.5rem);
		-ms-transform: translateY(-.5rem);
		transform: translateY(-.5rem);
	}
	.productos--inicio {
		bottom: -5rem;
	}		
	.interaccion__svg {
		height: 120%;
	}
}
@media only screen and (min-width: 1280px) {	
	.producto {
		width: 7.3125rem;
	}
	.interaccion__svg {
		height: 130%;
	}
}
@media only screen and (min-width: 1920px) {	
	.productos--inicio {
		bottom: -1rem;
	}
}
@media only screen and (min-width: 1024px) and (max-height: 700px) {
	.productos {
		bottom: 2rem;
	}
}
/*VIDEO Y AGRADECIMIENTO*/
.video-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}    
.video-bg.video-activo {
    opacity: 1;
    visibility: visible;
}
.agradecimiento {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0; 
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 0.4s ease;
	z-index: 2;
	background: #F9F9F9;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	pointer-events: all;
}
.agradecimiento--inicial {
	opacity: 0;
	pointer-events: none;
}
.agradecimiento__contenido {
	text-align: center;
	margin-top: 0;
	-webkit-transition: margin-top 0.9s ease;
	-o-transition: margin-top 0.9s ease;
	transition: margin-top 0.9s ease;
}
.agradecimiento--inicial .agradecimiento__contenido {
	margin-top: -90px;
}
.agradecimiento__titulo {
	color: #000000;
	text-align: center;
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;	
	font-family: 'Futura LT';
}
.agradecimiento__descripcion {
	margin: 0 auto;
	max-width: 19.71069rem;
}
.agradecimiento__descripcion p {
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	font-size: 1.18688rem;
	font-family: "Lato", sans-serif;
}
.redes {
	list-style-type: none;
	padding: 0;
	gap: 0.89rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1.05rem auto 0 auto;
}
.redes__enlaces {
	cursor: pointer;
}
.redes__enlaces:hover .redes__fill {
	fill: rgba(0, 91, 187, 0.90);
}
.redes__enlaces--whatsapp {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #005FB6;
	border-radius: 100%;
}
.redes__enlaces--whatsapp:hover {
	background-color: rgba(0, 91, 187, 0.90);
}
 @media only screen and (min-width:1024px) {
	.agradecimiento__titulo {
		font-size: 6.25rem;
	}
	.agradecimiento__descripcion {
		max-width: 29.0625rem;
	}
	.agradecimiento__descripcion p {
		font-size: 1.75rem;
	}
	.redes {
		margin-top: 1.5rem;
	}
}
.contenedorForma {
	display: none;
}
.clon-activo {
	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.7); 
}
.clon-plantado {
	transition: none; 	
}
[class^='item-fijo-invisible-'] {
	opacity: 0; 
	transition: none;
	display: block;
}
.caja-secundaria {
	opacity: 0;
}
.mobile-fade-in {
	transition: opacity 200ms ease-in !important;
	opacity: 1 !important; 
}
.hide {
	display: none;
}