@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,700&display=swap');
:root{
  --background-color: #b0b0b0; 
  --background-color-2: #252525;
  --background-color-3: #ebebeb;
  --background-color-transparent:rgba(12,12,12,.5);
  --background-card:  #c4c4c4;
  --primary-color: #feae00;
  --secondary-color: #252525;
  --third-color: #4dc4ca;

  --white-color: #fffefe;
  --dark-color: #2c2c2c; 
}
body{scroll-behavior: smooth;padding: 0;margin: 0;font-family: 'PT Sans', sans-serif;}
h1,h2,h3,h4,h5,h6{}
p{margin:0;padding:0;font-size:1em;}
a{text-decoration: none;}
.container{width:90%;margin:0 auto;max-width: 1280px;}
main.mobile .container{max-width: 360px;}

header{z-index: 10;position: absolute;top: 0;left: 0;width: calc(100% - 40px);padding:0 20px;}
header .container{position: relative;}
header input[type="checkbox"]{display: none;}
header input[type="checkbox"] + label{display: none;position: absolute;left: 0px;top: 0px;text-align: left;z-index: 15;padding: 20px 10px;box-shadow: 1px 1px 1px var(--background-color-transparent);border-bottom-right-radius: 10px;}
.menu{position: absolute;right: 0;top: 0;overflow: hidden;}
.menuList{padding: 0;margin: 0;list-style: none;display: grid;grid-template-columns: repeat(6,1fr);border-left: 2px solid var(--primary-color);transition: all 300ms ease-in;}
.menuList li{text-align: center;padding: 20px;display: grid;justify-items: center;align-items: center;}
.menuList .animateLink{opacity: 0;}
.menuList li a{display: block;position: relative;color: var(--dark-color);font-size: 1em;}
.menuList li a:after{content: '';position: absolute;bottom: -5px;left: 50%;height: 2px;width: 0;background-color: var(--primary-color);transition: all 300ms ease-in;}
.menuList a:hover:after{width: 100%;left: 0;}
.menuList .contactoBtn{background-color: var(--primary-color);font-weight: 800;border-bottom-right-radius:20px;border-bottom-left-radius: 20px;transition: all 300ms ease-in;}
.menuList .ingresarBtn{font-style: italic;font-weight: 800;}
.menuList .contactoBtn:hover{background-color: var(--secondary-color);}
.menuList .contactoBtn:hover a{color: var(--primary-color);}
.contactoMobile{display: none;position: absolute;top: 0;right: 0;background: var(--primary-color);color: var(--dark-color);font-weight: 800;width: 70px;height: 40px;transform: rotate(-90deg) translate(20px,-20px);transform-origin: 100%;line-height: 40px;text-align: center;font-size: 0.5em;border-top-left-radius: 10px;}
.contactoMobile:hover{cursor: pointer;}


.hamburger-box {position:relative;display:inline-block;width:20px;height:24px;}
.hamburger-inner {top:50%;display:block;margin-top:-2px;}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {position:absolute;width:20px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;}
.hamburger-inner:after,.hamburger-inner:before {display:block;content:"";}
.hamburger-inner:before {top:-10px}
.hamburger-inner:after {bottom:-10px;}
.hamburger--spin .hamburger-inner {background-color:var(--background-color-transparent);transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
.hamburger--spin .hamburger-inner:before {background-color:var(--dark-color);transition:top .1s ease-in .25s,opacity .1s ease-in;}
.hamburger--spin .hamburger-inner:after {background-color:var(--dark-color);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}
header input[type="checkbox"]:checked + label .hamburger--spin .hamburger-inner {transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg);}
header input[type="checkbox"]:checked + label .hamburger--spin .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0;}
header input[type="checkbox"]:checked + label .hamburger--spin .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg);}
@media (max-width:1040px){.menuList li{padding: 20px 10px;font-size: .8em;}}
@media (max-width:768px){
  .menu{left: calc(-5% - 23px);right: unset;}
  header input[type="checkbox"] + label{display: block;}
  header input[type="checkbox"]:checked + label{box-shadow: none;}
  header input[type="checkbox"]:checked + label ~ .menuList{transform: translate(0,0);opacity: 1;}
  .menuList{transform: translate(-450px,0);opacity: 0;grid-template-columns: 1fr;background: var(--white-color);width: 100px;padding: 50px 25px 25px 25px;grid-gap: 20px;border-left: 0;}
  .menuList li{text-align: right;padding: 0;font-size: 1em;}
  .menuList li a{color: var(--dark-color);text-align: center;}
  .menuList .contactoBtn{display: none;}
  .contactoMobile{display: block;}
}
header .logoContainer{opacity: 0;width: 20%;max-width: 105px;padding-top: 20px;margin: 0;}
header .logoContainer img{width: 100%;}

@media (max-width: 768px){
  header .logoContainer{margin: 0 auto;}
}


