@font-face { font-family: 'Century-Gothic'; src: url('../fonts/Montserrat-Regular.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Century-Gothic-Bold'; src: url('../fonts/Montserrat-Bold.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Century-Gothic-Italic'; src: url('../fonts/Montserrat-Italic.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Century-Gothic-Light'; src: url('../fonts/Montserrat-Light.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Century-Gothic-Semibold'; src: url('../fonts/Montserrat-SemiBold.ttf'); font-weight: normal; font-style: normal; }

:root{
    --light:'Century-Gothic-Light';
    --regular:'Century-Gothic';
    --medium:'Century-Gothic-Semibold';
    --semibold:'Century-Gothic-Semibold';
    --bold:'Century-Gothic-Bold';
    --Italic:'Century-Gothic-Italic';
    --negro: #000000;
    --blanco: #ffffff;
    --azul: #49caff;
    --morado: #B05BDA;
    --gris: #707070;
        --redlight:#B35B7A;
    --primary1: #101030;
    --bluelighthl: #6CA1BF;
    --bluelighthl1:#00BBE8
}


/*estilos generales*/
.form-text{
    margin-top:0.45rem !important;
}
html, body{ margin: 0; padding: 0; font-family: var(--regular); background-color: #2A2A2A; overflow-x: hidden; }
body a, body a:link,a:visited,a:hover,a:active{ text-decoration:none; }
body p { margin-bottom: 0; }
body .row { margin-left: 0; margin-right: 0; }
body button:focus, body select:focus { outline: none; }
#content-page { margin-top: 70px; }
.contenedor { width:90%; max-width: 1500px; margin: 0 auto; }
.subcontenedor { width:96%; margin: 0 auto; }
.swiper-pagination-bullet { width: 20px!important; height: 20px!important; margin: 0 9px!important; border: 1px solid #707070!important; background: #fff!important; opacity: 1!important; }
.swiper-pagination-bullet-active { background: #07c5ff!important; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
.titulo-gen { padding: 8px 8px; width: max-content; font-family: var(--medium); font-size: 39px; line-height: 1.51; text-align: left; color: #000000; border-top: 3px #000000 solid; border-bottom: 3px #000000 solid; }
.boton span, .boton, button { transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s;  }
.link-hover { text-decoration: none; padding-bottom: 2px; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .3s ease-in; -webkit-transition: background-size .3s ease-in; -moz-transition: background-size .3s ease-in; -ms-transition: background-size .3s ease-in; -o-transition: background-size .3s ease-in; }
.link-hover:hover { background-size: 100% 1px; }

@media screen and (max-width: 1199px) {
    .subcontenedor { width: 100%; margin: 0 auto; }
    .titulo-gen { font-size: 32px; }
}
@media screen and (max-width: 991px) { 

}
@media screen and (max-width: 850px) {  
    #content-page { margin-top: 60px; } 
}
@media screen and (max-width: 767px) { 
    .titulo-gen { font-size: 30px; padding: 6px 8px; margin: auto;  }
} 


/*Estilos del Menu */
header { width: 100%; height: 60px; position: fixed; top:0; left: 0; width: 100%; background-color: #232351; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17); z-index: 50; }
header .cabecera { width: 90%; max-width: 1920px; margin: 0 auto; height: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; }
header .logo-principal { width: 180px; height: 40px; margin-right: 30px; } 
header .hamburger { display: none; cursor: pointer; height: auto; position: absolute; right: 0; top: 22px; width: 30px; transition: all .2s ease-out; }
header .hamburger .raya { width: 100%; height: 4px; margin-bottom: 6px; transition: all 0.3s; backface-visibility: hidden; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
header .hamburger .raya__top { background-color: #934af4;  }
header .hamburger .raya__middle { background-color: #796fff; }
header .hamburger .raya__bottom { background-color: #49caff; }
header ul { margin-bottom: 0; padding-left: 0; list-style: none; }
header ul > li { display: inline-block; margin-right: 30px; } 
header ul > li a { display: block; padding: 1px 4px; font-family: var(--light); font-size: 14px; line-height: 1.36; letter-spacing: 1.95px; color: #cccccc; transition: color ease .8s; -webkit-transition: color ease .8s; -moz-transition: color ease .8s; -ms-transition: color ease .8s; -o-transition: color ease .8s; } 
header ul > li a.active { color: #00e6ff; border: solid 1px #00e6ff; }
header ul > li:hover a { color: #00e6ff; }
header .opciones .boton { margin-right: 22px; cursor: pointer; font-family: var(--regular); font-size: 11px; line-height: 2.36; letter-spacing: 1.32px; text-align: center; color: #ffffff; padding: 10px 16px; }
header .opciones .boton:first-child { background-color: #49caff; color: #000000; }
header .opciones .boton:nth-child(2) { background-color: #934af4; padding: 10px 25px; }
header .opciones .boton:hover { background-color: #5e619f; color: #ffffff; }
header .opciones .link { cursor: pointer;  font-family: var(--regular); font-size: 15px; line-height: 2.33; letter-spacing: 0.24px; text-align: center; color: #49caff; }
header .opciones .link:hover { color: #ffffff; }
header .progress-scroll { width: 100%; height: 4px; background: rgb(73,202,255); background: linear-gradient(90deg, rgba(73,202,255,1) 25%, rgba(147,74,244,1) 75%); }

.menu { position: relative; width: 400px; height: 100%; padding-top: 120px; overflow: hidden; background-color: #2f2982; position: fixed; top: 0; right: 0; bottom: 0; z-index: 2; transform: translate3d(0, 0, 0); transform: translateX(100%); will-change: transform; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.menu .contenido { padding: 0 20%; overflow: auto; height: 100%; -ms-overflow-style: none; scrollbar-width: none; }
.menu .contenido::-webkit-scrollbar { display: none; }
.menu ul { list-style: none; padding-left: 0; padding-bottom: 20px; text-align: left; }
.menu ul > li  { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.menu ul > li > .link { font-family: var(--regular); font-size: 16px; line-height: 3.5; letter-spacing: 2.22px; text-align: left; color: #ffffff; }
.menu ul > li > .link:hover { color: #49caff; }
.menu ul > li:nth-child(5) { padding-bottom: 20px; }
.menu ul > li > .boton { display: block; margin-bottom: 24px; width: 196px; height: 44px; font-family: var(--regular); font-size: 12px; line-height: 2.33; letter-spacing: 1.44px; text-align: center; display: flex; align-items: center; justify-content: center; }
.menu ul > li > .boton.uno { background-color: #0e0867; color: #ffffff; }
.menu ul > li > .boton.dos { background-color: #49caff; color: #000000; }
.menu ul > li > .boton.tres { background-color: #934af4; color: #ffffff; }
.menu ul > li > .boton:hover { background-color: #ffffff; color: #000000; }
.menu ul > li > .enlace { font-family: var(--regular); font-size: 16px; line-height: 3.31; letter-spacing: 2.22px; text-align: left; color: #49caff; }
.menu .forma__menu { height: 160px; position: absolute; left: -10%; bottom: 0; z-index: -1; }
.home-container{
    background: #1E1E1E;
}
@media screen and (min-width: 1699px) {
    header ul > li a { font-size: 16px; line-height: 1.31; letter-spacing: 2.22px; }
    header .opciones .boton { font-size: 12px; line-height: 2.33; letter-spacing: 1.44px; padding: 13px 20px; }
    header .opciones .boton:nth-child(2) { padding: 13px 30px;  }
    header .opciones .link { font-size: 17px; line-height: 2.35; letter-spacing: 0.27px; }
}

@media screen and (max-width: 1550px) { /* laptop */
    header .hamburger { display: block; }
    header ul { display: none; }
    header .opciones { margin-right: 70px; } 
    /* Menu abierto */
    /* body.menu-open  { position: fixed; top: 0; left: 0; right: 0; margin: auto; } */
    /* body.menu-open::after { content: ''; position: fixed; top: 0; left: 0; width: 100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.74); transition: all 200ms ; -webkit-transition: all 200ms ; -moz-transition: all 200ms ; -ms-transition: all 200ms ; -o-transition: all 200ms ; z-index: 2; } */
    .menu-open header { box-shadow: none; }
    .menu-open header .hamburger .raya__top { transform: rotate(45deg) translate(-2px, 20px); -webkit-transform: rotate(45deg) translate(-2px, 20px); -moz-transform: rotate(45deg) translate(-2px, 20px); -ms-transform: rotate(45deg) translate(-2px, 20px); -o-transform: rotate(45deg) translate(-2px, 20px); }
    .menu-open header .hamburger .raya__middle { opacity: 0; }
    .menu-open header .hamburger .raya__bottom { transform: rotate(-45deg) translate(-6px, -16px); -webkit-transform: rotate(-45deg) translate(-6px, -16px); -moz-transform: rotate(-45deg) translate(-6px, -16px); -ms-transform: rotate(-45deg) translate(-6px, -16px); -o-transform: rotate(-45deg) translate(-6px, -16px); } 
    .menu-open .menu { box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.25); transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); z-index: 10; }
    .menu-open .menu ul > li { opacity: 1; margin-bottom: 10px; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
    .menu-open .menu ul > li:nth-child(1) { transition: all 0.3s ease-out 0.3s; -webkit-transition: all 0.3s ease-out 0.3s; -moz-transition: all 0.3s ease-out 0.3s; -ms-transition: all 0.3s ease-out 0.3s; -o-transition: all 0.3s ease-out 0.3s; }
    .menu-open .menu ul > li:nth-child(2) { transition: all 0.3s ease-out 0.4s; -webkit-transition: all 0.3s ease-out 0.4s; -moz-transition: all 0.3s ease-out 0.4s; -ms-transition: all 0.3s ease-out 0.4s; -o-transition: all 0.3s ease-out 0.4s; }
    .menu-open .menu ul > li:nth-child(3) { transition: all 0.3s ease-out 0.5s; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; }
    .menu-open .menu ul > li:nth-child(4) { transition: all 0.3s ease-out 0.6s; -webkit-transition: all 0.3s ease-out 0.6s; -moz-transition: all 0.3s ease-out 0.6s; -ms-transition: all 0.3s ease-out 0.6s; -o-transition: all 0.3s ease-out 0.6s; }
    .menu-open .menu ul > li:nth-child(5) { transition: all 0.3s ease-out 0.7s; -webkit-transition: all 0.3s ease-out 0.7s; -moz-transition: all 0.3s ease-out 0.7s; -ms-transition: all 0.3s ease-out 0.7s; -o-transition: all 0.3s ease-out 0.7s; }
    .menu-open .menu ul > li:nth-child(6) { transition: all 0.3s ease-out 0.8s; -webkit-transition: all 0.3s ease-out 0.8s; -moz-transition: all 0.3s ease-out 0.8s; -ms-transition: all 0.3s ease-out 0.8s; -o-transition: all 0.3s ease-out 0.8s; }
    .menu-open .menu ul > li:nth-child(7) { transition: all 0.3s ease-out 0.9s; -webkit-transition: all 0.3s ease-out 0.9s; -moz-transition: all 0.3s ease-out 0.9s; -ms-transition: all 0.3s ease-out 0.9s; -o-transition: all 0.3s ease-out 0.9s; }
    .menu-open .menu ul > li:nth-child(8) { transition: all 0.3s ease-out 1.0s; -webkit-transition: all 0.3s ease-out 1.0s; -moz-transition: all 0.3s ease-out 1.0s; -ms-transition: all 0.3s ease-out 1.0s; -o-transition: all 0.3s ease-out 1.0s; }
    .menu-open .menu ul > li:nth-child(9) { transition: all 0.3s ease-out 1.1s; -webkit-transition: all 0.3s ease-out 1.1s; -moz-transition: all 0.3s ease-out 1.1s; -ms-transition: all 0.3s ease-out 1.1s; -o-transition: all 0.3s ease-out 1.1s; }
    .menu-open .menu ul > li:nth-child(10) { transition: all 0.3s ease-out 1.2s; -webkit-transition: all 0.3s ease-out 1.2s; -moz-transition: all 0.3s ease-out 1.2s; -ms-transition: all 0.3s ease-out 1.2s; -o-transition: all 0.3s ease-out 1.2s; }
    .menu-open .menu ul > li:nth-child(11) { transition: all 0.3s ease-out 1.3s; -webkit-transition: all 0.3s ease-out 1.3s; -moz-transition: all 0.3s ease-out 1.3s; -ms-transition: all 0.3s ease-out 1.3s; -o-transition: all 0.3s ease-out 1.3s; }
    .menu-open .menu ul > li:nth-child(12) { transition: all 0.3s ease-out 1.4s; -webkit-transition: all 0.3s ease-out 1.4s; -moz-transition: all 0.3s ease-out 1.4s; -ms-transition: all 0.3s ease-out 1.4s; -o-transition: all 0.3s ease-out 1.4s; }
}

@media (min-width: 851px) and (max-width: 1549px){
    .menu ul > li > .boton { display: none; }
}

@media screen and (max-width: 850px) {  /* tablet y teléfono */
    header { height: 56px; }
    header .opciones { display: none; }
    header .hamburger { top: 16px; } 
    .menu { width: 100%; padding-top: 100px; transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); }
    .menu-open .menu { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); z-index: 10; }
    .menu .contenido { padding: 0 15%; }
    .menu ul > li > .link { font-size: 15px; line-height: 3; letter-spacing: 2px; }
    .menu ul > li > .enlace { font-size: 14px; line-height: 3; letter-spacing: 1.5px; }
}
@media screen and (max-width: 575px) { 
    header .logo-principal { width: 160px; height: 35px;  } 

}


/*Estilos Index.html */
.inicio .section-banner { position: relative; width: 100%; height: calc(100vh - 70px); min-height: 730px; background-color: #2f2982; display: flex; align-items: center; justify-content: center; }
.inicio .section-banner .contenedor { position: relative; z-index: 2; }
.inicio .section-banner .logo { margin-bottom: 16px; text-align: center; }
.inicio .section-banner .logo img { width: 180px; }
.inicio .section-banner h1 { margin-bottom: 20px; font-family: var(--regular); font-size: 56px; line-height: 1.18; text-align: center; color: #ffffff; }
.inicio .section-banner h1 span { font-family: var(--medium); font-style: italic; }
.inicio .section-banner p { position: relative; padding-bottom: 46px; font-family: var(--regular); font-size: 20px; line-height: 1.35; text-align: center; color: #cccccc; }
.inicio .section-banner p::after { content: ''; width: 30%; max-width: 350px; height: 1px; background-color: #fde7e7; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.inicio .section-banner .botones { padding-top: 80px; text-align: center; z-index: 2; }
.inicio .section-banner .botones .boton { width: 226px; height: 57px; font-family: var(--regular); font-size: 15px; line-height: 2.33; letter-spacing: 1.8px; text-align: center; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; }
.inicio .section-banner .botones .boton:first-child { margin-right: 28px; color: #ffffff; background-color: transparent; border: 2px #02c6e9 solid; }
.inicio .section-banner .botones .boton:first-child:hover { color: #49caff; background-color: transparent; border: 2px #934af4 solid; }
.inicio .section-banner .botones .boton:last-child {  background-color: #49caff; color: #000000; border: 1px #49caff solid; }
.inicio .section-banner .botones .boton:last-child:hover { background-color: #934af4; color: #ffffff; border: 1px #934af4 solid; }
.inicio .section-banner .scroll-down { margin-top: 100px; display: flex; align-items: center; justify-content: center; -webkit-animation: down 1s infinite  alternate; animation: down 1s infinite  alternate; }
.inicio .section-banner .scroll-down img { width: 25px; height: 25px; margin-right: 20px;  }
.inicio .section-banner .scroll-down span { font-family: var(--bold); font-size: 18px; line-height: 1.61; color: #ffffff; }
.inicio .section-banner .persona { width: auto; height: 98%; mix-blend-mode: luminosity; opacity: 0.6; position: absolute; bottom: 0; right: -7%; }
.inicio .section-banner .forma { width: 40%; height: auto; position: absolute; left: -5%; bottom: 0; }
.inicio .section-banner div { opacity: 0; }
.inicio .section-banner div:nth-child(1) { -webkit-animation: fade ease 0.8s forwards .4s; animation: fade ease 0.8s forwards .4s; }
.inicio .section-banner div:nth-child(2) { -webkit-animation: fade ease 0.8s forwards .6s; animation: fade ease 0.8s forwards .6s; }
.inicio .section-banner div:nth-child(3) { -webkit-animation: fade ease 0.8s forwards .8s; animation: fade ease 0.8s forwards .8s; }
.inicio .section-banner div:nth-child(4) { -webkit-animation: fade ease 0.8s forwards 1s; animation: fade ease 0.8s forwards 1s; }
.inicio .section-banner div:nth-child(5) { -webkit-animation: fade ease 0.8s forwards 1.2s; animation: fade ease 0.8s forwards 1.2s; }


/***BOTONES GENERICOS***/
.hg-btn-blue { margin: auto; width: max-content; padding: 12px 30px; background-color: #5b5b5f !important; color: #ffffff; font-family: var(--regular); font-size: 14px; line-height: 1.0; text-align: center; border-color: #6ba1c0; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; -webkit-border-radius: 9px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.hg-btn-blue:hover { background-color: #5b5b5f !important; color: #ffffff; }
.hg-btn-purple { margin: auto; width: max-content; padding: 12px 30px; background-color: #5e619f!important; color: #ffffff; font-family: var(--regular); font-size: 16px; line-height: 1.2; text-align: center; border: none; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.hg-btn-purple:hover { background-color: #5A609C!important; color: #ffffff; }
.hg-btn-cancelar { margin: auto; width: max-content; padding: 12px 30px; background-color: #934af4!important; color: #ffffff!important; font-family: var(--regular); font-size: 16px; line-height: 1.2; text-align: center; border: none; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.hg-btn-cancelar:hover { background-color: #019cff!important; color: #ffffff!important; }
.hg-btn-blue-light { margin: auto; width: max-content; padding: 12px 30px; background-color: var(--bluelighthl1) !important; color: #ffffff; font-family: var(--regular); font-size: 16px; line-height: 1.2; text-align: center; border: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }


@media screen and (min-width: 2000px) {
    .inicio .section-banner .persona { height: 70%; right: -10%; }
}
@media screen and (max-width: 1699px) {
    .inicio .section-banner .persona { height: 90%; right: -10%; }
}
@media screen and (max-width: 1499px) {
    .inicio .section-banner .persona { height: 88%; right: -12%; }
    .inicio .section-banner h1 { font-size: 52px }
    .inicio .section-banner p { width: 720px; max-width: 80%; margin: auto; padding-bottom: 30px; }
    .inicio .section-banner p br { display: none; }
}
@media screen and (max-width: 1399px) {
    .inicio .section-banner .persona { height: 83%; max-height: 1000px; }
    .inicio .section-banner h1 { font-size: 48px }
    .inicio .section-banner p { width: 690px; }
    .inicio .section-banner .botones { padding-top: 60px; }
}

@media screen and (max-width: 1199px) {
    .inicio .section-banner .persona { height: 87%; }
    .inicio .section-banner { min-height: 700px; max-height: 900px; }
    .inicio .section-banner .logo { text-align: left; }
    .inicio .section-banner .logo img { width: 170px; }
    .inicio .section-banner h1 { font-size: 46px; text-align: left; }
    .inicio .section-banner p { width: 600px; text-align: left; margin: inherit; }
    .inicio .section-banner p::after { right: inherit;  }
    .inicio .section-banner .botones { padding-top: 40px; text-align: left; }
    .inicio .section-banner .botones .boton { width: 200px; height: 48px; font-size: 14px; line-height: 2; letter-spacing: 1.5px; }
    .inicio .section-banner .botones .boton:first-child { margin-right: 20px; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-banner .persona { height: 93%; }
    .inicio .section-banner { min-height: 600px; max-height: 800px; }
    .inicio .section-banner .contenedor { height: 100%; }
    .inicio .section-banner .logo { display: none; }
    .inicio .section-banner h1 { margin-top: 80px; margin-bottom: 20px; font-size: 40px; }
    .inicio .section-banner p { width: 500px; font-size: 18px; }
    .inicio .section-banner div:nth-child(5) { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; }
}

@media screen and (max-width: 850px) {  
    .inicio .section-banner { height: calc(100vh - 60px); max-height: 700px; }
    .inicio .section-banner .persona { right: -20%; }
    .inicio .section-banner h1 { margin-bottom: 40px; font-size: 38px; }
    .inicio .section-banner p { width: 450px; font-size: 18px; }
    .inicio .section-banner .botones { padding-top: 0; position: absolute; bottom: 130px; left: 0; right: 0; margin: auto; text-align: center; }
    .inicio .section-banner div:nth-child(5) { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; }
}
@media screen and (max-width: 767px) { 
    .inicio .section-banner { max-height: 800px; min-height: 700px; }
    .inicio .section-banner .persona { height: 75%; }
    .inicio .section-banner .forma { width: 300px; }
    .inicio .section-banner h1 { margin-top: 24px; text-align: center; font-size: 32px; }
    .inicio .section-banner p { margin: 0; width: 100%; max-width: 100%; padding-bottom: 20px; font-size: 16px; line-height: 1.72; color: #ffffff; }
    .inicio .section-banner .botones { display: flex; align-items: center; justify-content: center; }
    .inicio .section-banner .botones .boton { width: 160px; height: 40px; font-size: 10px; line-height: 2; letter-spacing: 1.2px; }
    .inicio .section-banner .scroll-down img { width: 20px; height: 20px; margin-right: 10px; }
    .inicio .section-banner .scroll-down span { font-size: 16px; line-height: 1; }
    .inicio .section-banner div:nth-child(5){ bottom: 70px; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-banner { min-height: 600px; }
    .inicio .section-banner .persona { right: -20%; height: 56%; }
    .inicio .section-banner h1 { font-size: 30px; }
} 

@media screen and (max-width: 321px) { 
    .inicio .section-banner h1 { font-size: 25px; margin-bottom: 30px; }
} 

.inicio .section-resultados { padding-bottom: 60px; background-color: #ffffff; }
.inicio .section-resultados .caratula { width: 100%; height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; }
.inicio .section-resultados .caratula.borde { background-size: contain; border: 1px #49caff solid; }
.inicio .section-resultados .caratula svg path { transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; }
.inicio .section-resultados .caratula svg:hover path { fill: #49caff; }
.inicio .section-resultados .formulano .titulo-gen { margin: auto; }
.inicio .section-resultados h2.titulo-importante { text-align: center!important; font-size: 34px; text-transform: uppercase; margin-bottom: 80px; }
.inicio .section-resultados h3 { font-family: var(--bold); font-size: 26px; line-height: 1.2; color: #000000; }
.inicio .section-resultados h3 span { font-family: var(--medium); font-size: 16px!important; color: #707070!important; }
.inicio .section-resultados h3.separador { position: relative; margin-bottom: 10px; padding-bottom: 26px; }
.inicio .section-resultados h3.separador::after { content: ''; background-color: #49caff; width: 46px; height: 15px; position: absolute; bottom: 0; }
.inicio .section-resultados p { font-family: var(--medium); font-size: 16px; line-height: 1.63; color: #000000; }
.inicio .section-resultados .formula { padding-top: 100px; }
.inicio .section-resultados .formula .row { padding-top: 60px; }
.inicio .section-resultados .formula .row [class*="col-"]:last-child { padding: 60px; display: flex; align-items: center; justify-content: center; }
.inicio .section-resultados .formula h3 { text-align: left; }
.inicio .section-resultados .formula h3.separador::after { left: 0; }
.inicio .section-resultados .formula p { text-align: left; }
.inicio .section-resultados .uso { padding-top: 100px; }
.inicio .section-resultados .uso .row { padding-top: 60px; }
.inicio .section-resultados .uso .row [class*="col-"]:first-child { padding: 60px; display: flex; align-items: center; justify-content: center; }
.inicio .section-resultados .uso h3 { text-align: right; }
.inicio .section-resultados .uso h3.separador::after { right: 0; }
.inicio .section-resultados .uso p { text-align: right; }
.inicio .section-resultados .integraciones { padding-top: 100px; }
.inicio .section-resultados .integraciones h3 { font-family: var(--semibold); font-size: 30px; line-height: 1.47; text-align: center; color: #000000; } 
.inicio .section-resultados .integraciones .deslizador { margin-top: 60px; position: relative; padding: 0 150px; }
.inicio .section-resultados .integraciones .swiper-wrapper { align-items: center; }
.inicio .section-resultados .integraciones .swiper-slide img { width: 100%; max-height: 60px; }
.inicio .section-resultados .integraciones .arrow { cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2;  }
.inicio .section-resultados .integraciones .arrow.prev-integraciones { width: 70px; height: 54px; background-image: url("../img/arrow-left.svg"); left: 0; }
.inicio .section-resultados .integraciones .arrow.next-integraciones {  width: 70px; height: 54px; background-image: url("../img/arrow-right.svg"); right: 0; }
.inicio .section-resultados .integraciones .arrow:focus { border: none; outline: none; }

@media screen and (max-width: 1199px) {
    .inicio .section-resultados .formula { padding-top: 80px; }
    .inicio .section-resultados .formula .row [class*="col-"]:last-child { padding: 20px; }
    .inicio .section-resultados .uso { padding-top: 80px; }
    .inicio .section-resultados .uso .row [class*="col-"]:first-child { padding: 20px; }
    .inicio .section-resultados .caratula { height: 400px; }
    .inicio .section-resultados .integraciones h3 { font-size: 28px; }
    .inicio .section-resultados .integraciones .deslizador { padding: 0 120px; }
    .inicio .section-resultados .integraciones .arrow.next-integraciones { width: 64px; height: 50px; }
    .inicio .section-resultados .integraciones .arrow.prev-integraciones { width: 64px; height: 50px; }
    .inicio .section-resultados h2.titulo-importante { font-size: 30px; margin-bottom: 60px; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-resultados { padding-bottom: 50px; }
    .inicio .section-resultados .contenido { width: 100%; max-width: 600px; padding-top: 10px; }
    .inicio .section-resultados .caratula { height: 420px; }
    .inicio .section-resultados .formula { padding-top: 70px; }
    .inicio .section-resultados .formula .subcontenedor { max-width: 800px; }
    .inicio .section-resultados .formula .row { padding-top: 50px; }
    .inicio .section-resultados .formula .row [class*="col-"]:last-child { display: initial; }
    .inicio .section-resultados .uso { padding-top: 50px; }
    .inicio .section-resultados .uso .subcontenedor { max-width: 800px; }
    .inicio .section-resultados .uso .row { flex-direction: column-reverse; padding-top: 50px; }
    .inicio .section-resultados .uso .row [class*="col-"]:first-child { display: initial; }
    .inicio .section-resultados .uso .contenido { margin-left: auto; }
    .inicio .section-resultados .integraciones { padding-top: 70px; }
    .inicio .section-resultados .integraciones .deslizador { padding: 0 80px; }
    .inicio .section-resultados .integraciones .arrow.next-integraciones { width: 56px; height: 46px; }
    .inicio .section-resultados .integraciones .arrow.prev-integraciones { width: 56px; height: 46px; }
    .inicio .section-resultados h2.titulo-importante { font-size: 26px; }
}
@media screen and (max-width: 767px) { 
    .inicio .section-resultados { padding-bottom: 40px; }
    .inicio .section-resultados .caratula { height: 360px; }
    .inicio .section-resultados h3 { font-size: 21px; line-height: 1.29; }
    .inicio .section-resultados h3 span { font-size: 18px; }
    .inicio .section-resultados h3.separador { padding-bottom: 20px; }
    .inicio .section-resultados h3.separador::after { width: 35px; height: 14px; }
    .inicio .section-resultados p { font-size: 14px; line-height: 1.67; }
    .inicio .section-resultados .formula { padding-top: 60px; }
    .inicio .section-resultados .uso { padding-top: 45px; }
    .inicio .section-resultados .integraciones { padding-top: 60px; }
    .inicio .section-resultados .integraciones h3 { font-size: 24px; line-height: 1.4; }
    .inicio .section-resultados .integraciones h3 br { display: none; }
    .inicio .section-resultados .integraciones .swiper-slide img { max-height: 40px; }
    .inicio .section-resultados .integraciones .deslizador { padding: 0 74px; }
    .inicio .section-resultados .integraciones .arrow.next-integraciones { width: 50px; height: 40px; }
    .inicio .section-resultados .integraciones .arrow.prev-integraciones { width: 50px; height: 40px; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-resultados .contenido { padding-top: 5px; }
    .inicio .section-resultados .caratula { height: 240px; }
    .inicio .section-resultados .formula .row { padding-top: 40px; }
    .inicio .section-resultados .formula .row [class*="col-"]:last-child { padding: 15px; }
    .inicio .section-resultados .uso .row { padding-top: 40px; }
    .inicio .section-resultados .uso .row [class*="col-"]:first-child { padding: 15px; }
    .inicio .section-resultados .integraciones h3 { font-size: 22px; }
    .inicio .section-resultados .integraciones .deslizador { margin-top: 50px; padding: 0 60px; }
    .inicio .section-resultados .integraciones .arrow.next-integraciones { width: 34px; height: 26px; }
    .inicio .section-resultados .integraciones .arrow.prev-integraciones { width: 34px; height: 26px; }
} 


.inicio .section-necesidad { padding-top: 60px; padding-bottom: 80px; background-color: #ffffff; }
.inicio .section-necesidad h2 { margin-bottom: 46px; font-family: var(--semibold); font-size: 27px; line-height: 1.85; text-align: left; color: #000000 }
.inicio .section-necesidad .item { margin-bottom: 80px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.inicio .section-necesidad .item:not(:last-child) { padding-right: 30px; }
.inicio .section-necesidad .item img { margin-bottom: 16px; width: 78px; height: 78px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.inicio .section-necesidad .item p { font-family: var(--medium); font-size: 18px; line-height: 2.1; text-align: left; color: #000000; }
.inicio .section-necesidad .item:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

@media screen and (max-width: 1199px) {
    .inicio .section-necesidad .item p { font-size: 17px; line-height: 2; }
    .inicio .section-necesidad { padding-bottom: 40px; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-necesidad { padding-top: 40px; }
    .inicio .section-necesidad h2 { padding-top: 20px; }
    .inicio .section-necesidad .item { margin-bottom: 60px; }
    .inicio .section-necesidad .item:not(:last-child) { padding-right: 15px; }
}
@media screen and (max-width: 767px) { 
    .inicio .section-necesidad h2 { font-size: 24px; line-height: 1.4; }
    .inicio .section-necesidad .item { margin-bottom: 50px; }
    .inicio .section-necesidad .item p { font-size: 16px; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-necesidad .item img { margin-bottom: 14px; width: 64px; height: 64px; }
    .inicio .section-necesidad .item:nth-child(odd) { padding-left: 0!important; padding-right: 10px!important; }
    .inicio .section-necesidad .item:nth-child(even) { padding-right: 0!important; padding-left: 10px!important; }
    .inicio .section-necesidad h2 { margin-bottom: 38px; font-size: 22px; text-align: center; }
    .inicio .section-necesidad .item { margin-bottom: 40px; }
    .inicio .section-necesidad .item p { font-size: 14px; line-height: 1.5; }
} 
@media screen and (max-width: 375px) { 
    .inicio .section-necesidad .item { margin-bottom: 30px; }
    .inicio .section-necesidad .item p { font-size: 13px; }
} 


.inicio .section-testimonios { position: relative; padding-top: 100px; padding-bottom: 60px; background-color: #efeeee; }
.inicio .section-testimonios .deslizador { position: relative; width: 96%; max-width: 1200px; margin: auto; margin-top: 60px; padding: 0 116px; }
.inicio .section-testimonios .swiper-container { padding-bottom: 120px; }
.inicio .section-testimonios .swiper-slide { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.16); }
.inicio .section-testimonios .swiper-slide > a { outline: none; width: 100%; height: 100%; }
.inicio .section-testimonios .swiper-slide .item { position: relative; width: 100%; height: 282px; display: flex; align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; }
.inicio .section-testimonios .swiper-slide:hover .item::after { content: ""; width: 100%; height: 100%; background-color: #21073f; position: absolute; top: 0; left: 0; opacity: 0.67; }
.inicio .section-testimonios .swiper-slide .play { position: relative; z-index: 2; }
.inicio .section-testimonios .swiper-slide .play img { width: 100px; height: 100px; }
.inicio .section-testimonios .swiper-slide .info { width: 100%; height: 123px; padding: 16px 30px; background-color: #ffffff; color: #000000; }
.inicio .section-testimonios .swiper-slide:hover .info { background-color: #934af4; color: #ffffff; }
.inicio .section-testimonios .swiper-slide .info h3 { font-family: var(--semibold); font-size: 25px; text-align: center; }
.inicio .section-testimonios .swiper-slide .info p { font-family: var(--medium); font-size: 11px; line-height: 2.36; text-align: center; }
.inicio .section-testimonios .arrow { cursor: pointer; position: absolute; top: 0; bottom: 80px; margin: auto; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2;  }
.inicio .section-testimonios .arrow.prev-testimonios { width: 70px; height: 54px; background-image: url("../img/arrow-left.svg"); left: 0; }
.inicio .section-testimonios .arrow.next-testimonios {  width: 70px; height: 54px; background-image: url("../img/arrow-right.svg"); right: 0; }
.inicio .section-testimonios .arrow:focus { border: none; outline: none; }

.inicio .section-testimonios2 { position: relative; padding-top: 120px; padding-bottom: 170px; background-color: #efeeee; }
.inicio .section-testimonios2 .row.uno { padding-top: 130px; }
.inicio .section-testimonios2 .row.dos { padding-top: 130px; }
.inicio .section-testimonios2 .item { padding-right: 30px; padding-left: 30px; display: flex; align-items: center; }
.inicio .section-testimonios2 .item img { margin-right: 30px; width: 150px; height: 150px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.inicio .section-testimonios2 .item h3 { margin-bottom: 20px; padding-bottom: 20px; font-family: var(--semibold); font-size: 27px; line-height: 1.85; text-align: left; color: #000000; border-bottom: 1px #707070 solid; }
.inicio .section-testimonios2 .item p { font-family: var(--medium); font-size: 15px; line-height: 2.2; text-align: left; color: #000000; }
.inicio .section-testimonios2 .deslizador { display: none; }

@media screen and (max-width: 1399px) {
    .inicio .section-testimonios2 .row.uno { padding-top: 100px; }
    .inicio .section-testimonios2 .row.dos { padding-top: 120px; }
    .inicio .section-testimonios2 .item img { width: 140px; height: 140px; }
}
@media screen and (max-width: 1199px) {
    .inicio .section-testimonios2 { padding-top: 100px; padding-bottom: 140px; }
    .inicio .section-testimonios2 .row.uno { padding-top: 80px; }
    .inicio .section-testimonios2 .row.dos { padding-top: 80px; }
    .inicio .section-testimonios2 .item { display: initial; }
    .inicio .section-testimonios2 .item .ctn-img { text-align: center; }
    .inicio .section-testimonios2 .item img { margin-right: 0; margin-bottom: 20px; width: 150px; height: 150px; }
    .inicio .section-testimonios2 .item h3 { margin-bottom: 20px; padding-bottom: 6px; font-size: 24px; line-height: 1.8; text-align: center; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-testimonios2 { padding-top: 90px; padding-bottom: 120px; }
    .inicio .section-testimonios2 .row.uno { padding-top: 60px; }
    .inicio .section-testimonios2 .row.dos { padding-top: 60px; }
    .inicio .section-testimonios2 .item { padding-right: 20px; padding-left: 20px; }
}
@media screen and (max-width: 767px) { 
    .inicio .section-testimonios2 { padding-top: 70px; padding-bottom: 90px; }
    .inicio .section-testimonios2 .row { display: none; }
    .inicio .section-testimonios2 .deslizador { display: block; padding-top: 50px; }
    .inicio .section-testimonios2 .item img { margin-bottom: 10px; }
    .inicio .section-testimonios2 .item h3 { width: max-content; margin: auto; margin-bottom: 26px; padding: 0 10px; }
    .inicio .section-testimonios2 .item p { max-width: 500px; margin: auto; font-size: 18px; line-height: 1.68; text-align: center; }
    .inicio .section-testimonios2 .deslizador { position: relative; padding: 40px 70px 0 70px; }
    .inicio .section-testimonios2 .arrow { cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2;  }
    .inicio .section-testimonios2 .arrow.prev-testimonios2 { width: 50px; height: 40px; background-image: url("../img/arrow-left.svg"); left: 0; }
    .inicio .section-testimonios2 .arrow.next-testimonios2 { width: 50px; height: 40px; background-image: url("../img/arrow-right.svg"); right: 0; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-testimonios2 { padding-top: 60px; padding-bottom: 50px; }
    .inicio .section-testimonios2 .item img { width: 140px; height: 140px; }
    .inicio .section-testimonios2 .item p { font-size: 16px; line-height: 1.5; }
    .inicio .section-testimonios2 .deslizador { padding: 30px 30px 0 30px; }
    .inicio .section-testimonios2 .arrow.prev-testimonios2 { width: 34px; height: 26px; left: -8px; }
    .inicio .section-testimonios2 .arrow.next-testimonios2 { width: 34px; height: 26px; right: -8px; }
} 

/* Textos */
.text-danger-hl{
    color: var(--redlight) !important;
}

.text-success-hl{
    color: var(--bluelighthl) !important;
}

.text-underline{
    text-decoration: underline !important;
}


.inicio .section-paquetes { position: relative; padding-top: 120px; padding-bottom: 170px; background-color: #191460; overflow: hidden; }
.inicio .section-paquetes h2 { margin-bottom: 46px; color: #ffffff; border-color: #ffffff; }
.inicio .section-paquetes h3 { margin-bottom: 30px; font-family: var(--regular); font-size: 18px; line-height: 2.11; letter-spacing: 3.19px; text-align: center; color: #ffffff; }
.inicio .section-paquetes .boton { transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; }
.inicio .section-paquetes .tabs-slider { display: flex; align-items: center; justify-content: center; }
.inicio .section-paquetes .tabs-slider > .tab { cursor: pointer; margin: 0 10px; width: 100px; height: 90px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; transition: all .2s ease-in-out; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.inicio .section-paquetes .tabs-slider > .tab.disabled { opacity: 0.4; }
.inicio .section-paquetes .tabs-slider > .tab:hover:not(.disabled) { transform: scale(1.05);}
.inicio .section-paquetes .tabs-slider > .tab svg { margin-top: 14px; height: 30px; }
.inicio .section-paquetes .tabs-slider > .tab:nth-child(4) svg { margin-top: 20px; height: 20px; }
.inicio .section-paquetes .tabs-slider > .tab span { margin-bottom: 14px; font-family: var(--regular); font-size: 16px; line-height: 1.28; text-align: center; }
.inicio .section-paquetes .tabs-slider > .tab:nth-child(1) { border: 1px #934af4 solid; color: #934af4; }
.inicio .section-paquetes .tabs-slider > .tab:nth-child(2) { border: 1px #39d2fe solid; color: #39d2fe; }
.inicio .section-paquetes .tabs-slider > .tab:nth-child(3) { border: 1px #ffffff solid; color: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab:nth-child(4) { border: 1px #b05bda solid; color: #b05bda; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(1) { background-color:#934af4; color: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(2) { background-color:#39d2fe; color: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(3) { background-color: #ffffff; color: #000000; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(4) { background-color:#b05bda; color: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab.active { box-shadow: 0 13px 20px 0 rgba(112, 24, 213, 0.45); }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(1) svg path, .inicio .section-paquetes .tabs-slider > .tab.active:nth-child(1) svg g { stroke: #ffffff!important; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(1) svg > path { fill: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(2) svg > path { fill: #ffffff; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(3) svg > path { fill: #000000; }
.inicio .section-paquetes .tabs-slider > .tab.active:nth-child(4) svg > path { fill: #ffffff; }
.inicio .section-paquetes .deslizador { padding-bottom: 10px; width: 100%; max-width: 1020px; margin: auto }
.inicio .section-paquetes .swiper-container { position: relative; width: 100%; padding-top: 50px; }
.inicio .section-paquetes .swiper-container::before { content: ''; width: 8.3%; height: 100%; position: absolute; left: 0; top: 0; background-color: #191460; z-index: 2; }
.inicio .section-paquetes .swiper-container::after { content: ''; width: 8.3%; height: 100%; position: absolute; right: 0; top: 0; background-color: #191460; z-index: 2; }
.inicio .section-paquetes .swiper-wrapper { align-items: center; }
.inicio .section-paquetes .swiper-slide { background-position: center; background-size: cover; min-height: 420px; }
.inicio .section-paquetes .swiper-slide-duplicate-prev, .inicio .section-paquetes .swiper-slide-duplicate-next { opacity: 0; }
.inicio .section-paquetes .swiper-slide.deshabilitado { background-color: #420396; }
.inicio .section-paquetes .swiper-slide.habilitado { background-color: #934af4; }
.inicio .section-paquetes .habilitado { padding-bottom: 73px; }
.inicio .section-paquetes .habilitado h4 { margin-bottom: 0; height: 65px; border-bottom: 3px #ffffff solid; display: flex; align-items: center; justify-content: center; }
.inicio .section-paquetes .habilitado h4 > span { margin-right: 5px; font-family: var(--bold); font-size: 18px; line-height: 2.11; letter-spacing: 3.19px; text-align: center; color: #ffffff; }
.inicio .section-paquetes .habilitado h4 > svg { width: 42px; height: 42px; }
.inicio .section-paquetes .habilitado h4 > svg path { fill: #ffffff; }
.inicio .section-paquetes .habilitado .contenido { padding: 20px 40px; }
.inicio .section-paquetes .habilitado .contenido .free { margin-bottom: 20px; font-family: var(--medium); font-size: 39px; font-style: italic; text-align: center; color: #ffffff; }
.inicio .section-paquetes .habilitado .contenido .texto { margin-bottom: 30px; font-family: var(--regular); font-size: 16px; line-height: 1.38; text-align: left; color: #ffffff; }
.inicio .section-paquetes .habilitado .contenido .select-group { margin-bottom: 26px; display: flex; align-items: center; }
.inicio .section-paquetes .habilitado .contenido select { margin-right: 26px; padding-left: 20px; width: 86px; height: 50px; background-color: transparent; border: 2px #ffffff solid; font-family: var(--regular); font-size: 27px; line-height: 0.7; text-align: center; color: #ffffff; background-image: url(../svg/down.svg); background-position: 80%; background-size: 16px; background-repeat: no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.inicio .section-paquetes .habilitado .contenido select option { font-family: var(--regular); font-size: 18px; line-height: 1; text-align: center; color: #934af4; }
.inicio .section-paquetes .habilitado .contenido label { font-family: var(--regular); font-size: 18px; line-height: 1.17; text-align: left; color: #ffffff; }
.inicio .section-paquetes .habilitado .contenido .precio { display: flex; align-items: center; justify-content: center; }
.inicio .section-paquetes .habilitado .contenido .precio span { writing-mode: vertical-lr; font-family: var(--semibold); font-size: 29px; line-height: 0.9; text-align: center; color: #ffffff; transform: rotate(180deg); }
.inicio .section-paquetes .habilitado .contenido .precio div { font-family: var(--medium); font-size: 78px; font-style: italic; line-height: 0.9; text-align: center; color: #ffffff; }
.inicio .section-paquetes .habilitado .contenido p { font-family: var(--regular); font-size: 15px; line-height: 1.73; text-align: center; color: #ffffff; }
.inicio .section-paquetes .habilitado .boton { width: 100%; height: 73px; background-color: #49caff; font-family: var(--regular); font-size: 22px; line-height: 1.18; text-align: center; color: #000000; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.inicio .section-paquetes .habilitado .boton:hover { background-color: #5e619f; }
.inicio .section-paquetes .deshabilitado { display: flex; align-items: center; justify-content: space-between; flex-direction: column; background-color: #420396; }
.inicio .section-paquetes .deshabilitado h4 { margin-top: 46px; margin-bottom: 0; font-family: var(--regular); font-size: 26px; line-height: 2; text-align: center; color: #ffffff; }
.inicio .section-paquetes .deshabilitado svg { max-height: 153px; max-width: 144px; opacity: 0.58; }
.inicio .section-paquetes .deshabilitado svg path { fill: #49caff; }
.inicio .section-paquetes .deshabilitado span { margin-bottom: 32px; font-family: var(--regular); font-size: 16px; line-height: 1.57; letter-spacing: 5.45px; text-align: center; color: #ffffff; }
.inicio .section-paquetes .banner { padding: 20px 26px; width: 80%; max-width: 836px; margin: auto; height: 150px; display: flex; align-items: center; justify-content: space-between; border: solid 1px #ffffff; background-color: #f2f1f1; }
.inicio .section-paquetes .banner img { width: 118px; height: 118px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.inicio .section-paquetes .banner p { width: 276px; font-family: var(--regular); font-size: 18px; line-height: 1.22; text-align: left; color: #000000; }
.inicio .section-paquetes .banner .boton { padding: 14px 24px; background-color: #00dcff; font-family: var(--regular); font-size: 15px; line-height: 2.33; letter-spacing: 1.8px; text-align: center; color: #000000; }
.inicio .section-paquetes .banner .boton:hover { background-color: #934af4; color: #ffffff; }

@media screen and (max-width: 1199px) {
    .inicio .section-paquetes { padding-top: 100px; padding-bottom: 140px; }
    .inicio .section-paquetes h2 { margin-bottom: 60px; }
    .inicio .section-paquetes .habilitado { padding-bottom: 73px; }
    .inicio .section-paquetes .habilitado .contenido select { height: 46px; }
    .inicio .section-paquetes .habilitado .contenido label { font-size: 17px; }
    .inicio .section-paquetes .habilitado .contenido .precio span { font-size: 26px; }
    .inicio .section-paquetes .habilitado .contenido .precio div { font-size: 70px; }
    .inicio .section-paquetes .banner { padding: 10px 20px; width: 90%; height: auto; }
    .inicio .section-paquetes .banner .boton { padding: 10px 20px; }
    .inicio .section-paquetes .banner p { width: 250px; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-paquetes { padding-top: 90px; padding-bottom: 120px; }
    .inicio .section-paquetes h2 { margin-bottom: 50px; }
    .inicio .section-paquetes .deslizador { max-width: 300px; }
    .inicio .section-paquetes .swiper-slide { min-height: 440px; }
    .inicio .section-paquetes .swiper-container::before { content: none; }
    .inicio .section-paquetes .swiper-container::after { content: none; }
}
@media screen and (max-width: 930px) { 
    .inicio .section-paquetes .banner img { width: 100px; height: 100px; }
    .inicio .section-paquetes .banner .boton { width: 240px; padding: 10px 10px; line-height: 1.5; letter-spacing: 1.5px; }
    .inicio .section-paquetes .banner p { width: 200px; font-size: 16px; }
}

@media screen and (max-width: 767px) { 
    .inicio .section-paquetes { padding-top: 70px; padding-bottom: 90px; }
    .inicio .section-paquetes h3 { margin-bottom: 20px; font-size: 16px; line-height: 1.6; letter-spacing: 2px; }
    .inicio .section-paquetes .banner img { display: none; }
    .inicio .section-paquetes .banner .boton { width: 180px; font-size: 14px; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-paquetes { padding-top: 60px; padding-bottom: 70px; }
    .inicio .section-paquetes h2 { margin-bottom: 40px; }
    .inicio .section-paquetes .tabs-slider > .tab { margin: 0 6px; width: 86px; height: 80px; }
    .inicio .section-paquetes .tabs-slider > .tab svg { margin-top: 11px; height: 26px; }
    .inicio .section-paquetes .tabs-slider > .tab span { margin-bottom: 12px; font-size: 15px; }
    .inicio .section-paquetes .deslizador { width: 95%; }
    .inicio .section-paquetes .habilitado h4 > span { margin-right: 10px; }
    .inicio .section-paquetes .habilitado .contenido .texto { margin-bottom: 26px; }
    .inicio .section-paquetes .swiper-slide { min-height: 400px; }
    .inicio .section-paquetes .habilitado .contenido .select-group { margin-bottom: 20px; }
    .inicio .section-paquetes .habilitado .contenido label { font-size: 14px; }
    .inicio .section-paquetes .habilitado .contenido select { margin-right: 20px; padding-left: 18px; width: 80px; font-size: 24px; }
    .inicio .section-paquetes .habilitado .contenido .precio div { font-size: 63px; }
    .inicio .section-paquetes .habilitado .contenido .precio span { font-size: 22px; }
    .inicio .section-paquetes .tabs-slider > .tab:nth-child(4) svg { margin-top: 14px; height: 18px }
    .inicio .section-paquetes .banner p { display: none; }
    .inicio .section-paquetes .banner { padding: 0; background-color: transparent; border: none; justify-content: center; }
    .inicio .section-paquetes .banner .boton { width: 250px; background-color: #49caff; border: none; font-family: var(--regular); font-size: 15px; text-align: center; color: #000000; box-shadow: 0 5px 14px 0 rgb(0 0 0 / 25%); border-radius: 29px; -webkit-border-radius: 29px; -moz-border-radius: 29px; -ms-border-radius: 29px; -o-border-radius: 29px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; }
} 

@media screen and (max-width: 475px) { 
    .inicio .section-paquetes .tabs-slider > .tab { margin: 0 6px; width: 70px; height: 76px; }
    .inicio .section-paquetes .tabs-slider > .tab span { margin-bottom: 10px; font-size: 13px; }
}

.inicio .section-contacto { position: relative; padding-top: 140px; padding-bottom: 170px; background-color: #ffffff; overflow: hidden; }
.inicio .goup.movil { display: none; }
.inicio .goup:hover svg { fill: #3a0c76; }
.inicio .goup:hover svg #arrow, .inicio .goup:hover svg path { stroke: #3a0c76; }
.inicio .section-contacto::before { content: ''; width: 370px; height: 370px; background-image: url('../img/inicio/forma-contacto.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; bottom: -30px; left: -160px; }
.inicio .section-contacto .contenedor { position: relative; z-index: 2; }
.inicio .section-contacto .subcontenedor { max-width: 1300px; } 
.inicio .section-contacto h2 { margin-bottom: 60px; font-family: var(--medium); font-size: 87px; line-height: 1.2; text-align: left; color: #3a0c76; }
.inicio .section-contacto form .form-group { margin-bottom: 28px; width: 100%; padding-right: 20%; } 
.inicio .section-contacto form label { margin-bottom: 18px; font-family: var(--regular); font-size: 20px; line-height: 1.25; letter-spacing: 1.36px; text-align: left; color: #3a0c76; }
.inicio .section-contacto form .textfield { width: 100%; height: 44px; padding: 0 26px; font-family: var(--regular); font-size: 15px; line-height: 1.67; letter-spacing: 2.09px; text-align: left; color: #000000; background-color: #e5daf6; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.inicio .section-contacto form .textfield:focus { outline: none; }
.inicio .section-contacto form .textfield::placeholder { color: #000000; }
.inicio .section-contacto form input:-webkit-autofill, .inicio .section-contacto form input:-webkit-autofill:hover, .inicio .section-contacto form input:-webkit-autofill:focus, .inicio .section-contacto form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #e5daf6 inset !important; }
.inicio .section-contacto form input:-webkit-autofill { -webkit-text-fill-color: #000000 !important; }
.inicio .section-contacto form .textarea-group { margin-bottom: 28px; }
.inicio .section-contacto form .textarea-group label { visibility: hidden; }
.inicio .section-contacto form textarea { width: 100%; height: 272px; padding: 44px; border: none; background-color: #250157; font-family: var(--regular); font-size: 20px; line-height: 1.25; letter-spacing: 1.36px; text-align: left; color: #ffffff; }
.inicio .section-contacto form textarea::placeholder { color: #ffffff; }
.inicio .section-contacto form textarea { scrollbar-color: #000000 #ffffff80; scrollbar-width: thin; }
.inicio .section-contacto form textarea::-webkit-scrollbar { width: 8px; }
.inicio .section-contacto form textarea::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); }
.inicio .section-contacto form textarea::-webkit-scrollbar-thumb { background-image: linear-gradient(68deg, #49caff 25%, #934af4 75%); border-radius: 10px; }
.inicio .section-contacto form textarea::-webkit-scrollbar-thumb:hover { background: #934af4; cursor: pointer; }
.inicio .section-contacto form .btn-group { display: block; text-align: right; padding-right: 20px; }
.inicio .section-contacto form button { width: 196px; height: 49px; background-color: #49caff; border: none; font-family: var(--regular); font-size: 15px; line-height: 2; letter-spacing: 1.8px; text-align: center; color: #000000; box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.25); border-radius: 29px; -webkit-border-radius: 29px; -moz-border-radius: 29px; -ms-border-radius: 29px; -o-border-radius: 29px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; }
.inicio .section-contacto form button:hover { background-color: #934af4; color: #ffffff; border: 1px #934af4 solid; } 
.inicio .section-contacto .redes { height: max-content; position: absolute; top: 0; bottom: 0; margin: auto; right: 0 }
.inicio .section-contacto .redes a { display: block; margin-bottom: 20px; width: 110px; height: 66px; transition: transform ease .35s ; -webkit-transition: transform ease .35s ; -moz-transition: transform ease .35s ; -ms-transition: transform ease .35s ; -o-transition: transform ease .35s; }
.inicio .section-contacto .redes a > img { width: 100%; height: 100%; }
.inicio .section-contacto .redes a > img:last-child { display: none; }

@media screen and (min-width: 992px) {
    .inicio .section-contacto .redes a { transform: translate(25px, 0px); -webkit-transform: translate(25px, 0px); -moz-transform: translate(25px, 0px); -ms-transform: translate(25px, 0px); -o-transform: translate(25px, 0px); }
    .inicio .section-contacto .redes a:hover { transform: translate(10px, 0px); -webkit-transform: translate(10px, 0px); -moz-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); -o-transform: translate(10px, 0px); }
}
@media screen and (min-width: 768px) {
    .inicio .goup { cursor: pointer; display: flex; align-items: center; position: absolute; right: 40px; bottom: 40px; z-index: 99; }
}
@media screen and (max-width: 1400px) {
    .inicio .section-contacto form { padding: 0 5%; }
    .inicio .section-contacto form .form-group { padding-right: 10%; }
}
@media screen and (max-width: 1199px) {
    .inicio .section-contacto { padding-top: 120px; padding-bottom: 140px; }
    .inicio .section-contacto h2 { font-size: 80px; }
}
@media screen and (max-width: 991px) { 
    .inicio .section-contacto { padding-top: 100px; padding-bottom: 120px; }
    .inicio .section-contacto form .form-group { padding-right: 0; }
    .inicio .section-contacto form textarea { height: 240px; padding: 30px; }
    .inicio .section-contacto h2 { font-size: 70px; margin-bottom: 50px; }
    .inicio .section-contacto form .textarea-group { margin-bottom: 60px; }
    .inicio .section-contacto form .btn-group { text-align: center; padding-right: 0; }
    .inicio .section-contacto .redes { margin-top: 60px; }
    .inicio .section-contacto .redes a > img:first-child { display: none; }
    .inicio .section-contacto .redes a > img:last-child { display: block; }
    .inicio .section-contacto .redes { position: relative; text-align: center; }
    .inicio .section-contacto .redes a { display: inline-block; margin-bottom: 0; }
    .inicio .section-contacto .redes a:not(:last-child) { margin-right: 8px; }
    
}
@media screen and (max-width: 767px) { 
    .inicio .goup.movil { margin-top: 60px; display: block; text-align: center; }
    .inicio .goup.escritorio { display: none; }
    .inicio .section-contacto { padding-top: 80px; padding-bottom: 90px; }
    .inicio .section-contacto h2 { font-size: 60px; }
    .inicio .section-contacto form textarea { height: 212px; padding: 30px 20px; }
    .inicio .section-contacto form { padding: 0; }
    .inicio .section-contacto form button { font-size: 18px; }
    .inicio .section-contacto .redes a { width: 98px; height: auto; }
} 
@media screen and (max-width: 575px) { 
    .inicio .section-contacto { padding-top: 70px; padding-bottom: 70px; }
    .inicio .section-contacto h2 { font-size: 50px; margin-bottom: 40px; }
    .inicio .section-contacto form .textfield { padding: 0 16px; }
    .inicio .section-contacto form textarea { padding: 20px 16px; font-size: 16px; }
    .inicio .section-contacto .redes a { width: 90px; }
} 

/* Estilos de formularios de registros, login y recuperacion*/
.registros  { position: relative;}
.registros .link { text-decoration: none; padding-bottom: 2px; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .3s ease-in; -webkit-transition: background-size .3s ease-in; -moz-transition: background-size .3s ease-in; -ms-transition: background-size .3s ease-in; -o-transition: background-size .3s ease-in; }
.registros .link:hover { background-size: 100% 1px; }
.registros .back { cursor: pointer; position: absolute; top: 45px; left: 80px; z-index: 2; }
.registros .back svg { width: 40px; height: 40px; }
.registros .back span { margin-left: 8px; font-family: var(--regular); font-size: 13px; line-height: 1.23; text-align: left; color: #ffffff; }
.registros .back:hover svg path, .registros .back:hover svg g { stroke: #49caff; }
.registros .back:hover span { color: #49caff; }
.registros .titulo { margin: auto; margin-bottom: 30px; width: max-content; padding-bottom: 4px; font-family: var(--regular); font-size: 37.5px; line-height: 1.2; text-align: center; color: #019cff; border-bottom: 1px #d0d0d0 solid; }
.registros .texto { margin-bottom: 40px; font-family: var(--regular); font-size: 16px; line-height: 2.12; text-align: center; color: #ffffff; }
.registros form { width: 100%; max-width: 450px; margin: auto; }
.registros form .form-group { margin-bottom: 24px; } 
.registros form .textfield { width: 100%; background-color: #ffffff; padding: 8px 20px; font-family: var(--regular); font-size: 18px; line-height: 1.2; letter-spacing: normal; text-align: left; color: #424949 ; appearance: none; border: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.registros form .textfield:focus { outline: none; }
.registros form .textfield::placeholder { color: #424949 ; font-size:15px; }
.registros input:-webkit-autofill, .registros input:-webkit-autofill:hover, .registros input:-webkit-autofill:focus, .registros input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #ffffff inset !important; }
.registros input:-webkit-autofill { -webkit-text-fill-color: #424949  !important; }
.registros button.btn.dropdown-toggle.btn-light { width: 100%!important; background-color: #ffffff!important; padding: 10px 20px!important; font-family: var(--regular)!important; font-size: 18px!important; line-height: 1.2!important; text-align: left!important; color: #424949!important; border: none!important; border-radius: 10px!important; -webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; -ms-border-radius: 10px!important; -o-border-radius: 10px!important; }
.registros button, .registros button:focus { outline: none!important; }
.registros .form-control:focus { border-color: #8F8BBC!important; box-shadow: 0 0 0 0.2rem rgb(146 73 243 / 25%)!important; }
.registros .dropdown-item.active, .dropdown-item:active { background-color: #8F8BBC!important; }
.registros .form-control { background-color: transparent!important; } 
/*Foto de perfil*/
.registros form .perfil-group { margin-bottom: 35px; text-align: center; }
.registros form .ctn-perfil { position: relative; cursor: pointer; display: block; width: 140px; height: 140px; margin: auto; background-image: url(../img/sidebar/undefined.svg); background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center; border: 2px #934af4 solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.registros form .img-perfil { width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.registros form .file-perfil {position: absolute; display: block; width: 100%; opacity: 0;}
.registros form .lbl-perfil { margin-top: 8px; cursor: pointer; font-family: var(--regular); font-size: 14px; line-height: 1.96; text-align: center; color: #ffffff; border-bottom: 1px #ffffff solid; }
.registros form .form-two { display: inline-flex; }
.registros form .form-two > div:first-child { margin-right: 7px; }
.registros form .sexo { margin-bottom: 15px; display: flex; }
.registros form .sexo .title { margin-right: 27px; font-family: var(--regular); font-size: 18px; line-height: 1.2; text-align: left; color: #ffffff; }
.registros form .sexo-title { display: none; margin-bottom: 10px; font-family: var(--regular); font-size: 20px; line-height: 1.2; text-align: center; color: #ffffff; }
.registros form .sexo .check-group { margin-right: 23px; display: flex; align-items: center; }
.registros form .sexo .check-group input { display: none; }
.registros form .sexo .check-group div { width: 18px; height: 18px; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.registros form .sexo .check-group input:checked + div { background-color: #908dbb; border: none; }
.registros form .sexo .check-group span { margin-left: 10px; font-family: var(--regular); font-size: 14px; line-height: 1; text-align: left; color: #ffffff; }
.registros .condiciones { padding-top: 20px; margin-bottom: 30px; font-family: var(--regular); font-size: 16.7px; line-height: 1.2; text-align: center; color: #ffffff; }
.registros .condiciones a { color: #019cff; }
.registros .boton { margin: auto; padding: 10px 30px; font-family: var(--regular); font-size: 15px; line-height: 1.2; text-align: center; color: #ffffff; background-color: #8F8BBC ; border: none; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.registros .boton:hover { background-color: #8F8BBC ; }
.registros .boton:disabled { opacity: 0.5; color: #FFFFFF; }
.registros .boton:disabled:hover { color: #FFFFFF; }
.registros .btn-siguiente { height: 40px}
.registros .section-freelog .isotipo { position: absolute; top: 45px; right: 80px; width: 55px; height: 55px; z-index: 2; }
.registros .section-freelog .row { display: flex; align-items: center; }
.registros .section-freelog .row [class*="col-"] { min-height: calc( 100vh - 70px); height: 100%; }
.registros .section-freelog .row .part1 { display: flex; align-items: center; justify-content: center; }
.registros .section-freelog .part1 { background-color: unset ; }
.registros .section-freelog .part1 .swiper-wrapper { display: flex; align-items: center; }
.registros .section-freelog .part1 .swiper-slide { margin-bottom: 100px; width: 100%!important; }
.registros .section-freelog .part1 .swiper-slide.paso1 { margin-top: 150px; }
.registros .section-freelog .part1 .swiper-slide.paso2 { margin-top: 100px; }
.registros .section-freelog .part1 .swiper-slide-next { height: 0; }
.registros .section-freelog .part2 { padding-top: 60px; padding-bottom: 60px; background-color: unset; display: flex; align-items: center; }
.registros .section-freelog .part2 .swiper-mensaje { width: 100%!important; }
.registros .section-freelog .part2 .swiper-slide { width: 100%!important; background-color: unset; }
.registros .section-freelog .part2 .swiper-slide.swiper-slide-next, .registros .section-freelog .part2 .swiper-slide.swiper-slide-prev { opacity: 0!important; }
.registros .section-freelog .part2 .contenido { margin-left: 10%; margin-right: 10%;  }
.registros .section-freelog .part2 h2 { margin-bottom: 40px; font-family: var(--regular); font-size: 36px; line-height: 1.2; text-align: left; color: #934af4; }
.registros .section-freelog .part2 p { margin-bottom: 60px; font-family: var(--regular); font-size: 18px; line-height: 1.2; text-align: left; color: #161616; }
.registros .section-freelog .part2 .boton:hover { background-color: #934af4; color: #ffffff; }
.registros .section-login .form-message { text-align: center; }
.registros .section-login .form-message p { font-family: var(--regular); font-size: 15px; text-align: center; color: #f10d0d; }
.registros .section-password { background-color: #2A2A2A; min-height: calc( 100vh - 70px); height: 100%; }
.registros .section-password .contenedor { position: relative; }
.registros .section-password .contenido { width: 90%; max-width: 600px; margin: auto; padding-top: 140px; padding-bottom: 100px; }
.registros .section-password .back { left: 0; }
.registros .section-password .logo { text-align: center; }
.registros .section-password .logo img { margin-bottom: 30px; width: 200px; }
.registros .section-password .titulo { margin-bottom: 20px; }
.registros .section-password .form-group { margin-bottom: 40px; }
.registros .section-password .form-group input:not(:last-child) { margin-bottom: 24px; }
.registros .section-password .textfield { padding: 10px 20px; }
.registros .section-password .boton { padding: 10px 60px; }

/*Modal inicial*/
.registros #inicioModal .modal-header { border: none; }
.registros #inicioModal .modal-body { padding-left: 30px; padding-right: 30px; }
.registros #inicioModal .modal-body .ctn-img { margin-bottom: 30px; text-align: center; }
.registros #inicioModal .modal-body img { width: 240px; height: 50px; }
.registros #inicioModal .modal-body h2 { font-family: var(--regular); font-size: 33px; line-height: 1.42; text-align: left; color: #934af4; }
.registros #inicioModal .modal-body p { display: none; }
.registros #inicioModal .modal-footer { border: none; padding: 30px; }

/*Modal Generic*/
.modal.generic .modal-dialog { margin-top: 10%; }
.modal.generic .modal-content { background-color: #191460; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.modal.generic .modal-header { border: none; padding: 10px; }
.modal.generic .modal-body { padding-left: 30px; padding-right: 30px; }
.modal.generic .modal-body h2 { position: relative; width: max-content; margin: auto; padding-bottom: 4px; font-family: var(--medium); font-size: 24px; font-weight: 500; line-height: 1.62; text-align: center; color: #ffffff; }
.modal.generic .modal-body h2::after { content: ''; width: 100%; border: 1px #d1d1d1 solid; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.modal.generic .modal-footer { padding-top: 20px; padding-bottom: 20px; border: none; justify-content: center; }
.modal.generic button.btn { width: max-content; padding: 8px 30px; font-family: var(--regular); font-size: 18px; line-height: 1.65; text-align: center; border: none; box-shadow: 0px 3px 6px #00000029; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.modal.generic button.btn { margin-right: 10px; margin-left: 10px; }
.modal.generic button.cancelar { background-color: #e4e4e4; color: #191460; } 
.modal.generic button.aceptar { background-color: #934af4; color: #ffffff; } 
.modal.generic button.btn:hover { background-color: #019cff; color: #ffffff; } 

@media screen and (max-width: 1499px) {
    .registros .section-freelog .part2 h2 { margin-bottom: 20px; font-size: 40px; }
}
@media screen and (max-width: 1199px) {
    .registros .section-freelog .row { align-items: initial; }
    .registros .section-freelog .row [class*="col-"] { display: initial; }
    .registros .section-freelog .part2 { padding-top: 15%; padding-bottom: 30px; }
    .registros .section-freelog .part2 h2 { font-size: 36px; }
    .registros .section-freelog .isotipo { top: 40px; right: 40px; width: 46px; height: 46px; }
    .registros .back { top: 40px; left: 60px; }
    .registros .section-freelog .part1 .swiper-slide { margin-bottom: 80px; }
    .registros .section-freelog .part1 .swiper-slide.paso1 { margin-bottom: 80px; }
    .registros .section-password .contenido { padding-bottom: 80px; }
}
@media screen and (max-width: 991px) { 
    .registros .back { top: 30px; left: 40px; }
    .registros .section-freelog .part2 { display: none!important; }
    .registros .section-freelog .isotipo { top: 30px; right: 40px;}
    .registros .section-freelog .part1 .swiper-slide { margin-bottom: 60px; }
    .registros .section-freelog .part1 .swiper-slide.paso1 { margin-bottom: 60px; }
    .registros .section-password .contenido { padding-bottom: 60px; }
}
@media screen and (max-width: 850px) {  
    .registros .section-freelog .row [class*="col-"] { min-height: calc( 100vh - 250px); } 
    .registros .section-login .row [class*="col-"] { min-height: calc( 100vh - 60px); } 
    .registros .section-password { min-height: calc( 100vh - 60px); }
}
@media screen and (max-width: 767px) { 
    .registros .section-freelog .part1 .swiper-slide { margin-bottom: 50px; }
    .registros .section-freelog .part1 .swiper-slide.paso1 { margin-top: 120px; margin-bottom: 50px; }
    .registros .titulo { margin-bottom: 20px; font-size: 34px; }
    .registros .texto { margin-bottom: 30px; font-size: 15px; }
    .registros .condiciones { padding-top: 10px; font-size: 15px; line-height: 1.6; }
    .registros .section-password .contenido { padding-top: 120px; padding-bottom: 50px; }
    .registros form .ctn-perfil { width: 120px; height: 120px; }
    /*Modal Generic*/
    .modal.generic .modal-body h2 { font-size: 20px; }
    .modal.generic button.btn { font-size: 16px; }
} 
@media screen and (max-width: 575px) { 
    .registros .back { top: 25px; left: 20px; }
    .registros .section-freelog .isotipo { display: none; }
    .registros .section-freelog .formulario { width: 95%; margin: auto; }
    .registros .section-freelog .part1 .swiper-slide { margin-bottom: 40px; }
    .registros .section-freelog .part1 .swiper-slide.paso1 { margin-top: 100px; margin-bottom: 40px; }
    .responsiveMobile h2{
        margin-bottom: 10%;
    }
    .registros .section-freelog .part1 .swiper-slide.paso2 { margin-top: 80px;    margin-left: -5%; }
    .registros form .textfield { font-size: 16px; }
    .registros button.btn.dropdown-toggle.btn-light { padding: 10px 20px!important; font-size: 16px!important; }
    .registros form .sexo { justify-content: space-between; }
    .registros form .sexo .check-group span { margin-left: 4px; font-size: 12px; }
    .registros form .sexo .title { display: none; }
    .registros form .sexo-title { display: block; }
    .registros .dropdown-menu { min-width: 100%!important; width: 100%; }
    /*Modal inicial*/
    .registros #inicioModal .modal-body .ctn-img { margin-bottom: 20px; }
    .registros #inicioModal .modal-body img { width: 200px; height: auto; }
    .registros #inicioModal .modal-body h2 { font-size: 24px; }
    .registros #inicioModal .modal-footer { padding: 10px 30px 30px 10px; }
    .registros #inicioModal .modal-footer .boton { font-size: 20px; }
    /*Modal Generic*/
    .modal.generic .modal-body { padding-left: 26px; padding-right: 26px; }
    .modal.generic .modal-body h2 { width: auto; font-size: 20px; }
    .modal.generic .modal-body h2::after { width: 90%; }
    .modal.generic .modal-footer1 { flex-direction: column; }
    .modal.generic button.btn { padding: 6px 14px; font-size: 16px; }
    /*Registros*/
    .registros .section-password .contenido { padding-top: 100px; padding-bottom: 40px; }
    .registros .section-password .logo img { width: 180px; }
    .registros .section-password .titulo { width: 100%; border: none; }
} 

/* Estilos de footer*/
footer { width: 100%; height: 190px;; background-color: #150031;  }
footer .contenedor { height: 100%; max-width: 1920px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
footer .logo { width: 220px; height: 52px; margin-right: 20px; } 
footer ul { margin-bottom: 0; padding-left: 0; list-style: none; }
footer ul > li { display: inline-block; margin-right: 40px; } 
footer ul > li a { display: block; padding: 1px 4px; font-family: var(--light); font-size: 14px; line-height: 1.36; letter-spacing: 1.95px; color: #cccccc; transition: color ease .8s; -webkit-transition: color ease .8s; -moz-transition: color ease .8s; -ms-transition: color ease .8s; -o-transition: color ease .8s; } 
footer ul > li:hover a { color: #00e6ff; }
footer .boton { cursor: pointer; background-color: #49caff; font-family: var(--regular); font-size: 15px; line-height: 2.36; letter-spacing: 2.3px; text-align: center; color: #000000; padding: 11px 15px; transition: all ease .8s; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; -ms-transition: all ease .8s; -o-transition: all ease .8s; }
footer .boton:hover { background-color: #ffffff; color: #000000; }

@media screen and (max-width: 1499px) {
    footer ul > li { margin-right: 20px; }
}

@media screen and (max-width: 1299px) {
    footer ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
    footer ul > li { display: inherit; margin: 0 10px 20px 10px; }
    footer ul > li a { padding: 0; line-height: 1.6; }
}
@media screen and (max-width: 991px) { 
    footer .logo { width: 180px; height: auto; margin-right: 20px; }
    footer .boton { line-height: 1.6; letter-spacing: 1px; padding: 10px; }
    footer ul > li a { font-size: 13px; line-height: 1.36; letter-spacing: 1.2; }
    footer ul > li { display: inherit; margin: 0 10px 20px 10px; }
}
@media screen and (max-width: 991px) { 
    footer .boton { font-size: 12px; padding: 10px 5px; }
}
@media screen and (max-width: 767px) { 
    footer { padding: 40px 0; height: auto; }
    footer .contenedor { display: initial; }
    footer .ctn-logo { margin-bottom: 40px; display: block; width: 100%; text-align: center; }
    footer .logo { width: 200px; margin: 0; }
    footer ul { padding-bottom: 60px; width: max-content; margin: auto; }
    footer .ctn-boton { text-align: center; }
    footer ul > li a { font-size: 14px; line-height: 1.6; letter-spacing: 1.3; }
    footer .boton { font-size: 15px; line-height: 2.36; letter-spacing: 2.3px;padding: 11px 15px; }
}


    
/*Animaciones*/
@-webkit-keyframes fadeIn-Left{0%{ opacity:0; -webkit-transform:translate3d(-10%,0,0); transform:translate3d(-10%,0,0); -moz-transform:translate3d(-10%,0,0); -ms-transform:translate3d(-10%,0,0); -o-transform:translate3d(-10%,0,0); }to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeIn-Left{0%{ opacity:0; -webkit-transform:translate3d(-10%,0,0); transform:translate3d(-10%,0,0); -moz-transform:translate3d(-10%,0,0); -ms-transform:translate3d(-10%,0,0); -o-transform:translate3d(-10%,0,0); }to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeIn-Left{-webkit-animation-name:fadeIn-Left;animation-name:fadeIn-Left}
@-webkit-keyframes fadeIn-Right{0%{ opacity:0; -webkit-transform:translate3d(10%,0,0); transform:translate3d(10%,0,0); -moz-transform:translate3d(10%,0,0); -ms-transform:translate3d(10%,0,0); -o-transform:translate3d(10%,0,0); }to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeIn-Right{0%{ opacity:0; -webkit-transform:translate3d(10%,0,0); transform:translate3d(10%,0,0); -moz-transform:translate3d(10%,0,0); -ms-transform:translate3d(10%,0,0); -o-transform:translate3d(10%,0,0); }to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeIn-Right{-webkit-animation-name:fadeIn-Right;animation-name:fadeIn-Right}

/*Duraciones*/
.animate__animated.animate__fadeIn { animation-duration: 0.8s; animation-delay: 0.4s; }
.animate__animated.animate__fadeInUp { animation-duration: 0.8s; animation-delay: 0.4s; }
.animate__animated.animate__fadeIn-Left { animation-duration: 0.8s; animation-delay: 0.6s; }
.animate__animated.animate__fadeIn-Right { animation-duration: 0.8s; animation-delay: 0.8s; }

/*Intervalos*/
.animate__animated.animate__fadeIn.time1 { animation-duration: 0.6s; animation-delay: 0.4s; }
.animate__animated.animate__fadeIn.time2 { animation-duration: 0.6s; animation-delay: 0.8s; }
.animate__animated.animate__fadeIn.time3 { animation-duration: 0.6s; animation-delay: 1.0s; }
.animate__animated.animate__fadeIn.time4 { animation-duration: 0.6s; animation-delay: 1.2s; }
/*Intervalos*/
.animate__animated.animate__fadeInUp.time1 { animation-duration: 0.6s; animation-delay: 0.4s; }
.animate__animated.animate__fadeInUp.time2 { animation-duration: 0.6s; animation-delay: 0.8s; }
.animate__animated.animate__fadeInUp.time3 { animation-duration: 0.6s; animation-delay: 1.0s; }
.animate__animated.animate__fadeInUp.time4 { animation-duration: 0.6s; animation-delay: 1.2s; }
/*Intervalos*/
.animate__animated.animate__zoomIn.time1 { animation-duration: 0.8s; animation-delay: 1.2s; }
.animate__animated.animate__zoomIn.time2 { animation-duration: 0.8s; animation-delay: 1.4s; }
.animate__animated.animate__zoomIn.time3 { animation-duration: 0.8s; animation-delay: 1.6s; }
.animate__animated.animate__zoomIn.time4 { animation-duration: 0.8s; animation-delay: 1.8s; }
.animate__animated.animate__zoomIn.time5 { animation-duration: 0.8s; animation-delay: 2.0s; }
.animate__animated.animate__zoomIn.time6 { animation-duration: 0.8s; animation-delay: 2.2s; }
.animate__animated.animate__zoomIn.time7 { animation-duration: 0.8s; animation-delay: 2.4s; }
.animate__animated.animate__zoomIn.time8 { animation-duration: 0.8s; animation-delay: 2.6s; }

@-webkit-keyframes fade {
    0% { opacity: 0; transform: translateY(30px) }
    100% { opacity: 1; transform: translateY(0px) }
}
@keyframes fade {
    0% { opacity: 0; transform: translateY(30px) }
    100% { opacity: 1; transform: translateY(0px) }
}

@-webkit-keyframes fade-out {
    0% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes fade-out {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

@-webkit-keyframes down {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes down {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@media screen and (max-width: 575px) { 
    .titulo-gen { font-size: 26px; padding: 4px 6px; }
    .responsiveTitleSign{
        font-size: 18px!important;
    }
}