/* body{
  background-color: #f5f5f7;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

#l-header{
  background-color: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  padding: 16px 0px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 9;
  transition: all 0.2s ease-in-out;
}

.logo-img{
  max-width: 200px;
}

.white-logo{
  display: block;
}
.black-logo{
  display: none;
}

#l-header.cc a{
  color: white;
}

#l-header.scrolled{
  background-color: #ffffff;
}

#l-header.scrolled .white-logo{
  display: none;
}

#l-header.scrolled .black-logo{
  display: block;
}


#l-header.scrolled a{
  color: black;
}


.btn-empty-header{
  font-family: 'Chanel';
  font-weight: bold;
  padding: 8px 12px;
  color: #2c3e50;
  font-size: 16px;
  transition: all 0.2s linear;
}

.btn-empty-header:hover{
  color: #fe5900;
}

.btn-header{
  font-family: 'Chanel';
  font-weight: bold;
  padding: 8px 12px;
  color: #ffffff !important;
  font-size: 16px;
  transition: all 0.2s linear;
  background-color: #fe5900;
  border-radius: 8px;
}

.btn-header:hover{
  background-color: #fe5900;
  color: #ffffff !important;
  transform: translateY(-4px);
}

.img-main{
  animation: bounce 2s linear infinite;
}

@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50%{
    transform: translateY(-8px);
  }
  100% {
    transform: rotate(0px);
  }
}

.underline{
  text-decoration: underline solid 2px #ffc7a9;
}

.l-main{
  position: relative;
}

.l-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #fe5900 10%, #fe5900 45%, transparent 45%, transparent 100%);
  opacity: 0.05;
  z-index: 1;
}

.desc{
  color: #535d6bcc;
}

.l-services .m-section{
  border-radius: 12px;
  background-color: #ffffff;
  padding: 100px;

  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 850px;
}

@media (max-width: 992px) {
  .l-services .m-section{
    padding: 50px;
  }
}

@media (max-width: 768px) {
  .l-services .m-section{
    height: 700px;
  }
}

.l-whys .why-icon{
  border-radius: 50%;
  background-color: #ffeee4;
  color: #fe5900;
  height: 70px;
  width: 70px;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.why{
  padding: 20px 10px;
  margin-bottom: 30px;
  border-radius: 12px;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}

.why:hover{
  transform: translateY(-4px);
}

.why:hover .why-icon{
  background-color: #fe5900;
  color: white;
}

.benefit{
  padding: 20px;
  border-radius: 12px;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}

.benefit .benefit-icon{
  border-radius: 50%;
  background-color: #ffeee4;
  color: #fe5900;
  height: 70px;
  width: 70px;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}

.benefit:hover .benefit-icon{
  background-color: #fe5900;
  color: white;
}

.thumbnail-demo{
  aspect-ratio: 16 / 9;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 16px;
}

.thumbnail-demo .hover-thumbnail-demo{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}

.thumbnail-demo .hover-thumbnail-demo .play-button{
  color: white;
  font-size: 72px;
}

.l-footer{
  padding: 50px 50px 10px;
  background-color: #181818;
}

.l-footer .logoM{
  max-width: 300px;
  height: auto;
}

.l-footer .container-social a{
  border: 1px solid #ffffff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
  transition: all 0.5s;
}

.l-footer .container-social a:hover{
  border-color: #fe5900;
  color: #fe5900
}

.l-footer .container-contact a{
  color: white;
}

.l-footer .container-contact a:hover{
  color: #fe5900;
}

.l-footer .container-copy{
  color: #ffffff;
  opacity: 0.75;
}
.l-footer .container-legal a{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b6b6b;
  font-size: 16px;
  transition: all 0.5s;
}

.l-footer .container-legal a:hover{
  color: #fe5900
}










































.l-intro{
  position: relative;
  contain: paint;
  z-index: 3;
  height: 300vh;
}

.intro-contenido{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: sticky;
  z-index: 4;
  top: 0px;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-contenido::before{
  content: "";
  position: absolute;
  background-color: #000;
  opacity: 0.6;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.video-cc{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  filter: brightness(0.15);
  object-fit: cover;
}

.l-intro2{
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

.l-intro2::before{
  content: "";
  position: absolute;
  background-color: #000;
  opacity: 0.65;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.service-benefit:hover i{
  transform: translateY(-4px);
}

.service-benefit:hover p{
  color: #fe5900;
}

.register-option{
  padding: 24px 16px;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  background-color: #ffffff;
}










.and-more{
  padding: 20px;
  border-radius: 12px;
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
  margin-bottom: 30px;
}

.and-more .and-more-icon{
  border-radius: 50%;
  background-color: #ffeee4;
  color: #fe5900;
  height: 70px;
  width: 70px;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}

.and-more:hover .and-more-icon{
  background-color: #fe5900;
  color: white;
}

.show-capture-first{
  margin-top: 150px;
}

.show-capture-main{
  margin-top: 600px;
}

.show-capture-last{
  margin-bottom: 300px;
}

@media (max-width: 992px) {
  .show-capture-first{
    margin-top: 0px;
    margin-bottom: 50px;
  }

  .show-capture-main{
    margin-top: 0px;
    margin-bottom: 50px;
  }

  .show-capture-last{
    margin-bottom: 0px;
    margin-bottom: 50px;
  }
} */