/* ---- particles.js container ---- */
canvas {display: block;vertical-align: bottom;}
#particles-js {position: absolute;width: 100%;height: 100%;background-color: #b0b0b0;z-index: 0;top: 0;}
/* ---- particles.js container ---- */
.topHeaderSection{height:100vh;display: grid;align-items: center;justify-items: center;}
.composicionContainer{width: 100%;max-width: 1080px;margin: 0 auto; height: 100%;position: relative;display: grid;text-align: center;overflow: hidden;}
.composicionContainer h1{opacity: 0;transform: translate(-150px,0);margin-top: 0;position: absolute;left: 0;top: 135px;font-size: 3em;font-weight: 300;color: var(--white-color);max-width: 400px;letter-spacing: 2px;}
.composicionContainer h1 b{font-weight: 800;color: var(--dark-color);letter-spacing: 1px;}
.composicionContainer img{opacity: 0;margin: 0 auto;width: 100%;max-width:509px; ;}
.composicionContainer div{opacity: 0;transform: translate(150px,0);position: absolute;right: 5px;bottom: 50px;text-align: right;}
.composicionContainer h2{font-size: 2em;background-color: var(--background-color-transparent);color:var(--white-color); padding: 5px 25px;}
.composicionContainer button{position: relative;z-index: 1;outline: none;border: 0;box-shadow: 0 1px 3px var(--background-color-transparent);border-radius: 10px;background: transparent;padding: 15px 20px;font-family: 'PT Sans', sans-serif;font-size: 1.5em;transition: background-color 300ms ease-in;}
.composicionContainer button:hover{cursor: pointer;box-shadow: 0 0 0;}
.composicionContainer button:before{content: '';height: 100%;width: 100%;border-radius: 10px; position:absolute; top: 0;left: 0;background: var(--third-color);transition: all 300ms ease-in;z-index: -1;}
.composicionContainer button:hover:before,.composicionContainer button:focus:before{width: 100%;height: 5px;border-radius: 0;}
.composicionContainer button a{color: var(--white-color);font-weight: 800;}
.composicionContainer button a span{display: inline-block;}
.composicionContainer button:hover a{animation: hoverBtn 1s ease-in;}
.composicionContainer button:hover span:nth-child(1){animation: hoverBtn 1s ease-in;}
.composicionContainer button:hover span:nth-child(2){animation: hoverBtn 1s 100ms ease-in;}
.composicionContainer button:hover span:nth-child(3){animation: hoverBtn 1s 200ms ease-in;}
.composicionContainer button:hover span:nth-child(5){animation: hoverBtn 1s 300ms ease-in;}
.composicionContainer button:hover span:nth-child(6){animation: hoverBtn 1s 400ms ease-in;}
.composicionContainer button:hover span:nth-child(7){animation: hoverBtn 1s 500ms ease-in;}
.composicionContainer button:hover span:nth-child(8){animation: hoverBtn 1s 600ms ease-in;}
.composicionContainer button:hover span:nth-child(9){animation: hoverBtn 1s 700ms ease-in;}
.composicionContainer button:hover span:nth-child(10){animation: hoverBtn 1s 800ms ease-in;}
.composicionContainer button:hover span:nth-child(11){animation: hoverBtn 1s 900ms ease-in;}
.composicionContainer button:hover span:nth-child(12){animation: hoverBtn 1s 1000ms ease-in;}
.composicionContainer button:hover span:nth-child(13){animation: hoverBtn 1s 1100ms ease-in;}

.socialMediaContainer{opacity: 0;position: absolute;bottom:20px;left:0;border-top:5px solid var(--primary-color);padding:10px 20px 0 50px;display: grid;grid-gap: 30px;grid-template-columns: repeat(4, 30px); align-items: center; justify-items: center; }
.socialMediaContainer svg{width:100%; }
.socialMediaContainer svg path{fill: var(--dark-color);transition: fill 300ms ease-in;}
.socialMediaContainer svg:hover path{fill: var(--primary-color);}

.scrollDownContainer{opacity: 0;position: absolute;right: 50px;bottom: 20px;display: grid;grid-template-columns: 15px auto;grid-gap: 15px;align-items: center;}
.scrollDownContainer svg{width: 100%;}
.scrollDownContainer svg path,.scrollDownContainer svg circle{fill: var(--dark-color);transition: fill 300ms ease-in;}
.scrollDownContainer p{color: var(--dark-color);text-transform: uppercase;letter-spacing: 1px;font-weight: 800;transition: color 300ms ease-in;}
.scrollDownContainer:hover svg path,.scrollDownContainer:hover svg circle{fill: var(--primary-color);}
.scrollDownContainer:hover p{color: var(--primary-color);}
.scrollDownContainer:hover{cursor: pointer;}

@media (max-width:1040px){
  .composicionContainer h1{font-size: 2em;}
  .composicionContainer h2{font-size: 1.5em;}
}
@media (max-width:768px){
  .composicionContainer{width: 70%;padding-bottom: 10px;}
  .composicionContainer h1{margin-bottom: 0;position: relative;width: 100%;max-width: unset;top: unset;}
  .composicionContainer h2{margin-top: 0;}
  .composicionContainer img{width: 100%;}
  .composicionContainer div{position: relative;bottom: unset;text-align: center;margin: 0 auto;}
  .scrollDownContainer{transform: scale(.6);bottom: 0px !important;right: 5px !important;grid-template-columns: 15px !important;grid-template-rows: 100px 40px;}
  .scrollDownContainer svg{width: 100%;grid-row-start: 2;grid-row-end: 3;}
  .scrollDownContainer p{transform-origin: 100%;transform: rotate(-90deg) translate(80px,-120px);width: 125px;}
  .socialMediaContainer{grid-template-columns: 1fr !important;border: 0 !important;width: 25px;bottom: 30px !important;left: 10px !important;padding: 0 !important;grid-gap: 15px !important;}
  .socialMediaContainer svg{width: 60%;margin: 0 auto;}

}
@media (max-width:420px){
  .composicionContainer h1{font-size: 1.3em;}
  .composicionContainer h2{font-size: 1em;}
  .composicionContainer button{font-size: 1em;}
}
@keyframes hoverBtn{
  0%,100%{transform: translate(0,0);}
  50%{transform: translate(0,-10px);}
}











