body{
    background-color: #40009b;
    overflow-x: hidden;
    font-family: 'Montserrat Regular', sans-serif;
    font-weight: 400;
    color:#656565
}
::-moz-selection { /* Code for Firefox */
    color: #40009B;
    background: #fe9f0b;
  }
  
  ::selection {
    color: #40009B;
    background: #fe9f0b;
  }
h1,h2,h3,h4,h5{
    font-family: 'Montserrat Bold', sans-serif;
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat Regular';
    src: url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.z-index-0{
    z-index: 0;
    position: relative;
}
.z-index-1{
    z-index: 1;
    position: relative;
}
.z-index-2{
    z-index: 2;
    position: relative;
}
ul.unstyled li{
    list-style: none;
}
.overflow-visible{
    overflow: visible!important;
}
.overflow-hidden{
    overflow: hidden!important;
}
.border-none{
    border:none!important
}
.font-14{
    font-size: 0.875rem;
}
.border-transparent{
    border:transparent!important
}
.font-weight-normal{    
    font-family: 'Montserrat Regular';
}
.font-weight-bold{    
    font-family: 'Montserrat Bold', sans-serif;
}
.text-decoration{
    text-decoration: underline!important;
}
.text-primary{
    color: #2f0070!important;
}
.text-secondary{
    color: #7d30ea!important
}
.text-violet{
    color: #40009B!important
}
.text-purple{
    color:#6900cc
}
.text-orange{
    color:#FF9E00
}
.text-gray{
    color:#656565
}
header{
    z-index: 1;
    position: relative;
}
img.logo-banner{
    max-width: 500px;
    margin:0 auto;

}
.bg-banner{
    background-image: url(../img/banner.webp);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70%;
}
h2{
    font-size: 40px;
}
.mt-150{
    margin-top: 150px
}
.mb-150{
    margin-bottom: 150px
}
.circles-3{
    margin:0 auto;
    width: 500px;
}
section{
    margin-bottom:100px
}
.section{
    margin-bottom:0px

}
.logo{
    max-width: 300px;
    position: relative;
    left: 30px;
    top:3px
}
.btn-icon{
    background-color: transparent;
    padding: 0;
    border:none;
    height: 30px;
    display: block;
}
.border-radius{
    border-radius: 20px;
}
.margin-0-auto{
    margin:0 auto;
}
.box-blur{
    border: 1px solid #82fefe;
    border-radius: 20px;
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);    
    background-color: rgb(0,0,0,0.25);
}
.bg-purple-img{
    background-image: url(../img/bg-purple.svg);
    background-position: center;
    background-size: cover;
}
.bg-thumb::before{
    content: "";
    width: 100%;
    height: 100%;position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    background-image: url(../img/thumb.svg);
    background-position: right;
    background-size: auto;
    overflow: hidden;
    background-repeat: no-repeat;
}
.white-mask-banner-bottom:after{
    height: 359px;
    display: block;
    content: "";
    background-image: url(../img/white-mask-bottom.webp);
    background-repeat: no-repeat;
    background-position-x: center;
    position: relative;
    width: 100%;
    bottom: 191px;
    background-size: 110%;
    margin-bottom: -385px;
}
.btn-primary{
    background: transparent linear-gradient(0deg, #FF5A00 0%, #FFC600 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 12px 12px #0000004D;
    border: 2px solid #FF9E00;
    border-radius: 31px;
    opacity: 1; 
    padding:10px 40px;
    font-weight:600 ;border: 3px solid #82fefe;
    position: relative;
    text-decoration: none;
}

.btn-secondary{
    background: transparent ;
    border: 2px solid #FF9E00;
    border-radius: 31px;
    opacity: 1; 
    padding:18px 40px;
    font-weight:600 ;
    position: relative;
    text-decoration: none;

}
.btn-secondary:hover{
    text-decoration: none;
}
.btn-primary.btn-big{
    padding: 21px 62px;
    border-radius: 50px;
}
.btn-primary:after{
    content:"";
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: transparent;border: 2px solid #FF9E00;
    font-weight:600 ;
    right: 0;
    border-radius: 40px;
    top:0

}

.btn-primary:hover{
    
    border-color: #ffffff;
    text-decoration: none;
}
.btn-default{
    background:#40009b;
   /* box-shadow: 0px 12px 12px #0000004D;*/
    border: 2px solid #39008b;
    border-radius: 31px;
    opacity: 1; 
    padding:10px 40px;
    color:#fff

}
.btn-default:hover{
    background:#2f0070;
    color:#fff;
    text-decoration: none;
}
.btn-modal{    
    color:#fff;
    background:#7f37e5  ;
    border-radius: 31px;
    opacity: 1; 
    padding:10px 40px;
    font-weight:600 ;
    position: relative;

}
.btn-modal:hover{
    background-color: #fff;
}
.modal-purple{
    background-color: #40009b;
    color:#fff;
    border-radius: 30px;
    padding: 20px;
}
.modal-purple .modal-header,
.modal-purple .modal-footer{
    border:none!important
}
.modal-purple .modal-footer{
    justify-content: center;
}
.modal-purple .close{
    color: #fffbfb;
}
.modal input{
    margin-top:2px;
    border-radius: 5px;
    height: 40px;
    border:none
}
.displaced-top-40{
    position: absolute;
    top: -40px;
}
.displaced-rel-top-40{
    position: relative;
    top: -40px;
}
.displaced-fixed-left{
    left: -100px;
    bottom:100px;
    position: absolute;
}
.displaced-bottom{
    position: relative;
    bottom: -60px;
}
.displaced-bottom-fixed{
    margin-bottom:-21px;
}
.displaced-bottom-banner{
    position: relative;
    margin-bottom: -150px;
    z-index: 1;

}
.displaced-bottom-banner-fixed{
    padding-top: 100px;
    position: relative;

}
.banner-desafio .displaced-right{
    position: absolute;
    bottom: 31px;
    left: calc(50% - -99px);
}

.banner-desafio img{
    width: 100% ;
}
.banner-principal{
   /* background-image: url(../img/island-banner-02.webp);*/
    background-position-x: center;
    border-radius: 37px;
    height: 576px;
    margin-bottom: 61px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}/*
.banner-principal::before{
    content: "";
    background-image: url(../img/coconut.webp);
    background-size: cover;
    width: 260px;
    height: 380px;
    display: block;
    margin-left: 890px;
    top: 267px;
    position: absolute;

}*/
.sub-banner-principal{
    width:60%;
    margin:0 auto;
    margin-top:300px!important;
    position: relative;
    z-index: 2;
}
.vr-woman{
    margin:0 auto;
    width: 750px!important;
    position: absolute;
    bottom: 0;  
    top:55px;
}


.vr-woman img,
.vr-woman svg{
    width: 100%;    
    margin-right: -339px;
}
.vr-woman::before{
    content: "";
    background-image: url(../img/low-poly-tropical-02.webp);
    background-size: cover;
    width: 590px;
    height: 550px;
    margin-left: -90px;
    display: block;
    top: 357px;
    position: absolute;
}
.vr-woman::after{
    content: "";
    background-image: url(../img/tropical-plant-02.webp);
    background-size: cover;
    width: 550px;
    height: 578px;
    margin-left: 0px;
    display: block;
    right: -395px;
    top: 390px;
    position: absolute;
    margin-right: 0px;
}   
.size-4{
    font-size:27px;
}
.logo-purple{
    width: 200px;
    margin-bottom:10px;
    filter: invert(15%) sepia(87%) saturate(3467%) hue-rotate(262deg) brightness(70%) contrast(130%);
}

.fix-padding-top {
    padding-top: 50px;
    position: relative;
    padding-bottom: 160px;
}
.banner-cards{
    width: 90%;
    border-radius: 20px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    display: flex;padding: 0 111px;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url(../img/island-banner-01.webp);
}
.banner-cards:before{
    content: "";
    background-image: url(../img/tropical-plant-02.webp);
    background-size: cover;
    width: 400px;
    margin-left: -234px;
    height: 430px;
    margin-top: 180px;
    position: absolute;
}

.banner-cards:after{
    content: url(../img/log.webp);
    display: block;
    width: 25px;
    content: "";
    background-image: url(../img/log.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 290px;
    height: 437px;
    margin-top: 831px;
    margin-left: 760px;
    position: absolute;
}
.header-login{
    height: 55px;
}
@media (max-width:1330px){
    .banner-cards:after{
        margin-left: 660px;
    }

}
.cont-cards{
    position: relative;
    width: 80%;
    top:-100px;
    margin: 0 auto;
}
.cont-cards img{
    width:100%
}
.bg-purple-dark{
    background-color: #39008B;
}
.bg-transparent{
    background-color: transparent;
}
.border-3px{
    border-width: 3px!important;
}
.border-2px{
    border-width: 2px!important;
}
.border-purple{
    border:1px solid #8000ff
}
.border-purple-dark{
    border:1px solid #40009B
}
.border-orange{
    border:1px solid #ff7f00

}
.border-white{
    border:1px solid #fff;
}
.border-white-alpha{
    border:1px solid rgb(100,100,100,0.4)
}
.card{
    border-radius: 15px!important;
}
.card-purple{
    background-color: #7d30ea;
    color:#fff;
    border-radius: 15px;
    overflow: hidden;
}
.card-purple .card-img-top{
    height: 150px;
    overflow: hidden;
    margin: 0px;
}
.card-button{
    border: 1px solid #7f37e5!important;
}
.width-150{
    width: 150px;
}
.card-button.card-dark:hover,
.card-button.card-dark:active,
.card-button.card-dark:focus{
    background-color: #2f0070;
    border:1px solid #ff7f00!important
}
.w-80{
    width: 80%;
}
.card-purple .card-img-top-small{
    height: 110px;
    overflow: hidden;
    margin: 0px;
}
.card-purple .card-img-top img,
.card-purple .card-img-top-small img
{
    width: 100%;
}
.card-dark{
    background-color: rgb(0,0,0,0.1)
}
a.card-button{
    color:#Fff;
    text-decoration: none;
    margin-left: 0px!important;
}
a.card-button:focus,
a.card-button:active{
    color:#fff!important;
    background-color: #39008B!important;
}
a.card-button:focus span,
a.card-button:active span{

    color:#fff!important;
}
.btn-card-displaced-bottom-right{
    bottom: -22px;
    right: 20px;
    position: absolute;
}
.bg-purple-light{
    background-color:#5900c3
}
.border-purple-light{
    border-color:#5900c3
}
.bg-purple{
    background-color:#40009b!important
}
.bg-purple-dark{
    background-color:#39008b
}
.bg-violet{
    background-color:#7D30EA!important
}
.bg-dark-green{
    background-color: #02131b!important;
}
.bg-gray{
    background-color: #f4f4f4!important;
}
.bg-gradient-black:before{content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    top: 0;
    background: transparent radial-gradient(closest-side at 50% 50%, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.btn-icon{
    width: 35px;
    height: 35px;
}
.bgv-banner-home{
    background-color: #fff;
}
.main-header button.btn-icon{
    
    text-align: center;
    border-radius: 50px;
    padding: 4px; 
}
.main-header button.btn-icon:hover{    
    
    background: #6510dd;
}
.menu-rrss a{
    text-align: center;
    border-radius: 50px;
    padding: 4px; 
}
.menu-rrss a:hover{
    background-color: #6510dd;
}
.btn-back{    
    content:"";
    display: block;
    border-radius: 50px;
    background: rgb(49,12,117);
    background: linear-gradient(0deg, rgba(49,12,117,1) 0%, rgba(121,28,240,1) 100%);
    padding:10px
}
.btn-back img{ 
    width: 55%;
    position: relative;
    top: -5px;
}
.card-transparent{
    background-color: transparent;
    color:#fff
}
.displaced-top{
    position: relative;
    top:-40px
}

.displaced-top-banner{
    position: relative;
    top:-150px;
    margin-bottom: -150px;
    overflow: hidden;
}
.displaced-top-banner-fixed{
    padding-bottom:90px!important
}
.card-group-displaced-top{
    width: 100%;
    position: relative;
    top:-40px
}
.banner-desafio::before{
    content: "";
    width: 518px;
    height: 361px;
    background-image: url(../img/rocks-with-grass.webp);
    background-repeat: no-repeat;
    background-size: cover;
    left: -110px;
    bottom: -68px;
    position: absolute;
    display: block;
}
.bg-island-gradient{
    background-image: url(../img/island-fondo.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-bottom:400px;
}
.banner-ia{
    width: 100%;
    height: 1300px;  
    border-top-left-radius: 53% 56%;
    border-top-right-radius: 50% 66%;
    margin-top: -167px;
    background-color: #40009b;
    background-position-y: -150px;
    overflow: hidden;
    position: relative;
    padding-bottom:200px
}
.bg-map{
    border-top-left-radius: 50% 13%;
    border-top-right-radius: 50% 13%;
    background-image: url(../img/map-texture.svg);
    background-size: 1840px;
    background-repeat: no-repeat;
    opacity: 0.2;
    background-position: center;
    background-position-y: -174px;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
}
.banner-ia .container{
    padding-top:160px
}

.banner-ia h2 {
    margin-top:60px
}

.banner-ia p.text-white{
    max-width: 400px;
    margin: 0 auto
}
.banner-island-ia{
    background-image: url(../img/island-banner-03.webp);
    height: 470px;
    width: 100%;
    background-position: center;
    border-radius: 20px;
    margin-top: 260px;
}
.banner-island-ia::after{
    width: 550px;
    height: 510px;
    content: "";
    background-image: url(../img/forest.webp);
    background-repeat: no-repeat;
    background-size: cover;
    left: 190px;
    bottom: -165px;
    position: absolute;
    display: block;

}
.banner-island-ia img{
    width: 270px;
    margin-top:-300px;
    margin-top: -240px;
    margin: 0 auto;
    margin-top: -137px;
    mix-blend-mode: hard-light;
}
.time-line{
    height: 300px;
}
.card-two-half{
    border:1px solid rgba(0, 0, 0, .2);
    border-radius: 20px;;
}
.card-img-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card-two-half .card-top{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #2f0070
}
.card-two-half .card-top img{
    width:53%;
    padding-top:20px
}

.card-two-half .card-bottom{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #39008b;
    padding: 20px;
}
.banner-company img{
    height: 100px;
    margin-top: 100px;
}

.banner-company {
    padding-top:100px;
    padding-bottom: 30px;
    border: 1px solid #6510dd;
    border-radius: 20px;
    position: relative;    
    overflow: hidden;
}
.banner-company::after{
    content: "";
    background-image: url(../img/tropical-plant-02.webp);
    width: 400px;
    height: 400px;
    display: block;
    top: 41px;
    left: -183px;
    position: absolute;
    background-size: cover;
}
.banner-company::before{
    content: "";
    background-image: url(../img/tropical-plant-02.webp);
    width: 410px;
    height: 440px;
    display: block;
    top: 20px;
    right: -213px;
    position: absolute;
    background-size: cover;
}
.banner-company p{
    max-width:500px;
    padding:0 20px;
    margin: 0 auto
}
.py-150{
    padding-top:150px;
    padding-bottom:150px
}
.title-company{
    position: relative;
    bottom: -21px;
    width: 410px;
    margin: 0 auto;
    z-index: 1;
}
.white-mask-banner-bottom::before{
    content: "";
    background-image: url(../img/3-filters.svg);
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top:-80px;
    display: block;
    mix-blend-mode: hard-light;
    background-position-y:80px ;
    opacity: 1;
}
.rock-shine{
    position: relative;
}
.rock-shine::before{
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    background-image: url(../img/brillo-diamante.svg);
    background-size: 100%;    
    background-repeat: no-repeat;
    mix-blend-mode: plus-lighter;
    opacity: 0.5;

}
.light-banner{
    width: 100%;
    height: 100%;
    position: absolute;
    mix-blend-mode: soft-light;
    z-index: 1;
    top:100px
}
.light-banner:before{
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/light-purple.svg);
    background-size: 50%;
    position: absolute;
    background-position-y: 258px;
    display: block;
    background-repeat: no-repeat;
    mix-blend-mode: color-burn;
    background-position-x: center;
}
.light-banner:after{
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../img/light-pink.svg);
    background-size: 60%;
    position: absolute;
    background-position-x: center;
    background-position-y: 40px;
    display: block;
    background-repeat: no-repeat;
    mix-blend-mode: plus-lighter;

}
.logo-kunapak{
    max-width: 200px;
}
footer{
    padding-bottom:50px
}
footer .logo-purple{
    margin-bottom:60px
}
.modal-dialog {
    padding-top:200px
}
.modal-menu{
    height: 100%;
    padding: 0px;
}
.modal-menu .modal-body{
    flex: inherit;
}

.modal-menu .menu-rrss-movil{
    display:none!important
}

#menuModal{
    padding-right: 0px!important;
    margin:0px;
    border-radius: 0px!important;
}

#menuModal .modal-dialog{
    left: 0;
    position: absolute;
    height: 100%;
    padding-top: 0px;
    margin: 0px;
}
#menuModal .modal-purple{    
    border-radius: 0px;
}
#menuModal .modal-body{
    padding-top:100px
}

