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:#fff0;-webkit-box-sizing:border-box;box-sizing:border-box}
html {
    font-size: 16px;
}
:root {
	--fuente-Raleway: "Raleway", sans-serif;
}
* {
	color: #FFFFFF;
	font-size: 1.37494rem;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	font-family: var(--fuente-Raleway);
}
body {
	opacity: 0;
    background-color: #22212C;
}
.body--overflow {
	overflow: hidden;
}
/*CONTAINER*/
.container {
	z-index: 1;
    margin: 0 auto;
	width: calc(100% - 2rem);
    position: relative;
}
@media only screen and (min-width: 768px) {
	.container {
		width: calc(100% - 4rem);
	}
}
@media only screen and (min-width: 1280px) {
	.container {
		width: 64.75rem;
	}
}
/*FLEX*/
.flex, .flex-wrap, .flex-center, .flex-spaceBetween, .flex-column, .flex-justifyCenter {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-wrap, .flex-column, .flex-spaceBetween, .flex-justifyCenter {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-center, .flex-justifyCenter {
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-spaceBetween {
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; 
}
.flex-column {
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-justifyCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*COMUN*/
.responsive {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
strong {
    font-weight: 700;
    color: inherit;
}
.video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .35;
}
.fallbackImg {
    -o-object-fit: cover;
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
    display: none;
}
section {
    position: relative;
    z-index: 3;
}
/*HEADER*/
header {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 28.125rem;    
    background-image: url("https://stockcrowd.s3.amazonaws.com/landings/aecc/luces-dos/img/fondo-2.webp");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
header::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(34, 33, 44, 0.00) 84.47%, rgba(34, 33, 44, 0.80) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);    
}
nav {
    position: fixed;
    padding: 1rem;
    gap: 0.5rem;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);   
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.header__logo {
    height: 2rem;
}
.header__lista {
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 2.25rem
}
.header__enlaces {
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
}
.noMobile {
    display: none;
}
.hamburguer {
    display: block;
    width: 2rem;
    height: 2rem;
    font-size: 0;
    border: none;
    padding: 0;
    background: url("data:image/svg+xml,%3csvg%20width='34'%20height='25'%20viewBox='0%200%2034%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%200.727478C0.895432%200.727478%200%201.62291%200%202.72748C0%203.83205%200.895432%204.72748%202%204.72748H32C33.1046%204.72748%2034%203.83205%2034%202.72748C34%201.62291%2033.1046%200.727478%2032%200.727478H2ZM2%2010.7275C0.895432%2010.7275%200%2011.6229%200%2012.7275C0%2013.832%200.895432%2014.7275%202%2014.7275H32C33.1046%2014.7275%2034%2013.832%2034%2012.7275C34%2011.6229%2033.1046%2010.7275%2032%2010.7275H2ZM0%2022.7275C0%2021.6229%200.895432%2020.7275%202%2020.7275H32C33.1046%2020.7275%2034%2021.6229%2034%2022.7275C34%2023.832%2033.1046%2024.7275%2032%2024.7275H2C0.895432%2024.7275%200%2023.832%200%2022.7275Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center;
}
.hamburguer--open {
    background: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M34.7575%2037.8111C35.5386%2038.5921%2036.8049%2038.5921%2037.586%2037.8111C38.367%2037.03%2038.367%2035.7637%2037.586%2034.9827L12.1301%209.52683C11.3491%208.74578%2010.0827%208.74578%209.3017%209.52683C8.52065%2010.3079%208.52065%2011.5742%209.3017%2012.3553L34.7575%2037.8111Z'%20fill='white'/%3e%3cpath%20d='M37.8701%2012.2426C38.6511%2011.4616%2038.6511%2010.1952%2037.8701%209.41419C37.089%208.63314%2035.8227%208.63314%2035.0416%209.41419L9.58579%2034.87C8.80474%2035.6511%208.80474%2036.9174%209.58579%2037.6985C10.3668%2038.4795%2011.6332%2038.4795%2012.4142%2037.6985L37.8701%2012.2426Z'%20fill='white'%20style='mix-blend-mode:multiply'/%3e%3c/svg%3e") no-repeat center;
}
.header__listaOculta {
    position: absolute;
    min-width: 12.125rem;
    position: absolute;
    top: 4rem;
    right: 0;
    z-index: 50;
    background-color: #fff;
    padding: 1rem;
    border-radius: 0 0 0 .8rem;
    display: none;
}    
.header__listaOculta--open {
    display: block;
}
.header__listaOculta--open .header__enlaces {
    color: #22212C;
}
.header__listaOculta--open .header__lista {           
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.header__contenido {
    position: relative;
    z-index: 3;
    text-align: center;
    padding: 0 1rem;
}
h1 {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem; 
    margin-bottom: 2.25rem;
}
.header__luces {
    max-height: 6rem;
    margin: 0 auto;
}
.idiomas {
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: .5rem;
    width: 100%;
}
.header__enlaces--idiomas {
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}
.header__enlaces--idiomas::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #24c347;
	bottom: -4px;
	left: 0;
	pointer-events: none;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	transition: -webkit-transform 300ms ease-in-out;
	-o-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.header__enlaces--active::before, .header__enlaces--idiomas:hover::before {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.header__gap {
    gap: 2.25rem;
}
@media only screen and (min-width: 992px)  {
    nav {
        height: 5.8125rem;
    }
    .header__gap {
        flex-wrap: nowrap;
    }
}
@media only screen and (min-width: 1024px) {
    .noMobile {
        display: inherit;
    }
    .noDesktop {
        display: none;
    }    
    header {
        height: 43.25rem;
        background-image: url("https://stockcrowd.s3.amazonaws.com/landings/aecc/luces-dos/img/header-web.webp");
    }
    .header__logo {
        height: 3.125rem;
    }
    .header__listaOculta {
        background-color: transparent;
        position: initial;
    }
    .header__luces {
        max-height: 10.375rem;
    }
    .idiomas {
        width: auto;
    }
}
@media only screen and (min-width: 1280px) {
    nav {
        padding: 0 6.5rem;
    }
}
/*BTN*/
.btn {
    color: #232323;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 98.9%;
    letter-spacing: -0.02rem;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3.375rem;
    background: #24C347;
    padding: 0 3rem;
    border: none;
    height: 4rem;
    border: 2px solid #24C347;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transition: background-color .5s;
  	-o-transition: background-color .5s;
  	transition: background-color .5s;
}
.btn:hover {
    color: #24C347;
    background-color: #FFFFFF;
}
/*CONTENIDO*/
.doble {
    gap: 2rem;
}
.doble__lft {
    gap: 1.5rem;
    width: 100%;
}
.doble__drc {
    width: 100%;
    border-radius: .75rem;    
}
.iframe {
    border-radius: .75rem;
    padding: 1rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.07);
}
.titulos, .titulos h2 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
}
.titulos strong {
    color: #FC0;
}
.titulos__descripcion {
    max-width: 57rem;
    margin: 0 auto;
}
.titulos__descripcion, .titulos__descripcion p {
    font-size: 1.125rem;
    line-height: 1.5625rem;    
}
.titulos__descripcion p {
    margin-bottom: .5rem;
}
.titulos__descripcion p:last-child {
    margin-bottom: 0;
}
.gap-24 {
    gap: 1.5rem;
}
.titulos__descripcion h3, .titulos--small {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
    .titulos, .titulos h2 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .titulos__descripcion h3, .titulos--small {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}
@media only screen and (min-width: 1024px) {
    .doble__lft {
        width: 26.1875rem;
    }
    .doble__drc {
        width: 30rem; 
    }
}
@media only screen and (min-width: 1280px) {
    .doble {
        gap: 6.37rem;
    }
}
/*APORTAR*/
.aportar {
    padding: 2.31rem 0;
    background-color: #22212C;
    position: relative;
    z-index: 3;
}
@media only screen and (min-width: 1024px) {
    .aportar {
        padding: 0 0 3.39rem 0;
    }
    .aportar .container {
        transform: translateY(-3rem); 
    }
}
/*REDES*/
.redes {
    list-style-type: none;
    margin: 1rem 0 0 0;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.redes__enlaces {
    cursor: pointer;
}
.redes__svg {
    display: block;
    height: 2.5rem;
}
/*ARBOL*/
.arbol {
    text-align: center;
    z-index: 4;
}
.arbol__items {
    position: relative;    
    z-index: 4;
    padding-top: 10rem;
}
.arbol__items::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(34, 33, 44, 0.00) 82.19%, #22212C 97%), linear-gradient(180deg, #22212C 0%, rgba(34, 33, 44, 0.00) 23.62%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.arbol__navidad {
	max-height: 47.292rem;
	margin: 0 auto;	
    z-index: 1;
    position: sticky;
	top: 0;    
    -webkit-filter: drop-shadow(0px 28px 76px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 28px 76px rgba(0, 0, 0, 0.5));
}
.arbol__supeInf {
    background-color: #22212C;
    padding-bottom: 3.76rem;
    position: relative;
    z-index: 3;
}
/*BOLAS*/
.bola {
    width: 7.5rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    position: absolute;
    left: 8rem;
    top: 0;
    border: 1px solid #FFFFFF;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, background-color 0.3s ease-out;
    transition: transform 0.3s ease-out, background-color 0.3s ease-out;
    transition: transform 0.3s ease-out, background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    z-index: 4;
}
.bola::after {
	content: "";
	position: absolute;
	top: 0;
	background-image: url(https://stockcrowd.s3.amazonaws.com/landings/aecc/luces-dos/img/cadena.png);
	height: 2.125rem;
	width: .5rem;
	background-size: 100%;
	top: -1.8rem;
    -webkit-transform: scale(0.6667);
    -ms-transform: scale(0.6667);
    transform: scale(0.6667);
}
.bola::before {
    content: "";
    position: absolute;
    height: calc(100% + 3rem);
    width: calc(100% + 3rem);
    top: -1.5rem;
    left: -1.5rem;    
    border-radius: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: background-color .5s, transform .3s;
    -o-transition: background-color .5s, transform .3s;
    -webkit-transition: background-color .5s, -webkit-transform .3s;
    transition: background-color .5s, -webkit-transform .3s;
    transition: background-color .5s, transform .3s;
    transition: background-color .5s, transform .3s, -webkit-transform .3s;
}
.bola:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); 
}
.bola:hover::before {
    background: rgba(255, 204, 0, 0.10);
}
.bola--2 {
    left: 2rem;
    top: 8.7rem;
}
.bola--3 {
    right: 1rem;
    top: 11rem;
    left: unset;
    width: 8rem;
    border: 1.3px solid #FFFFFF;
}
.bola__titulo {
    text-align: center;
    font-size: 1.2rem;
    font-style: normal;    
    line-height: 1;
    font-weight: 700;
    max-width: 6rem;
}
.bola__span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;    
}
.bola__detalles {
    width: 100%;
}
.bola__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.40625rem;
    height: 1.40625rem;
    padding: 0.32225rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #24C347;
    background-color: transparent;
    margin: 0 auto;
    border-radius: 1.6875rem;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.bola:hover .bola__btn {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); 
}
.bola__texto {
    font-size: .875rem; 
    text-align: center;
    margin: 0 auto;
    line-height: 1rem;
    position: absolute;
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.6667);
    -ms-transform: translateY(0) scale(0.6667);
    transform: translateY(0) scale(0.6667);     
    -webkit-transform-origin: center center;     
    -ms-transform-origin: center center;     
    transform-origin: center center;
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: opacity 0.2s ease-out, transform 0.3s ease-out;
    transition: opacity 0.2s ease-out, transform 0.3s ease-out;
    transition: opacity 0.2s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.bola:hover .bola__texto {
    opacity: 1;
    -webkit-transform: translateY(-2.5rem) scale(0.6667);
    -ms-transform: translateY(-2.5rem) scale(0.6667);
    transform: translateY(-2.5rem) scale(0.6667);
}    
.container--bolas {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 100%;
    position: absolute;
    top: 0;
}
@media only screen and (min-width: 768px) {
    .arbol__items {
        padding-top: 0;
    }
    .bola {
        width: 9.75rem;
    }
    .bola__titulo {
        font-size: 1.75rem;
        line-height: 1.875rem;
        max-width: none;
    }
    .bola--3 .bola__titulo {
        font-size: 2.275rem;
        line-height: .8;
    }
    .bola__span {
        font-size: 1.3rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.95rem;    
    }
    .bola--3 .bola__btn {
        width: 1.82813rem;
        height: 1.82813rem;
    }
    .bola--3 .bola__texto {
        font-size: 1.1375rem;
        line-height: 1.3rem;
    }
    .bola {
        left: 4.88rem;
        top: 1.93rem;
    }
    .bola--2 {
        left: 2rem;
        top: 17.65rem;
    }
    .bola--3 {
        right: 2em;
        top: 8.82rem;
        left: unset;
        width: 12.675rem;
    }
}
@media only screen and (min-width: 1024px) {
    .bola {
        left: 9.88rem;
        top: 8.93rem;
    }
    .bola--2 {
        left: 0;
        top: 27.65rem;
    }
    .bola--3 {
        right: 4em;
        top: 16.82rem;
        left: unset;
    }  
}
/*MARQUESINA*/
.movimiento {
	background-color: #22212C;
	padding-top: 6.07rem;
}
.marquesina {
    position: relative;
    z-index: 3;
    overflow: hidden;
    padding: 2.72rem 0;
    --speed: 20s;
    background: -webkit-gradient(linear, left top, right top, from(#BD942D), color-stop(0.8%, #C7A33D), color-stop(2.2%, #D3B753), color-stop(3.8%, #DDC664), color-stop(5.8%, #E4D170), color-stop(8.6%, #E8D777), color-stop(16.4%, #EAD979), color-stop(32.8%, #D2B551), color-stop(49.5%, #BD942D), color-stop(69.1%, #D7BB58), color-stop(82.3%, #EAD979), color-stop(90.7%, #E8D777), color-stop(93.7%, #E4D170), color-stop(95.9%, #DDC664), color-stop(97.6%, #D3B753), color-stop(99.1%, #C7A33D), to(#BD942D)), var(--gray-hi, #878787);
    background: -o-linear-gradient(left, #BD942D 0%, #C7A33D 0.8%, #D3B753 2.2%, #DDC664 3.8%, #E4D170 5.8%, #E8D777 8.6%, #EAD979 16.4%, #D2B551 32.8%, #BD942D 49.5%, #D7BB58 69.1%, #EAD979 82.3%, #E8D777 90.7%, #E4D170 93.7%, #DDC664 95.9%, #D3B753 97.6%, #C7A33D 99.1%, #BD942D 100%), var(--gray-hi, #878787);
    background: linear-gradient(90deg, #BD942D 0%, #C7A33D 0.8%, #D3B753 2.2%, #DDC664 3.8%, #E4D170 5.8%, #E8D777 8.6%, #EAD979 16.4%, #D2B551 32.8%, #BD942D 49.5%, #D7BB58 69.1%, #EAD979 82.3%, #E8D777 90.7%, #E4D170 93.7%, #DDC664 95.9%, #D3B753 97.6%, #C7A33D 99.1%, #BD942D 100%), var(--gray-hi, #878787);
}
.marquee-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; 
    gap: 1.25rem;
    animation: 25s linear 0s infinite logoScroll;  	
    padding-left: 6.25rem;
}
.marquee-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.marquesina__texto {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@-webkit-keyframes logoScroll {
  	from {
    	-webkit-transform: translateX(0);
        transform: translateX(0);
  	}
  	to {
    	-webkit-transform: translateX(-100%);
        transform: translateX(-100%);
  	}
}
@keyframes logoScroll {
  	from {
    	-webkit-transform: translateX(0);
        transform: translateX(0);
  	}
  	to {
    	-webkit-transform: translateX(-100%);
        transform: translateX(-100%);
  	}
}
/*MAPA*/
.mapas {
    padding: 2rem 0;
    background-color: #22212C;
    position: relative;
    z-index: 3;
}
.map {
    max-height: 26.125rem;
    overflow: hidden;
    border-radius: .75rem;
}
.pines {
    margin-top: 1.5rem;
    gap: .81rem;
}
.custom-pin {
    position: relative;
    border-radius: 50%;
    z-index: -1;
    transform: translate(0%, -135%);
    background-image: url(https://stockcrowd.s3.amazonaws.com/landings/aecc/luces-dos/img/locator.png);
    background-size: 100%;
    width: 4.6875rem;
    height: 4.6875rem;
}
.pines__titulo {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
}
.pines__descripcion {
    font-size: 1.125rem;
    font-style: normal;
    line-height: 1.5625rem;
}
.mapas__encab {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5625rem; 
    text-align: center;
}
.container--mapas {
    padding: 4rem 0 0 0;
    text-align: center;
}
.mapas__btn {
    margin: .5rem auto 0 auto;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.mapas__btn--active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); 
}
.container--pines {    
    padding-top: 2.5rem;
    gap: 1rem;
}
.pines--ubicacion {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 1rem) / 2);
    flex: 0 0 calc((100% - 1rem) / 2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
@media only screen and (min-width: 768px) {
    .container--pines {
        gap: 3.5rem 5.5rem;
    }
    .pines--ubicacion {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 11rem) / 3);
        flex: 0 0 calc((100% - 11rem) / 3);
    }
}
@media only screen and (min-width: 1024px) {
    .mapas {
        padding: 4rem 0;
    }    
}
/*CIERRE*/
.cierre {
    position: relative;
    z-index: 3;
    text-align: center;
    position: relative;
    padding: 5.69rem 0;
    background-size: cover;
    background-position: center bottom;
    background-image: url("https://stockcrowd.s3.amazonaws.com/landings/aecc/luces-dos/img/cierre.webp");
}
.cierre::before {
    content:"";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #22212C 0%, rgba(34, 33, 44, 0.00) 31.97%), linear-gradient(0deg, rgba(34, 33, 44, 0.35) 0%, rgba(34, 33, 44, 0.35) 100%);
}
.cierre__container {
    gap: 2rem;
}
.titulos--cierre {
    max-width: 54rem;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .titulos--cierre {
        font-size: 3.5rem;
        line-height: 4rem;
    }
}
/*FOOTER*/
footer {
    position: relative;
    z-index: 3;
    background: #F4F4F4;
    padding: 3rem 1rem;
}
.footer__logo {    
    height: 4.4375rem;
    margin: 0 auto 1.5rem auto;
}
.footer__small, .links__enlaces {
    display: block;
    color: #232323;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
}
.footer__copy {
    width: 100%;
}
.links {
    list-style-type: none;
    gap: 1.5rem;
    margin: 1.5rem 0 0 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px) {
    footer {
        padding: 3rem;
    }
    .footer__logo {
        margin: 0;
    }
    .footer__small, .links__enlaces {
        text-align: right;
    }
    .footer__copy {
        width: auto;
    }
    .links {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.hide {
    display: none;
}