#acercade .videoSection{position: relative;background-color: var(--background-color-2);padding: 100px 0;overflow: hidden;z-index: 1;}
#acercade .videoSection .bubble{position: absolute;border: 2px solid var(--background-color);opacity: .5;z-index: -1;}
#acercade .videoSection .bubble1{top: -200px;left: 75px;width: 50vh;height: 50vh;border-radius: 50vh;}
#acercade .videoSection .bubble2{bottom: -20px;left: -15px;width: 200px;height: 200px;border-radius: 200px;}
#acercade .videoSection .container{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50px;}
#acercade .videoSection .box{opacity: 0;transform: translate(-150px,0);text-align: right;}
#acercade .videoSection .textContainer{opacity: 0;transform: translate(150px,0);text-align: left;}
#acercade .videoSection .textContainer h2{font-size: 2.1em;color: var(--white-color);margin: 0;}
#acercade .videoSection .textContainer h3{font-size: 2em;color: var(--background-color);margin: 0;font-weight: 300;}
#acercade .videoSection .textContainer button{display: grid;align-items: center;padding: 15px 50px;background: transparent;border: 2px solid var(--primary-color);border-radius: 10px;margin-top: 20px;}
#acercade .videoSection .textContainer button div{display: grid;grid-template-columns: 30px auto;grid-gap: 30px;margin: 0 auto;align-items: center;}
#acercade .videoSection .textContainer button:hover{cursor: pointer;}
#acercade .videoSection .textContainer button p{color:var(--background-color);font-size: 1.5em;padding:0;font-family: 'PT Sans', sans-serif; }
@media (max-width:1080px){#acercade .videoSection .container{grid-template-columns: 1fr 2fr;}}
@media (max-width:768px){
  #acercade .videoSection .container{grid-template-columns: 1fr;}
  #acercade .videoSection .box{text-align: center;}
  #acercade .videoSection .textContainer{margin: 0 auto;text-align: center;}
  #acercade .videoSection .textContainer button{margin: 20px auto 0 auto;}
}
@media (max-width:460px){
  #acercade .videoSection .bubble1{left: 50%;top: -100px;}
  #acercade .videoSection .textContainer h2{font-size: 1.5em;}
  #acercade .videoSection .textContainer h3{font-size: 1.4em;}
  #acercade .videoSection .textContainer button{padding: 15px 25px;}
  #acercade .videoSection .textContainer button div{grid-gap: 10px;}
  #acercade .videoSection .textContainer button div p{font-size: 1em;}
}
@media(max-width:320px){
  #acercade .videoSection{padding: 50px 0;}
  #acercade .videoSection .container{grid-gap: 0;}
  #acercade .videoSection .textContainer h3{font-size: 1.2em;}
  #acercade .videoSection .textContainer h2{font-size: 1.3em;}
}
/* modal */
.lightbox{outline: none;position: fixed;opacity:0;z-index:-100;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,.5);transition: opacity 300ms ease-in-out}
.lightbox.open{opacity: 1;z-index:99999;}
.lightbox .container{max-width: 540px;height: 90vh;display: grid;justify-items: center;align-items: center;}
.lightbox button.close{width: 100%;text-align: right;background: transparent;color:var(--secondary-color);font-weight: 800;font-size: 2em;border:0;}
.lightbox .container .videoContainer{width: calc(100% - 50px);background: var(--white-color);padding: 25px 25px 50px 25px;}
.lightbox .container iframe{width: 100%;}
@media (max-width:460px){.lightbox .container iframe{height: 100%;}}

#faqsLightbox .container{max-width: 760px;}
.lightbox .container .faqContainer{width: calc(100% - 50px);background: var(--white-color);padding: 25px 25px 50px 25px;}
.lightbox .container .faqContainer .lightboxContainer{text-align: left;}
.lightbox .container .faqContainer .lightboxContainer h3{color: var(--white-color);background: var(--secondary-color);display: inline;padding: 5px;line-height: 55px;}
.lightbox .container .faqContainer .lightboxContainer p{color: var(--dark-color);}
@media (max-width:460px){
  #faqsLightbox .container{overflow-y: scroll;height: 100vh;}
  .lightbox .container .faqContainer .lightboxContainer h3{line-height: 25px;font-size: .9em;}
}

#formLightbox .close{color:var(--white-color);}
#formLightbox .formContainer{background: var(--background-color-2);width: calc(100% - 40px);padding: 20px;  }

.fixed{position: fixed;bottom: 60px;right: 30px;z-index: 10;}
#whatsappFixed{border-radius: 50px;width: 50px;height: 50px;background-color: var(--primary-color);display: grid;align-items: center;justify-content: center;transition: background 300ms ease-in-out}
#whatsappFixed svg{width: 30px;height: 30px;}
#whatsappFixed svg path{fill:var(--dark-color);}
#whatsappFixed:hover{background-color: var(--third-color);}
@media (max-width:768px){
  .fixed{position: fixed;bottom: 20px;}
}