#menuModal ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
    border-left: 1px solid #fff;
}
#menuModal ul li a{
    color:#fff;
    font-weight: 700    ;
}

#menuModal ul li a:hover{
    text-decoration: none;
    color:#FF9E00
}
.modal-video{
    max-width: 1200px;
    padding-top: 0px;
}
.modal-video iframe{
    width: 100%;
    height: 100%;
}
.modal-video .modal-body{
    height: 700px;
}
.banner-items .watermark{
    display:none!important
}
.circles-cont{
    position: relative;
}
.circles-cont .img-circle{
    display: block;
    position: absolute;
}
.img-circle.machupichu-circle{
    right: -90px;
    bottom: -370px;
}
@media (max-width:1330px){
    .img-circle.machupichu-circle {
        right: -40px;
    }
}
.circles-cont .img-circle.torres-circle{
    left: 0;
}
.blog-section aside .card ul {
    padding: 0px;
}

.no-bullet {
    list-style: none;
}
.menu-rrss-footer{
    margin:0 auto
}
.menu-rrss.menu-rrss-footer a {
    text-align: center;
    border-radius: 50px;
    padding: 6px;
}
.blog-section article{
    color:#fff
}
.blog-section .card{
    border-radius: 30px;
    padding:20px
}
.blog-section a{
    color:#FF9E00
}
.blog-section article img {
    width: 100%;
}
.blog-section .comments .card{
    color:#2f0070
}
.blog-section .card h3{
    color:#2f0070
}
.blog-section img {
    border-radius: 30px;
}
#menuModal .logo {
    max-width: 300px;
    position: relative;
    left: auto!important;
    top: auto!important;
}
.logo-login{
    width: 400px;
    background-color: #40009b;
    position: relative;
    top:20px;
    height: auto;
    z-index: 1;
    padding: 20px 40px;
}
.logo-login img{
    width: 400px;

}
.login::after {
    content: "";
    background-image: url(../img/tropical-plant-left.webp);
    width: 120px;
    height: 400px;
    display: block;
    top: 80px;
    background-size: 50%;
    left: 0px;
    position: absolute;
    background-size: 120px;
    background-repeat: no-repeat;
}
.login::before {
    content: "";
    background-image: url(../img/tropical-plant-right.webp);
    width: 120px;
    height: 400px;
    display: block;
    top: 80px;
    left: auto;
    background-size: 50%;
    right: 0px;
    position: absolute;
    background-size: 120px;
    background-repeat: no-repeat;
}
.card-form {
    padding-top: 100px;
    padding-bottom: 30px;    
    border: 1px solid #6510dd;
    border-radius: 20px;
    position: relative;
    padding: 40px 89px;
}   
.login .displaced-bottom{
    position: relative;
    bottom: -21px;
    left: auto;
    top: -34px;

}
.login .btn-default, .login .btn-primary {
    box-shadow: none;
}
.purple-form {
    margin:0 auto
}
.login .purple-form {
    max-width: 500px;
}
.purple-form input,
.purple-form input.is-valid,
.purple-form textarea,
.purple-form select{
    color:#fff;
    background-color: rgb(0,0,0,0.1);
    border-color: #2f0070
}