body{background-color:#f5f5f7;font-family:"Poppins",sans-serif;font-size:15px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#l-header{background-color:#fff0;position:fixed;top:0;left:0;width:100%;height:auto;padding:16px 0;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:9;transition:all 0.2s ease-in-out}.logo-img{max-width:200px}.white-logo{display:block}.black-logo{display:none}#l-header.cc a{color:#fff}#l-header.scrolled{background-color:#fff}#l-header.scrolled .white-logo{display:none}#l-header.scrolled .black-logo{display:block}#l-header.scrolled a{color:#000}.btn-empty-header{font-family:'Chanel';font-weight:700;padding:8px 12px;color:#2c3e50;font-size:16px;transition:all 0.2s linear}.btn-empty-header:hover{color:#fe5900}.btn-header{font-family:'Chanel';font-weight:700;padding:8px 12px;color:#ffffff!important;font-size:16px;transition:all 0.2s linear;background-color:#fe5900;border-radius:8px}.btn-header:hover{background-color:#fe5900;color:#ffffff!important;transform:translateY(-4px)}.img-main{animation:bounce 2s linear infinite}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:rotate(0)}}.underline{text-decoration:underline solid 2px #ffc7a9}.l-main{position:relative}.l-main::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fe5900 10%,#fe5900 45%,transparent 45%,transparent 100%);opacity:.05;z-index:1}.desc{color:#535d6bcc}.l-services .m-section{border-radius:12px;background-color:#fff;padding:100px;background-position:bottom center;background-size:contain;background-repeat:no-repeat;height:850px}@media (max-width:992px){.l-services .m-section{padding:50px}}@media (max-width:768px){.l-services .m-section{height:700px}}.l-whys .why-icon{border-radius:50%;background-color:#ffeee4;color:#fe5900;height:70px;width:70px;min-width:70px;display:flex;justify-content:center;align-items:center;transition:all 0.2s ease-in-out}.why{padding:20px 10px;margin-bottom:30px;border-radius:12px;background-color:#fff;transition:all 0.2s ease-in-out}.why:hover{transform:translateY(-4px)}.why:hover .why-icon{background-color:#fe5900;color:#fff}.benefit{padding:20px;border-radius:12px;background-color:#fff;transition:all 0.2s ease-in-out}.benefit .benefit-icon{border-radius:50%;background-color:#ffeee4;color:#fe5900;height:70px;width:70px;min-width:70px;display:flex;justify-content:center;align-items:center;transition:all 0.2s ease-in-out}.benefit:hover .benefit-icon{background-color:#fe5900;color:#fff}.thumbnail-demo{aspect-ratio:16 / 9;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:16px}.thumbnail-demo .hover-thumbnail-demo{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:.4;display:flex;justify-content:center;align-items:center;border-radius:16px}.thumbnail-demo .hover-thumbnail-demo .play-button{color:#fff;font-size:72px}.l-footer{padding:50px 50px 10px;background-color:#181818}.l-footer .logoM{max-width:300px;height:auto}.l-footer .container-social a{border:1px solid #fff;border-radius:50%;height:40px;width:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;transition:all 0.5s}.l-footer .container-social a:hover{border-color:#fe5900;color:#fe5900}.l-footer .container-contact a{color:#fff}.l-footer .container-contact a:hover{color:#fe5900}.l-footer .container-copy{color:#fff;opacity:.75}.l-footer .container-legal a{display:flex;justify-content:center;align-items:center;color:#6b6b6b;font-size:16px;transition:all 0.5s}.l-footer .container-legal a:hover{color:#fe5900}.l-intro{position:relative;contain:paint;z-index:3;height:300vh}.intro-contenido{display:flex;align-items:center;justify-content:center;height:100vh;position:sticky;z-index:4;top:0;background-position:center;background-size:cover;background-repeat:no-repeat}.intro-contenido::before{content:"";position:absolute;background-color:#000;opacity:.6;top:0;left:0;width:100%;height:100%}.video-cc{position:absolute;top:0;left:0;width:100%;height:100vh;filter:brightness(.15);object-fit:cover}.l-intro2{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh}.l-intro2::before{content:"";position:absolute;background-color:#000;opacity:.65;top:0;left:0;width:100%;height:100%;z-index:0}.service-benefit:hover i{transform:translateY(-4px)}.service-benefit:hover p{color:#fe5900}.register-option{padding:24px 16px;border:1px solid #ebebeb;border-radius:12px;background-color:#fff}.and-more{padding:20px;border-radius:12px;background-color:#fff;transition:all 0.2s ease-in-out;margin-bottom:30px}.and-more .and-more-icon{border-radius:50%;background-color:#ffeee4;color:#fe5900;height:70px;width:70px;min-width:70px;display:flex;justify-content:center;align-items:center;transition:all 0.2s ease-in-out}.and-more:hover .and-more-icon{background-color:#fe5900;color:#fff}.show-capture-first{margin-top:150px}.show-capture-main{margin-top:600px}.show-capture-last{margin-bottom:300px}@media (max-width:992px){.show-capture-first{margin-top:0;margin-bottom:50px}.show-capture-main{margin-top:0;margin-bottom:50px}.show-capture-last{margin-bottom:0;margin-bottom:50px}}