#acercade .carousel1Section{padding: 100px 0;background-color: var(--background-color-3);overflow: hidden;}
#acercade .carousel1Section .container{display: grid;grid-template-columns: 1fr 2fr; grid-gap: 50px;}
#acercade .carousel1Section .container .somosContainer{opacity: 0; transform: translate(-150px,0);text-align: left;display: grid;height: 100%;align-content: center;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer{opacity: 0;display: none;transition: opacity 1s ease-in;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer.active{display: block;opacity: 1;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer:first-child .titleContainer{width: 100%;max-width: 225px;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer:last-child .titleContainer{width: 100%;max-width: 275px;}
#acercade .carousel1Section .container .somosContainer .titleContainer h3{font-size:1.2em;margin: 0;font-weight: 300;}
#acercade .carousel1Section .container .somosContainer .titleContainer h3 b{font-weight: 800;}
#acercade .carousel1Section .container .somosContainer .titleContainer h2{font-size:2.2em;margin: 0;}
#acercade .carousel1Section .container .somosContainer .titleContainer h2.noBack{color: var(--dark-color);width: 100%;}
#acercade .carousel1Section .container .somosContainer .titleContainer h2.back{text-align: center;color: var(--white-color);background: var(--background-color-2);padding: 0 5px;transform: width 1s ease-in;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer button{outline: none;border: 0;box-shadow: 0 1px 3px var(--background-color-transparent);border-radius: 10px;background: var(--third-color);color: var(--white-color);padding: 15px 20px;font-family: 'PT Sans', sans-serif;font-size: 1.5em;transition: all 300ms ease-in;}
#acercade .carousel1Section .container .somosContainer .acercadeContainer button:hover{cursor: pointer;background: var(--primary-color);color: var(--dark-color);}
#acercade .carousel1Section .container .somosContainer .acercadeContainer.active .titleContainer h2.back{animation: showTitleBack 1s ease-in;transform: translate(0,0);opacity: 1;}
#acercade .carousel1Section .container .somosContainer p{margin: 25px 0;max-width: 300px;}
@media (max-width:550px){
  #acercade .carousel1Section .container{grid-template-columns: 1fr;overflow: hidden;}
  #acercade .carousel1Section .container .somosContainer .titleContainer{text-align: center;margin: 0 auto;}
  #acercade .carousel1Section .container .somosContainer p{text-align: center;}
  .card-stack-circular{width: 70% !important;}
  .card-stack-circular .card-list{height: 365px !important;}
}
@media(max-width: 320px){
  #acercade .carousel1Section{padding: 50px 0;}
  #acercade .carousel1Section .container{grid-gap: 50px;}
  .card-stack-circular .card-list{width: 250px !important;}
}