.purple-form textarea{
    height: 100px;
}

.purple-form textarea::placeholder{
    color:#fff
}
.purple-form input::placeholder{
    color:#fff
}
.purple-form input.input-border-bottom{
    background-color: transparent!important;
    border:transparent;
    border-radius: 0;;
    border-bottom: 2px solid #7d30ea!important;
}
.purple-form input.input-border-bottom:active, 
.purple-form input.input-border-bottom:focus,
.purple-form select.input-border-bottom:active, 
.purple-form select.input-border-bottom:focus,
.purple-form textarea.input-border-bottom:active, 
.purple-form textarea.input-border-bottom:focus {
    border:1px solid;
    border-radius: 0.25rem;
    color:#fff!important;
    background-color: rgb(0,0,0,0.1)!important;
    border-color: #2f0070!important;
    box-shadow: none;
}
.banner-register{
    padding: 20px;  
    border-radius: 20px;
}
.login .btn-primary{
    border: solid 3px #7f37e5;
    padding: 18px 40px;
    border-radius: 50px;
}
.login .btn-default:hover{
    color:#fff;
    background-color: #2f0070;
}
.login .btn-default:hover,
.login .btn-primary:hover{
    text-decoration: none;
}
.login .card{
    border-radius: 20px;
}
span.icon-quest:before{
    content:"?";
    color:#000;
    font-size: 14px;
    background-color: #fff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: block;
}
span.icon-exclamation:before{
    content:"!";
    color:#000;
    font-size: 14px;
    background-color: #fff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: block;
}
.login .btn-default{
    max-height: 49px;
}
.register::before, .register::after{
    content: none;
}
a.btn-rounded{
    border:1px solid #771cfb;
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(48,12,115,1) 0%, rgba(121,28,255,1) 100%);
}
a.btn-rounded.fixed-corner-right{
    z-index: 1;
}
.icon-back::before{
    content: "";
    width: 40px;
    height: 52px;
    margin: 0 auto;
    background-image: url(../img/chevron-arrow-back.webp);
    background-position: center;
    background-size: 30%;
    background-repeat: no-repeat;
    display: block;    
}

.icon-close::before{
    content: "";
    width: 40px;
    height: 52px;
    margin: 0 auto;
    background-image: url(../img/x.svg);
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    display: block;    
}
.icon-home::before{
    content: "";
    width: 40px;
    height: 52px;
    margin: 0 auto;
    background-image: url(../img/ico-home.svg);
    background-position: center;
    background-size: 53%;
    background-repeat: no-repeat;
    display: block;    
}
.absolute-corner-right{
    position: absolute;
    right: 10px;
    top:-10px
}
.fixed-corner-right{
    position: fixed;
    right: 10px;
    top:10px
}
.fixed-bottom-right{
    position: fixed;
    right: 20px;
    bottom:20px
}
.col-fixed{
    position: fixed;
    right: 0px;
    top:0px;
    height: 100%;
}
.circle-purple{
    background-color: #2f0070;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
}

.circle-purple.icon-camera::after{
    content:"";
    background-image: url(../img/telegram-ico.svg);
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.avatar{
    overflow: hidden;
    padding-top: 10px;
}
.avatar img{
    width: 100%;
}
.btn-primary.btn-fit{
    width: fit-content;
    margin:0 auto
}
.card-dark .btn-default{
    border: 1px solid #a751fc;
    background: transparent;
}
.btn-square{
    width: 50px;
    height: 50px;
    background-color: #2f0070;
    border-radius: 10px;
    display: block;
    position: relative;

}
.icon-user::before{
    content:"";
    background-image: url(../img/icon-perfil.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-alert::before{
    content:"";
    background-image: url(../img/icon-alerta.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-config::before{
    content:"";
    background-image: url(../img/icon-configure.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-joystick::before{
    content:"";
    background-image: url(../img/icon-joystick.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-game::before{
    content:"";
    background-image: url(../img/icon-game.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-pin::before{
    content:"";
    background-image: url(../img/icon-pin.svg);
    width: 30px;
    height:30px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-video::before{
    content:"";
    background-image: url(../img/icon-cinema.svg);
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center; 
    background-repeat: no-repeat;
    display: block;
}
.icon-small{
    width: 20px;
}
.icon-btn{
    width: 30px;
    height: 30px;
}
.icon-3d{
    width: 45px;
    height: 45px;
    
}
.notification{
    display: inline;
    position: relative;
    text-align: left;
    width: 100%;
    background-color: #39008B!important;
    border:1px solid #2f0070
}

.notification-completed{
    background-color: transparent!important;
    border:1px solid #6510dd
}
.notification-completed .tag-coin{
    background-color: #4c9f47;
    border:1px solid #4c9f47
}
.tag-coin{
    border: 1px solid #6510dd;
    border-radius: 30px;
    padding: 2px 9px 2px 27px;
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    font-size: 14px;
}
.coin::before{
    content: "";
    background-image: url(../img/gold.webp);
    width: 20px;
    height: 20px;
    background-size: 70%;
    left: 8px;
    background-position: center; 
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;

}
.stick-white::after{
    content:"";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    background-color: #fff;
    position: fixed;
}
.stick-white::before{
    content:"";
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: block;
    background-color: rgb(0,0,0,0.3);
    border:1px solid #fff;
    position: fixed;
    backdrop-filter: blur(2px);
}
.stick-white.stick-left::after{
    left: 55px;
    bottom: 55px;
}
.stick-white.stick-left::before{
    left:20px;
    bottom: 20px;
}
.stick-white.stick-right::after{
    right: 55px;
    bottom: 55px;
}
.stick-white.stick-right::before{
    right:20px;
    bottom: 20px;
}
.badge-orange{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ff7f00;
    color: #fff;
    top: -7px;
    right: -8px;
    text-align: center;
    position: absolute;
    z-index: 1;
    font-size: 14px;
}
.grid-items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.grid-items a{
    margin:6px
}
.grid-items a:hover,
.grid-items a:hover h6,
.grid-items a:hover p,
.grid-items a:active h6,
.grid-items a:active p,
.grid-items a:focus h6,
.grid-items a:focus p,
.gallery-horizontal a:hover,
.gallery-horizontal a:hover h6,
.gallery-horizontal a:hover p,
.gallery-horizontal a:active h6,
.gallery-horizontal a:active p,
.gallery-horizontal a:focus h6,
.gallery-horizontal a:focus p{
    text-decoration: none!important;
    color:#fff!important;
}
.grid-items a:hover,
.grid-items a:active,
.grid-items a:focus{
    border: 1px solid #7f37e5!important
}
.gallery-horizontal a:hover{
    background-color: #2f0070;
}

.gallery-horizontal a:hover,
.gallery-horizontal a:active,
.gallery-horizontal a:focus{
    filter:none
}
.card-small .card-img-top{
    height: 100px;
}
.card-small .card-body{
    padding: 7px;
}
.gallery-horizontal{
    display: flex;
    overflow-x: scroll;
}
.gallery-horizontal li{
    min-width: 280px;
    margin-right: 10px;
}
.gallery-horizontal li:first-child{    
    margin-left: 20px;
}
.gallery-horizontal li:last-child{    
    margin-right: 20px;
}
.bg-paine-blur{
    background-image: url(../img/paine-blur.webp);
    background-size: cover;
}
.bg-island-3d{
    background-image: url(../img/island-banner-02.webp);
    background-size: cover;
    background-position: right;
}
.textbg-darfixed-small{
    font-size: 12px;
}
.border-glass{
    border:none
}
.border-glass::before{
    width: 105%;
    height: 119%;
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    background-color: red;
}
.bg-black-alpha-blur{
    background-color: rgb(0,0,100,0.3);
    backdrop-filter: blur(10px);
}
.bg-dark-alpha{
    background-color: rgb(0,0,86,0.4);
}
.bg-white-alpha{
    background-color: rgb(100,100,100,0.4);
}
.tab-purple .nav-tabs {
    border:none
}
.bg-black{
    background-color: #000;
}
.tab-purple .nav-tabs .nav-link{
    border-radius: 10px;
    background-color: transparent;
    color:#fff;
    border:none;
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid #8000FF
}
.tab-purple .nav-tabs .nav-link.active{
    background-color: #8000FF;
}
.bg-circle-exp{    
    background-image: url(../img/esfera-orbe.webp);
    background-repeat: no-repeat;
    background-size: 375px;
    background-position: top;
    height: 100%;
}
    .move-left{
    position: relative;
    left:-30px
}
.spinner-border{
    width: 60px;
    height: 60px;
}
.cont-spinner{
    width: 60px;
    height: 60px;
    background-image: url(../img/icon-game.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    display: block;
}
.cont-spinner-exit{
    width: 60px;
    height: 60px;
    background-image: url(../img/icon-omitir.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    display: block;
}
.list-check li{  
    content:"";
    list-style-image: url(../img/check-purple.svg);

}
.timeline-vertical{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2f0070;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -50px;
}
.timeline-vertical::before{
    content:"";
    display: block;
    width: 2px;
    height: 100%;
    background-color:#2f0070;
}
ul.list li{
    margin-bottom: 10px;
} 

ul.no-list li{
    margin-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
} 
ul.no-list{
    margin-left: 0px;
    padding-left: 0px;
}
.banner-two-sides-purple .col-md-6:first-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    display: block;
    width: 100%;
    height: 100%;
}
.banner-two-sides-purple .col-md-6:last-child{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    display: block;
    width: 100%;
    height: 100%;
}
.banner-two-sides-purple{    
    background-color: #7D30EA!important;
    border-radius: 40px;
    overflow: hidden;
}
.banner-two-sides-purple-full{    
    background-color: #7D30EA!important;
}
.banner-two-sides-purple-dark-full{    
    background-color: #40009B!important;
}


.banner-two-sides-purple h2.big-title,
.banner-two-sides-purple-dark-full h2.big-title{
    position: absolute!important;
    top: calc(50% - 65px);
    right: calc(50% - 95px);
}
.banner-two-sides-purple-full .col-md-6:first-child  {
    background-position: right;
}
.banner-two-sides-purple-dark-full .col-md-6:first-child{

}
.right-side-banner{
    max-width: 500px;
}
.left-side-banner{
    margin-left:35%;
}
.main-banner-interior{
    background-position: center;
    background-size:cover;
    background-color: #2f2b2a;
    background-repeat: no-repeat;
    min-height: 800px;
}
.bg-proyecto{
    background-image: url('../img/banner-proyecto.webp');
    background-size: cover;  
}
.bg-app{
    background-image: url(../img/banner-app.jpg);  
    padding: 0px!important;
    position: relative;
    z-index: 0; 
}
.bg-empresa{
    background-image: url(../img/banner-empresa.webp);   
}
.bg-mercado-objetivo{
    background-image: url(../img/banner-mercado.webp);
    background-repeat: no-repeat;
}
.bg-tec-asociadas{
    background-image: url(../img/vr-mano.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-o2030{
    background-image: url(../img/banner-o2030.webp);
    background-repeat: no-repeat;
}
.vr-dark{
    background-image: url(../img/banner-vr-dark.webp);
    background-size: cover;
    background-position: bottom;
    padding-top:300px
}
.bg-FeaturesAditional{
   
    background-image: url(../img/bg-FeaturesAditional.jpg);
    background-size: cover;
    background-position: center;
    height: 600px;

}
.bg-FeaturesAditional img{
   
margin-top:150px
}
.big-title{
    font-size: 100px;
}
.super-big-title{
    font-size: 200px;
}
.ico-100x100 img{
    width: 100px!important;
    height: 100px;
}
.ico-75x75 img{
    width: 75px!important;
    height: 75px;
}
.ico-50x50 img{
    width: 50px!important;
    height: 50px;
}
.ico-25x25 img{
    width: 25px!important;
    height: 25px;
}
.d-sm{
    display:none
}/*
.clip-dino-3d::before{
    content: '';
    background-image: url(../img/dino-3d.webp);
    background-size: cover;
    width: 700px;
    height: 700px;
    display: block;
    position: absolute;
    top: 267px;
    right: 0px;
}*/
.clip-mago-3d::before{
    content: '';
    background-image: url(../img/avatar-rapanui.webp);
    background-size: cover;
    width: 649px;
    height: 746px;
    display: block;
    position: absolute;
    top: 267px;
    right: 100px;
    z-index: 1;
}
.clip-seagull-3d::before{
    content:'';
    background-image: url(../img/seagul-3d.webp);
    background-size: cover;
    width: 600px;
    height: 400px;
    position: absolute;
    top:0px;
    left:30%

}
.clip-ufo-3d::before{
    content: '';
    background-image: url(../img/ufo-3d.webp);
    background-size: cover;
    width: 590px;
    height: 300px;
    display: block;
    position: absolute;
    top: 637px;
    left: calc(50% - 300px);
}
.calendar-img{
    width: 80%;
}
.cont-calendar-img::after{
    content:'';
    height:25%;
    border:1px solid #40009c;
    width: 2px;
    display: block;
    position: absolute;
    bottom:0px;
    z-index: 1;
    text-align: center;
    left: 50%
}
.carousel-features{
    height: 200px;
}
.carousel-control-purple .carousel-control-prev-icon, 
.carousel-control-purple .carousel-control-next-icon{
    filter: invert(61%) sepia(77%) saturate(335%) hue-rotate(199deg) brightness(99%) contrast(87%);
}
.carousel-features .carousel-control-prev, 
.carousel-features .carousel-control-next {
    width: auto;
}

#FeaturesSlider-cont .lSAction > a {
    filter: invert(1)!important;
}
#FeaturesSlider-cont .lSAction > .lSPrev{
    left: 0;
}
#FeaturesSlider-cont .lSAction > .lSNext{
    right: 0;
}
#FeaturesSlider ul.lSPager{
    margin-top: 40px!important;
}
#FeaturesSlider-cont .lSSlideOuter .lSPager.lSpg > li a{
    background-color: #ffb100;
}
#FeaturesSlider-cont .lSSlideOuter .lSPager.lSpg > li:hover a, 
#FeaturesSlider-cont .lSSlideOuter .lSPager.lSpg > li.active a{
    background-color: #40009B
}
@media (max-width:1800px){
    video.glitch{
        height: 910px;
    }
}
@media (max-width:1199px){
    .vr-woman {
        width: 680px!important;
    }
    .vr-woman img,
    .vr-woman svg{  
        margin-right: -239px;
    }
    .white-mask-banner-bottom:after{
        bottom: 170px;
        margin-bottom: -429px;
    }
    .vr-woman::before{
        margin-left: -290px;
    }
    .vr-woman::after {
        right: -272px;
        width: 400px;
        height: 400px;
    }
    .fix-padding-top {
        padding-bottom: 0;
    }
    .banner-ia {
        border-top-left-radius: 50% 37%;
        border-top-right-radius: 50% 37%;
    }
    .bg-map{
        background-position-y: -444px;
    }
    .light-banner:before {
        background-size: 90%;
    }
    .banner-principal {
        height: 476px;
        margin-bottom: 117px;
    }
    .banner-cards:after {
        margin-left: 512px;
    }
    .img-circle.machupichu-circle {
        right: 0px;
    }
    .light-banner:before{        
        background-position-y: 231px;
    }
    .light-banner:after {
        background-position-y: 160px;
    }
    .banner-principal::before {
        width: 260px;
        height: 380px;
        margin-left: 695px;    
        top: 221px;
    }
    .banner-desafio .displaced-right {
        position: absolute;
        bottom: 31px;
        left: calc(50% - -65px);
    }
    .img-circle.machupichu-circle {
        bottom: -273px;
    }
    
    .main-banner-interior{    
        background-size: cover!important;
    }
    .cont-calendar-img::after{
        display: none!important;
    }
    .banner-two-sides-purple img{
        
    width: 132% !important;
    left: -140px;
    position: relative;
    }
    .left-side-banner {
        margin-left: 20px!important;
    }
    .bg-FeaturesAditional {
        height: 500px;
    }
    .bg-FeaturesAditional {
        height: 410px;
    }

}
@media (max-width:991px){
    .vr-woman{
        width: 580px!important;
        top:50px;
    }
    .white-mask-banner-bottom:after{          
        bottom: 105px;
        margin-bottom: -337px;
    }
    .sub-banner-principal {
        width: auto;
        margin-top: 206px!important;
    }.banner-principal {
        height: 364px;
    }
    .vr-woman img,
    .vr-woman svg {
        width: 100%;
        margin-left: -270px;
    }
    .vr-woman::before {
        margin-left: -320px;
        display: block;
        top: 237px;
        position: absolute;    
        bottom: 170px;
    }
    .vr-woman::after {
        bottom: 140PX;
        right: -129px;
        width: 400px;
        height: 400px;
        top: 310px;
    }
    .cont-cards{
        width: 100%!important;
    }
    .banner-cards{
        height: 470px!important;
    }
    .banner-cards:after{        
        margin-left: 290px!important;
    }
    .banner-cards:before{        
        height: 527px!important;
    }
    .banner-ia {
        border-top-left-radius: 50% 36%!important;
        border-top-right-radius: 50% 36%!important;
    }
    .light-banner:after{
        background-size: 100%;
    }
    .img-circle.machupichu-circle {
        right: 0px;
    }
    .banner-cards:before {
        height: 297px!important;
        width: 250px!important;
    }
    .banner-island-ia::after {
        left: 49px;
    }
    .light-banner:after{        
        background-position-y: 300px!important;
    }
    .banner-principal::before {
        width: 260px;
        height: 380px;
        margin-left: 454px;
        top: 111px;
    }
    .banner-desafio .displaced-right {
        position: absolute;
        bottom: 31px;
        left: calc(50% - -90px);
    }
    .w-100-sm{
        width: 100%!important;
    }
    .banner-two-sides-purple-full .col-md-6:first-child {
        background-position: right;
        background-size: cover;
    }
    .banner-two-sides-purple img{
        
    width: 100% !important;
    left: inherit;
    position: relative;
    }
    .clip-mago-3d::before {
        width: 380px;    
        height: 460px;
        top: 522px;
    }
    video.glitch{
            top: -50px;
    }
}
@media (max-width:768px){ 
    .vr-woman {
        top: 80px!important;
        width: 544px!important;
    }
    .sub-banner-principal {
        width: 85%;
        margin-top: 266px!important;
    }
    .white-mask-banner-bottom:after {
        bottom: 122px;
        margin-bottom: -400px;
    }
    .banner-principal {
        height: 300px;
        background-size: 194%;
        background-position-x: -171px;
        background-repeat: no-repeat;
        margin-bottom: 220px;
    }
    .vr-woman img,
    .vr-woman svg {
        width: 100%;
        margin-right: -89px;
    }
    h2{
        font-size: 30px;
    }
    .vr-woman::before {
        margin-left: -369px;
    }  
    .vr-woman::after {
        right: 0px;
        width: 300px;
        height: 300px;
    }
    .banner-desafio img{
        width: 100% ;
    }
    .banner-desafio::before {
        width: 420px;
        bottom: -119px;
    }
    .banner-cards:before{
        height: 527px;
        margin-left: -387px;
    }
    .banner-cards:after {
        margin-top: 765px!important;
        margin-left: 171px!important;
    }
    
    .banner-cards:before {
        content: "";
        background-image: url(../img/tropical-plant-02.webp);
        background-size: cover;
        width: 232px!important;
        margin-left: -155px;
        height: 250px!important;
        margin-top: 180px;
        position: absolute;
    }
    .banner-cards{        
        padding: 0 51px!important;
    }
    .banner-ia {
        border-top-left-radius: 50% 30%!important;
        border-top-right-radius: 50% 30%!important;
    }
    .banner-island-ia::after{
        left: 0px;
        width: 472px;
        height: 427px;
    }
    .banner-items figure{
        width:70%;
        margin: 0 auto
    }
    .banner-company::before {
        width: 250px;
        height: 250px;
        top: 231px;
        right: -132px;
    }
    .banner-company::after {
        width: 250px;
        height: 250px;
        top: 226px;
        left: -117px;
    }
    .light-banner:before{
        background-size: 101%;       
        background-position-y: 77px;
    }
    .light-banner:after {
        background-position-y: 240px;
        background-size: 100%;
    }    
    .banner-desafio .displaced-right{
        position: relative;
    bottom: 38px;
    left: auto;
    }
    .menu-rrss{
        display: none!important;
    }
    .anchor-right{
        display: block!important;
        background-color: transparent;
        width: 35px;
        height: 35px;
    }
    
    .modal-menu .menu-rrss-movil{
        display: flex!important;
    }
    .logo {
        left: auto;
    }
    .logo-login img{
        width: auto
    
    }
    .bg-map {
        background-position-y: -184px;
    }
    .banner-island-ia img {
        width: 50%!important;
        margin-top: -130px!important;
    }
    .banner-principal::before {
        margin-left: 280px;
        top: 149px;
    }
    .vr-woman::before {
        display: block;
        top: 260px;
        position: absolute;
        margin-left: -294px;
    }
    .banner-desafio::before {
        width: 420px;
        bottom: -149px;
    }
    .purple-form .form-group,.purple-form .form-group label {
        margin-bottom: 0px;
    }
    .cont-btn-login{
        z-index: 1;
    }
    .font-mobile h2, .font-mobile .h2 {
        font-size: 1.9rem !important;
    }
    .font-mobile h3, .font-mobile .h3 {
        font-size: 1.6rem !important;
    }
    .font-mobile h4, .font-mobile .h4 {
        font-size: 1.3rem !important;
    }
    .font-mobile h5, .font-mobile .h5 {
        font-size: 1.1rem !important;
    }
    .section-mobile section.section{
        padding-top:0px!important;
        margin-bottom: -1px!important;
    }
    .big-title{
        font-size: 52px!important;
    }
    .d-sm{
        display:block
    }
    .right-side-banner{
        max-width: inherit;
    }
    .w-100-sm{
        width: 100%!important;
    }
    .clip-seagull-3d::before {
        content: '';
        background-image: url(../img/seagul-3d.webp);
        background-size: cover;
        width: 280px;
        height: 200px;
        position: absolute;
        top: 190px;
        left: 40px;
    }
    .bg-proyecto {
        background-image: url(../img/banner-proyecto.webp);
        background-size: cover;        
        background-position-x: -490px;
    }
    .clip-mago-3d::before {
        content: '';
        background-image: url(../img/avatar-rapanui.webp);
        background-size: cover;
        width: 380px;    
        height: 460px;
        display: block;
        position: absolute;
        top: 522px;
        left: 0;
    }
    .banner-two-sides-purple-dark-full .row{
        margin:0px
    }
    .left-side-banner{
        margin-left: auto;
    }.clip-ufo-3d::before {
        content: '';
        background-image: url(../img/ufo-3d.webp);
        background-size: cover;
        width: 290px;
        height: 142px;
        display: block;
        position: absolute;
        top: 596px;
        left: calc(50% - 166px);
    }
    .cont-calendar-img::after{
        display: none;
    }
    .banner-two-sides-purple-full .right-side-banner {
        padding: 20px 0px!important;
    }   
    .text-center-sm{
        text-align: center!important;
    }
    .main-banner-interior {
        min-height: 670px;
    }
    h2.super-big-title {
        font-size: 60px!important;
    }.carousel-features {
        height: auto;
    }
    .mb-sm-60{
        margin-bottom: 60px!important;
    }
    .mt-sm-n80{
        margin-top:-80px!important
    }.displaced-top-banner-fixed {
        padding-bottom: 130px!important;
    }
    .bg-FeaturesAditional {
        background-image: url(../img/bg-FeaturesAditional.jpg);
        background-size: 100%;
        background-position: center;
        height: 330px;
        background-repeat: no-repeat;
    }
    .bg-FeaturesAditional img {
        margin-top: 41px;
    }
    video{
            top: -80px;
    }
}
@media (max-width:575px){
    .banner-principal{
        width: 90%;
        background-size: 250%;
    }
    .vr-woman {
        top: -193px!important;
        margin-left: 0;
        background-size: 150%;
        background-position-x: -144px;
        width: 90%!important;
    }
    .vr-woman img,
    .vr-woman svg {
        top: 266px; 
        position: relative;
        margin-left: -172px;
    }
     .sub-banner-principal {
        width: 85%;
        margin-top: 279px!important;
        padding: 38px!important;
    }
    .white-mask-banner-bottom{
        margin-bottom: 0px;
    }
    .vr-woman::before {
        margin-left: -60px;
        width: 320px;
        height: 290px;
        top: 427px;
    }
    .vr-woman::after{
        right: 70px;
        width: 250px;
        height: 250px;
        top: 531px;
    }
    .light-banner:after{        
        background-position-y: 210px;
        
        background-size: 130%;
    }
    .light-banner:before{        
        background-position-y: 107px;
    }
    .banner-ia {
        border-top-left-radius: 50% 16%!important;
        border-top-right-radius: 51% 16%!important;
    }
    .displaced-bottom-fixed{
        margin-bottom: 0px;
    }
    .displaced-bottom {
        position: relative;
        bottom: -40px;
    }
    .banner-cards:after {
        margin-top: 779px!important;
        margin-left: 91px!important;
    }
    .banner-island-ia {
        margin-top: 170px;
    }
    .banner-principal::before {
        margin-left: 54px;
        top: 240px;
        display: none;
    }
    .white-mask-banner-bottom:after {
        bottom: 222px;
        margin-bottom: -485px;
    }.fix-padding-top {
        padding-top: 220px!important;
    }
    .banner-desafio::before {
        width: 420px;
        bottom: -149px;
    }
    .circles-cont .img-circle.torres-circle {
        top: -95px;
    }
    .card-form{
        padding: 40px 30px;
        
    }
    .clip-ufo-3d::before {
        top: 600px;
        left: calc(50% - 152px);
    }

}

@media (min-width:320px) and ( max-width:470px){
    .vr-woman{
        top: -193px!important;
        margin-left: -37px;
        background-size: 150%;
        background-position-x: -144px;
        width: 102%!important;
    }
    .vr-woman img,
    .vr-woman svg{
        top: 266px;
        position: relative;
        margin-right: 0px;
        margin-left: 0px;
    }
    .white-mask-banner-bottom:after {
        bottom: 284px;
    }
    .white-mask-banner-bottom:after {       
        bottom: 104px;
        margin-bottom: -410px;
    }
    .sub-banner-principal {
        margin-top: 229px!important;
        padding: 25px!important;
    }
    section{
        margin-bottom: 0px;
        padding-bottom: 42px;
    }
    .vr-woman::before {
        margin-left: -60px;
        width: 320px;
        height: 290px;
        top: 327px;
    }
    .vr-woman::after{
        right: 70px;
        width: 250px;
        height: 250px;
        top: 531px;
    }
    .banner-ia {
        border-top-left-radius: 50% 5%!important;
        border-top-right-radius: 50% 5%!important;
    }
    .banner-island-ia img {
        width: 100%!important;
        margin-top: -191px!important;
    }
    .banner-island-ia::after{
        width: 711px;
        bottom: -118px;
        left: -242px;        
    }.title-company {
        position: relative;
        bottom: -33px;
        width: 175px;
        margin: 0 auto;
        z-index: 1;
    }
    .banner-company {
        height: 630px;
    }
    .banner-company::before {
        width: 250px;
        height: 250px;
        top: 360px;
        right: -134px;
    }
    .banner-company::after {
        width: 250px;
        height: 250px;
        top: 370px;
        left: -114px;
    }
    .light-banner:before {
        background-size: 121%;
        background-position-y: 287px;
    }
    .banner-ia {
        border-top-left-radius: 50% 12%!important;
        border-top-right-radius: 50% 12%!important;
    }
    header .logo{
        max-width: 150px;
    }
    .banner-ia .container {
        padding-top: 107px;
    }
    .banner-cards:after {
        margin-top: 749px!important;
        margin-left: -3px!important;
        width: 241px;
    }
    .banner-island-ia img {
        width: 50%!important;
        margin-top: -111px!important
    }
    .light-banner:before {
        background-size: 121%;
        background-position-y: 367px;
    }.banner-island-ia::after {
        width: 317px;
        height: 300px;
        bottom: -118px;
        left: 0;
    }
    .banner-island-ia {
        margin-top: 200px;
    }
    .banner-principal::before {
        margin-left: 54px;
        top: 240px;
    }
    .white-mask-banner-bottom {
        padding-bottom: 0px;
    }
    .white-mask-banner-bottom:after {
        bottom: 222px;
        margin-bottom: -485px;
    }
    .banner-principal {
        width: 100%;
        height: 330px;
        margin-bottom: 110px;
    }
    .fix-padding-top{
        padding-top: 220px!important;
    }
    .py-150{
        padding-top:50px;
        padding-bottom:50px
    }
    .banner-desafio .displaced-right {
        bottom: 50px;
    }
    .banner-desafio::before {
        bottom: -165px;
        width: 358px;
    }
    .bg-FeaturesAditional {
        height:260px;
    }
    #FeaturesSlider-cont{
        
    }
    video{
            top: 0px!important;
    }
    
}

/*Márgenes Bootstrap Movil*/
@media (max-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-00,
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .pb-6{
    padding-bottom: 1rem!important;
  }
  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

/*Márgenes extra*/
.mt-6{
    margin-top: 6rem
}
.mb-6{
    margin-bottom: 6rem
}
.pt-6{
    padding-top: 6rem
}
.pb-6{
    padding-bottom: 6rem
}
.py-6{
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.my-6{
    margin-bottom: 6rem;
    margin-top: 6rem;
}
/*Glitch*/
@keyframes my-animation {
	0% {
		filter: none;
	}
	20% {
		filter: url(#filter);
	}
	50% {
		filter: url(#filter-2);
	}
	80% {
		filter: url(#filter-3);
	}
	94% {
		filter: none;
	}
}
#my-image:hover {
	filter: url(#filter);
	animation: 0.8s my-animation alternate infinite;
}
/*Video bg*/
video {
    object-fit: cover;
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    z-index: 0;
    background-position-y:-30px;
}
.video-home{
    background: transparent url('../img/poster-2.webp') 50% 50% / cover no-repeat ;
    
}
.video-app{
    height: calc(100% + 12%);
    background: transparent url('../img/banner-app.jpg') 50% 50% / cover no-repeat ;

}
.lang-ico{
    border-radius: 50%;
}
.video-wrapper {
  position: relative;
  overflow: hidden;
  height: 800px;
}
/*Modal registro*/

.mc-field-group input,
.mc-field-group label{
    width: 100%;
}
/*Route Map*/
.timeline-item{
    display: flex;
    align-items: top;
    margin-bottom: -1px;
    height: 325px;
}

.timeline-item ul li{
    margin-bottom:5px;
    list-style: none;
}

.w-400{
    width: 400px!important;
    max-width: 400px!important;
}
.w-400 .font-14{
    font-size: 14px;
}
@media(max-width:1200px){
    .w-400{
        width: 320px!important;
        max-width: 320px!important;
    }
    .timeline-item{
        height: 260px;
    }
}
@media (max-width:991px){
    .d-sm-none{
        display:none
    }
    .timeline-item img{
        margin-bottom: 20px;
    }
    .timeline-item{
        margin-bottom: 40px;
        display: block;
        height: auto;
    }
    .flex-wrap-reverse-sm{
        display: flex;
        flex-wrap: wrap-reverse;

    }
    .w-400 {
        width: 100%!important;
    }
    .cont-rm{
        width: 400px;
    }
    .timeline-item h3,    
    .timeline-item ul{
        text-align: left!important;
        padding-left: 0px;
    }
}