.carousel1Container{opacity: 0;transform:translate(150px,0);display: grid;align-content: center;width: 100%;align-items: center;position: relative;}
.carousel1Container .buttons{display: grid;align-items: center;justify-content: center;position: absolute;background:var(--third-color);border-radius: 50%;width: 35px;height: 35px;left: 0;top: 55%;color: var(--dark-color);text-align: center;z-index: 100;outline: none;transition: all 0.2s ease;}
.carousel1Container .buttons:hover{background-color: var(--primary-color);cursor: pointer;}
.carousel1Container .prev {left: 15px;right: auto;}
.carousel1Container .next {left: auto;right: 15px;}
.carousel1Container .carousel .buttons:hover {color: #C01313;background: #fff;}
.card-stack-circular {width: 90%;max-width: 430px;position: relative;margin: 0px auto;}
.card-stack-circular .card-list {width: 300px;height: 550px;padding: 0;margin: 0;}
.card-stack-circular .card-list__image {width:100%; }
.card-stack-circular .card-list li { display: flex; align-items: center; justify-content: center; transition: all 100ms ease-in-out; position: absolute; list-style: none;width: 100%;height: 100%; left: 0; right: 0; margin: 0 auto;}
.card-stack-circular .card-list li:nth-child(1) {left: 30px;top: -15px;}
.card-stack-circular .card-list li:nth-child(2) {left: 0px;top: 20px;}











#compromiso .hacerElBienSection{padding: 100px 0;background-color: var(--background-color);position: relative;z-index: 1;overflow: hidden;}
#compromiso .hacerElBienSection .bubble{position: absolute;position: absolute;border: 2px solid var(--white-color);opacity: .2;z-index: -1;}
#compromiso .hacerElBienSection .bubble3{top: -200px;left: 250px;width: 60vh;height: 60vh;border-radius: 60vh;}
#compromiso .hacerElBienSection .bubble4{top: 100px;left: -50px;width: 55vh;height: 55vh;border-radius: 55vh;}
#compromiso .hacerElBienSection .container{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;align-items: center;}
#compromiso .hacerElBienSection .container .hacerElBienImage{opacity: 0;transform: translate(-150px,0);}
#compromiso .hacerElBienSection .container img{width: 100%;max-width: 400px;}
#compromiso .hacerElBienSection .container .hacerElBienContainer{opacity: 0;transform: translate(150px,0);}
#compromiso .hacerElBienSection .container .hacerElBienContainer .titleContainer{width: 100%;max-width: 300px;}
#compromiso .hacerElBienSection .container .hacerElBienContainer .titleContainer h3{font-size:1.5em;margin: 0;font-weight: 300;}
#compromiso .hacerElBienSection .container .hacerElBienContainer .titleContainer h2{font-size:2.2em;margin: 0;text-align: center;}
#compromiso .hacerElBienSection .container .hacerElBienContainer .titleContainer h2.back{color: var(--white-color);background: var(--background-color-2);padding: 0 15px;}
#compromiso .hacerElBienSection .container .hacerElBienContainer p{margin-top: 25px;max-width: 300px;}
@media (max-width:550px){
  #compromiso .hacerElBienSection .container{grid-template-columns: 1fr;}
  #compromiso .hacerElBienSection figure{max-width: 250px;margin: 0 auto;}
  #compromiso .hacerElBienSection .container .hacerElBienContainer .titleContainer{margin: 0 auto;text-align: center;}
  #compromiso .hacerElBienSection .container .hacerElBienContainer p{text-align: center;}
}

@media(max-width: 320px){
  #compromiso .hacerElBienSection{padding: 50px 0;}
  #compromiso .hacerElBienSection .container img{}
}

.carousel2Section{padding: 100px 0;background-color: var(--background-color-3);overflow: hidden;}
.carousel2Section .container{display: grid;grid-template-columns: 1fr 2fr;grid-gap: 100px;}
.carousel2Section .container .pasosContainer {opacity: 0;transform: translate(-150px,0);display: grid;align-items: center;align-content: center;}
.carousel2Section .container .pasosContainer h3{font-size:1.2em;margin: 0;font-weight: 300;}
.carousel2Section .container .pasosContainer .pasosTextContainer{opacity: 0;display: none;}
.carousel2Section .container .pasosContainer .pasosTextContainer .titleContainer{width: 100%;max-width: 250px;}
.carousel2Section .container .pasosContainer .pasosTextContainer .titleContainer h2{font-size:2.2em;margin: 0;}
.carousel2Section .container .pasosContainer .pasosTextContainer .titleContainer h2.noBack{color: var(--dark-color);width: 100%;opacity: 0;transition:all 1s ease-in;}
.carousel2Section .container .pasosContainer .pasosTextContainer .titleContainer h2.back{text-align: center;color: var(--white-color);background: var(--background-color-2);transform: translate(-150px,0);opacity: 0;}
.carousel2Section .container .pasosContainer .pasosTextContainer p{margin-top: 25px;opacity: 0;transition: opacity 1s ease-in;}

.carousel2Section .container .pasosContainer .pasosTextContainer.active{opacity: 1;display: block;}
.carousel2Section .container .pasosContainer .pasosTextContainer.active .titleContainer h2.back{animation: showTitleBack 1s ease-in;transform: translate(0,0);opacity: 1;}
.carousel2Section .container .pasosContainer .pasosTextContainer.active .titleContainer h2.noBack{opacity: 1;}
.carousel2Section .container .pasosContainer .pasosTextContainer.active p{opacity: 1;}
@keyframes showTitleBack {
  0% {width: 0;opacity: 0; color: transparent;}
  20% {width: 50%; opacity: .2;color: transparent;}
  40% {width: 100%; opacity: 0.5;color: transparent;}
  60% {width: 100%; opacity: 0.7; color: transparent;}
  100% {width: 100%;opacity: 1;color: var(--white-color);}
}


.carousel2Container{opacity: 0;transform: translate(150px,0);display: grid;align-content: center;align-items: center;position: relative;}
.carousel2Container .buttons{display: grid;align-items: center;justify-content: center;position: absolute;background:var(--third-color);border-radius: 50%;width: 35px;height: 35px;left: 0;top: 55%;color: var(--dark-color);z-index: 100;outline: none;transition: all 0.2s ease;}
.carousel2Container .buttons:hover{cursor: pointer;background-color: var(--primary-color);}
.carousel2Container .prev {left: 15px;right: auto;}
.carousel2Container .next {left: auto;right: 15px;}
.card-stack-pasos {width: 90%;max-width: 430px;position: relative;margin: 0px auto;}
.card-stack-pasos .card-list {width: 300px;height: 550px;padding: 0;margin: 0;}
.card-stack-pasos .card-list__image {width:100%; }
.card-stack-pasos .card-list li { display: flex; align-items: center; justify-content: center; transition: all 100ms ease-in-out; position: absolute; list-style: none;width: 100%;height: 100%; left: 0; right: 0; margin: 0 auto;}
.card-stack-pasos .card-list li:nth-child(1) {left: 60px;top: -40px;}
.card-stack-pasos .card-list li:nth-child(2) {left: 40px;top: -20px;}
.card-stack-pasos .card-list li:nth-child(3) {left: 20px;top: 0px;}
.card-stack-pasos .card-list li:nth-child(4) {left: 0px;top: 20px;}
@media(max-width: 1080px){.carousel2Section .container{grid-gap: 50px;}}
@media (max-width:550px){
  .carousel2Section{padding: 50px 0;}
  .carousel2Section .container{grid-template-columns: 1fr;}
  .carousel2Section .container .pasosContainer{text-align: center;}
  .carousel2Section .container .pasosContainer .pasosTextContainer .titleContainer{text-align: center;margin: 0 auto;}
  .carousel2Section .container .pasosContainer .pasosTextContainer p{text-align: center;}
  .card-stack-pasos{width: 70% !important;}
  .card-stack-pasos .card-list{height: 350px;}
}
@media(max-width: 320px){
  .card-stack-pasos .card-list{width: 250px;}
  .card-stack-pasos .card-list li:nth-child(1) {left: 30px;top: -30px;}
  .card-stack-pasos .card-list li:nth-child(2) {left: 20px;top: -20px;}
  .card-stack-pasos .card-list li:nth-child(3) {left: 10px;top: -10px;}
  .card-stack-pasos .card-list li:nth-child(4) {left: 0px;top: 0px;}
}


/*  CAROUSEL ANIMATIONS   */
.transformThis {animation: scaleDown 200ms;}
.transformPrev {animation: scaleUp 100ms;display: none;}
@keyframes scaleUp {
  0% {transform: scale(1.2) translateY(50px);opacity: 0;}
  20% {transform: scale(1.15) translateY(40px);opacity: 0.1;}
  40% {transform: scale(1.1) translateY(30px);opacity: 0.2;}
  60% {transform: scale(1.05) translateY(20px);opacity: 0.4;}
  80% {transform: scale(1.01) translateY(10px);opacity: 0.8;}
  100% {transform: scale(1) translateY(0);opacity: 1;}
}
@keyframes scaleDown {
  0% {transform: scale(1) translateY(0);opacity: 1;}
  20% {transform: scale(1.01) translateY(20px);opacity: 0.8;}
  40% {transform: scale(1.05) translateY(40px);opacity: 0.4;}
  60% {transform: scale(1.1) translateY(60px);opacity: 0.2;}
  80% {transform: scale(1.15) translateY(80px);opacity: 0.1;}
  100% {transform: scale(1.2) translateY(100px);opacity: 0;}
}
@keyframes scaleCard {
  0% {top: 5px;}
  100% {top: 24px;}
}



#equipoSection .cambioSection{padding: 100px 0;background-color: var(--background-color-2);overflow: hidden;}
#equipoSection .cambioSection .textContainer{max-width: 550px;margin: 0 auto;opacity: 0;transform: translate(150px,0);text-align: center;}
#equipoSection .cambioSection .textContainer h2{color: var(--background-color) ;margin: 0;}
#equipoSection .cambioSection .textContainer h3{color: var(--white-color);margin: 0;font-weight: 300;}
#equipoSection .cambioSection .textContainer #first{font-size: 2.2em;}
#equipoSection .cambioSection .textContainer #second{font-size: 2.4em;}
#equipoSection .cambioSection .textContainer #third{font-size: 1.6em;}
#equipoSection .cambioSection .textContainer #forth{font-size: 2.5em;}
#equipoSection .cambioSection .textContainer button{display: grid;align-items: center;padding: 15px 50px;background: transparent;border: 2px solid var(--primary-color);border-radius: 10px;margin: 20px auto 0 auto;}
#equipoSection .cambioSection .textContainer button div{display: grid;grid-template-columns: 30px auto;grid-gap: 30px;margin: 0 auto;align-items: center;}
#equipoSection .cambioSection .textContainer button span{color:var(--primary-color);font-size: 1.5em;padding:0; font-weight: 800; transform-origin: 50%;transition: transform 300ms ease-in; }
#equipoSection .cambioSection .textContainer button p{color:var(--background-color);font-size: 1.5em;padding:0; font-family: 'PT Sans', sans-serif;}
#equipoSection .cambioSection .textContainer button:hover{cursor: pointer;}
#equipoSection .cambioSection .textContainer button:hover span{transform: rotate(90deg);}
#equipoSection .equipoSection{padding: 100px 0;background: var(--background-color-3);overflow: hidden;}
#equipoSection .equipoSection .titleSection{opacity: 0;transform: translate(0,150px);display: grid;grid-template-columns: 100px auto;grid-gap: 20px;align-items: center;}
#equipoSection .equipoSection .titleSection figure{margin: 0;}
#equipoSection .equipoSection .titleSection img{width: 100%;}
#equipoSection .equipoSection .titleSection h1{font-size: 2.5em;margin: 0;font-weight: 300;}
#equipoSection .equipoSection #glideEquipo{ opacity: 0;transform: translate(0,150px); display: grid;grid-template-columns: calc(5% + 100px) auto; }
#equipoSection .equipoSection #glideEquipo .glide__arrows{display: grid;grid-template-rows: 1fr 1fr;justify-items: end;align-self: center;grid-gap: 20px;}
#equipoSection .equipoSection #glideEquipo .glide__arrow{display: grid;align-items: center;justify-content: center;background:var(--third-color);border: 0;border-radius: 50%;width: 35px;height: 35px;color: var(--dark-color);font-weight:800;text-align: center;outline: none;transition: all 0.2s ease;}
#equipoSection .equipoSection #glideEquipo .glide__arrow img{width:10px;height: 10px;}
#equipoSection .equipoSection #glideEquipo .glide__arrow:hover {cursor: pointer;background: var(--primary-color);}
#equipoSection .equipoSection #glideEquipo .glide__slides{margin: 0;}
#equipoSection .equipoSection #glideEquipo .glide__slide{text-align: center;}
#equipoSection .equipoSection #glideEquipo .glide__slide p{ color:var(--dark-color); transition:opacity 300ms ease-in; }
#equipoSection .equipoSection #glideEquipo .glide__slide p.name{ text-transform: uppercase;font-size:1.5em;  }
#equipoSection .equipoSection #glideEquipo .glide__slide p.job{ opacity: 0;  }
#equipoSection .equipoSection #glideEquipo .glide__slide hr{ width:80%; max-width: 250px; border: 0; background: var(--background-color); height: 4px; transition: background 300ms ease-in; }
#equipoSection .equipoSection #glideEquipo .glide__slide figure{ margin:0; margin-bottom: 20px; }
#equipoSection .equipoSection #glideEquipo .glide__slide img{ filter:grayscale(100%); width:80%; max-width: 250px;border-radius:400px; }
#equipoSection .equipoSection #glideEquipo .glide__slide--active p.job{ opacity: 1;  }
#equipoSection .equipoSection #glideEquipo .glide__slide--active hr{ background: var(--primary-color); }
#equipoSection .equipoSection #glideEquipo .glide__slide--active img{ filter:unset;  }

@media (max-width:550px){
  #equipoSection .cambioSection .textContainer #second{font-size: 2em;}
  #equipoSection .cambioSection .textContainer #third{font-size: 1.4em;}
  #equipoSection .cambioSection .textContainer #forth{font-size: 2.3em;}
  #equipoSection .cambioSection .textContainer button{padding: 15px 25px;}
  #equipoSection .cambioSection .textContainer button div{grid-template-columns: 0 auto;grid-gap: 25px;}
  #equipoSection .cambioSection .textContainer button p{font-size: 1em;}

  #equipoSection .equipoSection{padding: 50px 0;}
  #equipoSection .equipoSection .titleSection{grid-template-columns: 1fr;text-align: center;grid-gap: 5px;margin-bottom: 25px;}
  #equipoSection .equipoSection .titleSection figure{max-width:50px;margin: 0 auto;}
  #equipoSection .equipoSection .titleSection h1{font-size: 1.6em;}
  #equipoSection .equipoSection #glideEquipo{grid-template-columns: calc(5% + 35px) auto;}
}

@media(max-width: 320px){
  #equipoSection .cambioSection .textContainer #second{font-size: 1.8em;}
  #equipoSection .cambioSection .textContainer #third{font-size: 1.2em;}
  #equipoSection .cambioSection .textContainer #forth{font-size: 2em;}
}



#socios{padding: 100px 0;text-align: center;overflow: hidden;}
#socios #sociosTitle{opacity: 0;transform: translate(0,150px);}
#socios .titleContainer{margin: 0 auto;max-width: 260px;}
#socios .titleContainer h2{font-size:2em;margin: 0;}
#socios .titleContainer h2.noBack{color: var(--dark-color);width: 100%;}
#socios .titleContainer h2.back{color: var(--white-color);background: var(--background-color-2);}
#socios p{margin: 25px auto;max-width: 550px;}
#socios #glideSocios{opacity: 0;transform: translate(0,150px);}
#socios .glide__arrows{width: 100%;position: relative;z-index: 10;}
#socios .glide__arrow{display: grid;align-items: center;justify-content: center;position: absolute;top: 50px;background:var(--third-color);border: 0;border-radius: 50%;width: 35px;height: 35px;outline: none;transition: all 0.2s ease;}
#socios .glide__arrow--right{right: 0;}
#socios .glide__arrow--left{left: 0;}
#socios .glide__arrow:hover{cursor: pointer;background: var(--primary-color);}
#socios .glide__slide img{  width:100%; max-width:150px; }
@media(max-width: 550px){#socios{padding: 50px 0;}}




#areasdeoportunidad{padding: 100px 0;background: var(--background-color-3);overflow: hidden;}
#areasdeoportunidad .container{display: grid;grid-template-columns: 1fr 2fr;grid-gap: 25px;}
/*#areasdeoportunidad .container #areaText{opacity: 0;transform: translate(-150px,0);display: grid;align-self: center;}*/
#areasdeoportunidad .container .textContainer .titleContainer{width: 100%;max-width: 300px;}
#areasdeoportunidad .container .textContainer .titleContainer h2{font-size:2em;margin: 0;}
#areasdeoportunidad .container .textContainer .titleContainer h2.noBack{color: var(--dark-color);width: 100%;}
#areasdeoportunidad .container .textContainer .titleContainer h2.back{text-align: center;color: var(--white-color);background: var(--background-color-2);padding: 0 5px;transform: width 1s ease-in;}
#areasdeoportunidad .container .textContainer p{padding-top: 25px;max-width: 300px;}
#areasdeoportunidad .container .bloquesContainer{opacity: 0;transform: translate(150px,0);}
#areasdeoportunidad .container .bloquesContainer .content{position: relative;}
.grid {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 10px;}
.card {position: relative;display: grid;align-items: center;justify-items: center;cursor: pointer;height: 231px;max-width: 194px;margin: 0 auto;background-color: var(--background-card);}
.card-team__bg {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;pointer-events: none;background-position: center;background-size: cover;background-repeat: no-repeat;box-shadow: 0 0.5em 3em rgba(16, 16, 30, 0.4);opacity: 0;transition: 1s cubic-bezier(0.8, 0, 0.2, 1);text-align: center;display: grid;align-content: center;}
.card-team__bg figure{margin: 0;}
.card-team__container{max-width: 80%;}
.card-team__logo {position: relative;margin: 0 0 1em 0;text-align: center;transition: 1s cubic-bezier(0.8, 0, 0.2, 1);z-index: 1;animation: slide-up-fade-in .7s .5s ease-in-out;}
.card-team__logo figure{width: 47px;height: 47px;margin: 0 auto;border-radius: 47px;padding: 20px;background-color: var(--dark-color);}
.card-team__logo figure img{width: 47px height: 47px;}
.card-team__name {position: relative;text-align: center;font-size: 1em;font-weight: 800;letter-spacing: 0.05em;color: var(--dark-color);transition: 1s cubic-bezier(0.8, 0, 0.2, 1);z-index: 1;animation: slide-up-fade-in .7s 1s ease-in-out ;}
.card-team__name::after {content: "";position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background-color: var(--dark-color);animation-name: scalewidth-zero-half;}
.card-team:hover .card-team__bg {opacity: 1;transform: scale3d(1.1, 1.1, 1.1);}
.card-team:hover .card-team__logo,.card-team:hover .card-team__name {display: none;}
.animation, .card-team__name, .card-team__logo, .card-team::after, .content, .main-title, .underlay-text span {animation-fill-mode: both;animation-duration: 1.25s;animation-play-state: running;animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);}

@keyframes scalewidth-zero-half {
  0% {transform: scaleX(0);}
  100% {transform: scaleX(0.5);}
}
@keyframes slide-up-fade-in {
  0% {transform: translateY(3.5vh);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}
@media(max-width: 768px){
  #areasdeoportunidad .container{display: grid;grid-template-columns: 1fr;}
  #areasdeoportunidad .container .textContainer{margin: 0 auto 50px auto;}
  .grid{grid-template-columns: 1fr 1fr;}
}

@media(max-width: 550px){
  .grid{grid-template-columns: 1fr;}
}


#comunidad .comunidadSection{padding: 100px 0;background-color: var(--background-color-2);overflow: hidden;}
#comunidad .comunidadSection .textContainer{margin: 0 auto;opacity: 0;transform: translate(150px,0);text-align: center;}
#comunidad .comunidadSection .textContainer h2{text-transform: uppercase;color: var(--background-color) ;margin: 0;}
#comunidad .comunidadSection .textContainer h3{text-transform: uppercase;color: var(--white-color);margin: 0;font-weight: 300;}
#comunidad .comunidadSection .textContainer #first{font-size: 2em;}
#comunidad .comunidadSection .textContainer #second{font-size: 2.6em;}
#comunidad .comunidadSection .textContainer #third{font-size: 2.4em;}
#comunidad .comunidadSection .textContainer #forth{font-size: 2.4em;}
@media (max-width:768px){
  #comunidad .comunidadSection .textContainer #first{font-size: 1.3em;}
  #comunidad .comunidadSection .textContainer #second{font-size: 1.6em;}
  #comunidad .comunidadSection .textContainer #third{font-size: 1.4em;}
  #comunidad .comunidadSection .textContainer #forth{font-size: 1.4em;}
}
@media(max-width:340px){
  #comunidad .comunidadSection .textContainer #first{font-size: .8em;}
  #comunidad .comunidadSection .textContainer #second{font-size: 0.9em;}
  #comunidad .comunidadSection .textContainer #third{font-size: 0.7em;}
  #comunidad .comunidadSection .textContainer #forth{font-size: 0.7em;}
}


#cmascomunidad{padding: 100px 0;}
#cmascomunidad .eapps-link{display: none;}
#cmascomunidad #title{text-align: center;}
#cmascomunidad #title a{font-family: 'PT Sans', sans-serif;color: var(--dark-color);text-decoration: none;}
#cmascomunidad .container{width:90%;margin:0 auto;max-width: 1280px;}
#cmascomunidad .postsContainer{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;}
#cmascomunidad .postCard{width:100%;overflow:hidden;position: relative;}
#cmascomunidad .postCard .iconContainer{position: absolute;top: 10px;right: 10px;}
#cmascomunidad .postCard .iconContainer svg{fill: var(--white-color);}
#cmascomunidad .postCard img{width:100%;}
#cmascomunidad #instagramLoadMore{text-align: center;}
#cmascomunidad #instagramLoadMore button{outline: none;border: 0;box-shadow: 0 1px 3px var(--background-color-transparent);border-radius: 10px;background: var(--third-color);color: var(--white-color);padding: 15px 20px;font-family: 'PT Sans', sans-serif;font-size: 1.5em;transition: all 300ms ease-in;
}
#cmascomunidad #instagramLoadMore button:hover{cursor: pointer;background: var(--primary-color);color: var(--dark-color);}

@media(max-width:1080px){
	#cmascomunidad .postsContainer{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:550px){
	#cmascomunidad .postsContainer{grid-template-columns:repeat(2,1fr);}
}






















footer{padding: 100px 0 25px 0;background-color: var(--dark-color);}
footer #footer1{display: grid; grid-template-columns: 100px auto;grid-gap: 10px;}
footer #footer1 figure{margin: 0;}
footer #footer1 img{width: 100%;}
footer #footer1 h2{padding: 0;margin: 0;font-size: 2.2em;color: var(--background-color);font-weight: 300;}
footer #footer1 h3{padding: 0;margin: 0;font-size: 1.7em;color: var(--white-color);}
footer #footer2 a button{display: grid;align-items: center;padding: 10px 50px;background: transparent;border: 2px solid var(--primary-color);font-size: 1em;font-weight: 800;color:var(--background-color);border-radius: 10px;margin-top: 20px;font-family: 'PT Sans', sans-serif; }
footer #footer2 a button:hover{cursor: pointer;}

footer #footer3{margin: 25px auto;display: grid;grid-template-columns: 1fr 2fr;border-bottom: 1px solid var(--background-color);padding: 10px 0;align-items: center;justify-content: space-evenly;}
footer #footer3 div:first-child p{color: var(--white-color);font-weight: 800;}
footer #footer3 div:first-child a{color: var(--background-color);font-weight: 800;font-size: .9em;}
footer #footer3 div:first-child a span{color: var(--third-color);}
footer #footer3 div:nth-child(2){position:relative;text-align: right;}
footer #footer3 div:nth-child(2):after{content: '';position:absolute;background-color: var(--primary-color);bottom: -21px;right: 180px;width: 2px;height: 50px;}
footer #footer3 div:nth-child(2) p{color: var(--background-color);font-weight: 800;display: inline;}
footer #footer3 div:nth-child(2) a{color: var(--background-color);font-weight: 800;display: inline;padding: 0 0 0 35px;}
footer #footer3 .faqBtn:hover{cursor: pointer;}

footer #footer4{display: grid;grid-template-columns: auto auto 130px;}
footer #footer4 p{color: var(--background-color);font-size: .9em;}
footer #footer4 a{color: var(--background-color);font-size: .9em;}
footer #footer4 .socialMediaContainer{position: unset;opacity: 1;border: 0; padding: 0;grid-template-columns: repeat(4, 25px);grid-gap: 10px;}
footer #footer4 .socialMediaContainer svg path{fill: var(--third-color);}

@media(max-width: 850px){
  footer #footer4{display: grid;grid-template-columns: auto auto;grid-gap: 10px;}
  footer #footer4 .socialMediaContainer{grid-column-start: 1;grid-column-end: 3;margin: 0 auto;width: 165px;}
}

@media(max-width: 768px){
  footer #footer4{display: grid;grid-template-columns: auto;text-align: center;}
  footer #footer4 .socialMediaContainer{grid-column-start: 1;grid-column-end: 2;grid-template-columns: repeat(4, 30px) !important;}
}
@media(max-width: 650px){
  footer #footer3{grid-template-columns: 1fr;text-align: center;grid-gap: 20px;}
  footer #footer3 div:nth-child(2){text-align: center;}
  footer #footer3 div:nth-child(2) p{display: block;}
  footer #footer3 div:nth-child(2) a{margin: 0;padding: 0;display: block;}
  footer #footer3 div:nth-child(2):after{opacity: 0;}

}
@media(max-width: 550px){
  footer{padding: 50px 0;}
  footer #footer1{grid-template-columns: auto;}
  footer #footer1 figure{margin: 0 auto;max-width: 120px;}
  footer #footer1 h3{font-size: 1.5em;text-align: center;}
  footer #footer1 h2{font-size: 2em;text-align: center;}
  footer #footer2 a button{margin: 20px auto 0 auto}
}

@media(max-width: 320px){
  footer #footer1 h3{font-size:1em ;}
  footer #footer1 h2{font-size: 1.5em;}
}