/*
  General
*/

@font-face {
    font-family: "BebasNeueBold";
  src: url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.eot"); /* IE9*/
  src: url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.woff") format("woff"), /* chrome、firefox */
  url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/4cb0a725d25db5a5401af8cffa9f3beb.svg#BebasNeueBold") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: "BebasNeueBook";
  src: url("fonts/BebasNeue Book.otf") format("opentype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/BebasNeue Book.ttf") format("truetype");
 }

*:before, *:after {
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}
html {
    min-height: 100%;
    width: 100%;
}
body {
    font: 18px Montserrat;
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #fff;
}
ul, li {
    list-style-type: none;
}
.hide {
    display: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
a {
    text-decoration: none;
}
::selection{
    background-color: #e61b0e;
}
.texto::selection{
    color: white;
}
.input.texto::selection{
    color: black;
}
a::selection, img::selection, .boton::selection{
    background-color: transparent;
}










#zonaPrincipal{
    /* width: calc(100% - 200px);
    margin: 0 100px; */
    overflow: hidden;
    background-color: #fafafa;
}
 .titulo{
    color: black;
    font-family: 'BebasNeueBold';
    font-weight: 700;
    font-size: 60px;
    margin: 0;
}
 .titulo span.yellow{
    color: #FFB300;
}
 .miniTitulo{
    color: black;
    font-family: 'BebasNeueBold';
    font-weight: 700;
    font-size: 40px;
    margin: 0;
}

@-moz-document url-prefix() {
 .titulo{
    font-weight: 500;
}
 .miniTitulo{
    font-weight: 500;
}
}
 .subtitulo{
    background-color: #e61b0e;
    color: white;
    font-family: 'BebasNeueBold';
    font-weight: 700;
    padding: 0 5px;
}
.texto {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #808080;
}
.textoRojo {
    color: #e61b0e;
}




/* .imagenApp {
    visibility: hidden;
    opacity: 0;
} */
.fadeInUp {
    animation: fadeIn 0.3s ease-out both, toUp 0.3s cubic-bezier(0, 0, 0, 1) both;
}
@keyframes fadeIn {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}
@keyframes toLeft {
    from {
        transform: translateX(10px);
    }
    to {
        transform: translateX(0px);
    }
}
@keyframes toUp {
    from {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0px);
    }
}







section {
    width: 100%;
}
section.lightGrey {
    background-color: #fafafa;
}
section.darkGrey {
    background-color: #f2f2f2;
}

#landing {
    display: inline-block;
    width: calc(100% - 200px);
    margin: 0 100px;
}

#landing .cosasLanding{
    padding-top: 120px;
}
#landing .preTitulo {
    width: fit-content;
    width: -moz-fit-content;
    height: 30px;
    font-size: 26px;
    line-height: 36px !important;
    margin-bottom: 10px;

    color: black;
    font-family: 'BebasNeueBold';
    margin: 0;
}
#landing .textoPreTitulo {
    float: left;
}
#landing .preTitulo .emojiTitulo {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url('assets/landing publi/Emoji ey entrenador.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 10px;
}
#landing .textoLanding{
    float: left;
    width: 40%;
    min-width: 600px;
    padding-top: 60px;
    position: relative;
}
#landing .textoLanding .titulo{
    line-height: 62px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#landing .textoLanding .texto{
    max-width: 500px;
    margin-top: 20px;
}

#landing .cosasLanding .botonesLanding{
    height: 40px;
    width: 530px;
    margin-top: 30px;
}

.boton {
    width: 220px;
    height: 44px;
    font-family: 'Montserrat';
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px 0px;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-out;
}
.boton.rojo {
    box-shadow: 0 3px 6px 0 rgba(230,27,14,0.5);
    color: white;
    background-color: #e61b0e;
    border: 2px solid #e61b0e;
}
.boton.rojo:hover{
    background-color: #C4170C;
    border: 2px solid #C4170C;
    transition: 0.2s ease-out;
}

#landing .cosasLanding .boton{
    float: left;
}

#landing .cosasLanding .boton.rojo{
    margin-right: 10px;
}


#landing .cosasLanding .boton.gris{
    background-color: #fafafa;
    border: 2px solid #e6e6e6;
    color: #808080;
    transition:  0.2s ease-out;
}
#landing .cosasLanding .boton.gris:hover{
    background-color: #e6e6e6;
    transition: 0.2s ease-out;
}

#landing .cosasLanding .boton:active{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16);
    transition: 0.2s;
}

#landing .imagenLanding{
    float: right;
    width: 55%;
    max-width: 900px;
}
#landing .imagenLanding img,
#landing .imagenLanding video {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 40px 60px rgb(0, 0, 0, 0.4);
    background-color: #1a1a1a;
}



#validacion {
    margin: 140px auto 40px auto;
}
#validacion .zonaPortadas {
    width: 100%;
    height: calc(((100vw/3.65)/3)*3);
    margin: 0px auto 0px auto;
}
#validacion .zonaPortadas .carrusel {
    display: flex;
    width: 100%;
    height: calc(((100vw/3.65)/3));
}
#validacion .zonaPortadas .carrusel[numcarrusel="2"] {
    transform: translate(-240px, 0);
    width: calc(100% + 240px);
}
#validacion .zonaPortadas .carrusel .swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}
#validacion .zonaPortadas .carrusel img {
    width: calc(100%/3) !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.01);
    transition: 0.3s ease;
}
#validacion .zonaPortadas .carrusel[numcarrusel="2"] img {
    width: calc((100% - 240px)/3) !important;
}
@media screen and (max-width: 800px) {
#validacion .zonaPortadas {
    height: 201px;
}
#validacion .zonaPortadas .carrusel {
    height: 67px;
}
#validacion .zonaPortadas .carrusel img,
#validacion .zonaPortadas .carrusel[numcarrusel="2"] img {
    width: 244px !important;
}
}

#validacion .zonaPortadas .carrusel img:hover {
    filter: brightness(1.1);
    transform: scale(1.1);
    transition: 0.5s ease;
}
#validacion .zonaTexto {
    width: 100%;
    padding: 60px 15px;
    text-align: center;
}
#validacion .zonaTexto .textoPreTitulo,
#appClientes .textoPreTitulo {
    font-family: 'BebasNeueBold';
    font-size: 40px;
    margin: 0 auto;
}
#appClientes .textoPreTitulo {
    max-width: 666px;
    padding: 0 30px;
}
@media screen and (max-width: 600px) {
#appClientes .textoPreTitulo {
    font-size: 30px;
}
}

#valorCentral {
    margin-top: 200px;
    margin-top: -50px !important;
    text-align: center;
    background-color: #1a1a1a;
    width: 200%;
    padding: 140px;
    transform: rotate(-3deg) translate(-25%, 0px);
}
#valorCentral .textoValor {
    transform: rotate(3deg);
}
#valorCentral .titulo {
    width: 50%;
    max-width: 660px;
    margin: 0 auto;
    color: white;
    text-shadow: 0 3px 6px rgba(0,0,0,0.52);
}
#valorCentral .titulo span {
    display: block;
    margin-top: 10px;
    font-size: 40px;
}
#valorCentral .subtitulo {
    font-size: 30px;
    display: table;
    margin: 0 auto;
    padding: 2px 8px 0 8px;
    height: 35px;
    line-height: 35px;
}
#valorCentral .subtitulo.desktop {
    display: table;
}
#valorCentral .subtitulo.movil {
    display: none;
}
@-moz-document url-prefix() {
#valorCentral .titulo {
    max-width: 660px;
}
}
#valorCentral .texto {
    width: 50%;
    max-width: 700px;
    margin: 30px auto 0 auto;
    color: #808080;
    text-shadow: 0 3px 12px rgba(0,0,0,0.8);
}
#valorCentral .texto span{
    color: white;
    font-weight: 700;
}
#valorCentral .texto .boton{
    display: none;
    
    position: relative;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    box-shadow: unset;
}

#valorCentral .tronchoValor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: -1;
}
#valorCentral .videoValor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -2;
}
#valorCentral .videoValor video {
    width: 100%;
    position: absolute;
    top: -50%;
    left: -7%;
    transform: rotate(3deg);
}
#valorCentral .zonaVideo {
    width: 50%;
    max-width: 950px;
    transform: rotate( 3deg ) translate(-10px, 0px);
    margin: 35px auto;
    margin-bottom: -400px;
    cursor: pointer;
}
#valorCentral .zonaVideo .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #e61b0e;
    transition: 0.15s;
}
#valorCentral .zonaVideo:hover .play {
    background-color: #C4170C;
}
#valorCentral .zonaVideo .play svg {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 42%;
    height: 42%;
    fill: white;
}
@media screen and (max-width: 980px) {
#valorCentral .zonaVideo .play {
    width: 70px;
    height: 70px;
}
}
@media screen and (max-width: 600px) {
#valorCentral .zonaVideo {
    width: 60%;
    margin-bottom: -200px;
}
#valorCentral .zonaVideo .play {
    width: 50px;
    height: 50px;
}
}
@media screen and (max-width: 450px) {
#valorCentral .zonaVideo {
    width: 70%;
    margin-bottom: -250px;
}
}
#valorCentral .zonaVideo video {
    width: 100%;
    background-color: #1a1a1a;
    height: auto;
    max-height: 540px;
    border-radius: 30px;
}



#features {
    width: 78%;
    max-width: 1520px;
    margin: 500px auto 0 auto;
}

#features > * {
    width: 100%;
    height: 500px;
}
#features .tablet {
    display: none;
}
#features .feature2,
#features .feature3,
#features .feature4,
#features .feature5,
#features .feature6,
#features .feature7,
#features .feature8 {
    margin-top: 100px;
}
#features .feature8 {
    margin-bottom: 100px;
}
#features .textoFeature{
    width: 50%;
    margin-top: 141px;
}
#features .izquierda .textoFeature{
    float: left;
}
#features .derecha .textoFeature{
    float: right;
}
#features .textoFeature .titulo{

}

#features .subtitulo {
    font-size: 30px;
    display: table;
    padding: 4px 8px 0 8px;
    height: 35px;
    line-height: 35px;
}
#features .subtitulo.desktop {
    display: table;
}
#features .subtitulo.movil {
    display: none;
}
#features .zonaSubtitulo {
    display: inline-flex;
}
#Powered_by_Stripe_-_black {
    margin: 0px 0 0 10px;
}
#features .textoFeature .texto{
    margin-top: 20px;
}
#features .textoFeature span{
    color: black;
    font-weight: 700;
}
#features .imagenFeature{
    width: 600px;
    height: 500px;
    /* background-color: #e6e6e6; */
}
#features .izquierda .imagenFeature{
    float: right;
}
#features .derecha .imagenFeature{
    float: left;
}
#features .imagenFeature img{
    width: 100%;
}

#appClientes,
#store,
#masCosas {
    width: 100%;
    padding: 100px 0;
    text-align: center;
}
#appClientes .titulo,
#masCosas .titulo {
    font-size: 80px;
    padding: 0px 0 30px 0;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}
#appClientes .texto,
#store .texto {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
}


.zonaCuadrosFeatures {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px auto;
    max-width: 1130px;
    padding: 0 60px;
}
.zonaCuadrosFeatures .cuadroFeature {
    position: relative;
    border-radius: 30px;
    height: 520px;
    overflow: hidden;
    margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.4s ease;
}
#appClientes .zonaCuadrosFeatures .cuadroFeature:hover {
    box-shadow: 0 0px 20px 0 rgb(0 0 0 / 16%);
}
#appClientes .zonaCuadrosFeatures .cuadroFeature:hover .imagen img {
    transform: translate(-50%, 0px) scale(1.05);
}
@media screen and (max-width: 990px) {
.zonaCuadrosFeatures {
    margin: 60px auto;
    max-width: 560px;
    padding: 0 30px;
}
.zonaCuadrosFeatures .cuadroFeature {
    flex: 1 0 100%;
}
}
@media screen and (max-width: 580px) {
.zonaCuadrosFeatures .cuadroFeature {
    height: 540px;
}
}

.zonaCuadrosFeatures .cuadroFeature.light {
    background-color: white;
}
.zonaCuadrosFeatures .cuadroFeature.dark {
    background-color: #1a1a1a;
}
.zonaCuadrosFeatures .cuadroFeature.single {
    width: calc((100% - 10px)/2);
}
.zonaCuadrosFeatures .cuadroFeature.double {
    width: 100%;
}

.zonaCuadrosFeatures .cuadroFeature .imagenFondo {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: 0.4s ease;
    z-index: 0;
}
.zonaCuadrosFeatures .cuadroFeature .imagenFondo img {
    object-fit: cover;
    object-position: center;
    transition: 0.4s ease;
}
#appClientes .zonaCuadrosFeatures .cuadroFeature:hover .imagenFondo img {
    transform: scale(1.05);
}

.zonaCuadrosFeatures .cuadroFeature .textoFeature {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 60px 60px 0px 60px;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .icono {
    width: 40px;
    height: 40px;
    margin: 0 auto 16px auto;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .icono svg {
    width: 100%;
    height: 100%;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .tituloFeature {
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Montserrat';
    margin-bottom: 10px;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .textito {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    font-family: 'Montserrat';
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature a {
    display: block;
    margin: 0 auto;
    width: 220px;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .boton {
    margin: 20px auto;
}
.zonaCuadrosFeatures .cuadroFeature .imagen {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 272px;
}
.zonaCuadrosFeatures .cuadroFeature .imagen img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    transition: 0.4s ease;
}
.zonaCuadrosFeatures .cuadroFeature .imagen.width img {
    width: 100%;
    height: unset;
}
.zonaCuadrosFeatures .cuadroFeature.conBoton .imagen {
    height: 172px;
}
@media screen and (max-width: 500px) {
.zonaCuadrosFeatures .cuadroFeature .textoFeature {
    padding: 60px 30px 0px 30px;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .tituloFeature {
    font-size: 18px;
}
.zonaCuadrosFeatures .cuadroFeature .textoFeature .textito {
    font-size: 14px;
}
}
@media screen and (min-width: 990px) {
.zonaCuadrosFeatures .cuadroFeature.double .textoFeature {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: left;
    padding: 0 60px;
    width: calc(100%/2);
}
.zonaCuadrosFeatures .cuadroFeature.double .textoFeature .icono {
    margin: 0 0 16px 0;
}
.zonaCuadrosFeatures .cuadroFeature.double .textoFeature .textito {
    margin-bottom: 30px;
}
.zonaCuadrosFeatures .cuadroFeature.double .textoFeature a {
    margin: 0;
}
.zonaCuadrosFeatures .cuadroFeature.double .textoFeature .boton {
    margin: 0;
}
.zonaCuadrosFeatures .cuadroFeature.double .imagen {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: right;
    margin: 0 60px;
    width: 400px;
    height: 320px;
}
.zonaCuadrosFeatures .cuadroFeature.double .imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}

#appClientes a {
    margin: 40px auto 0px auto;
    cursor: pointer;
}
#appClientes .boton {
    margin: 40px auto 0px auto;
    cursor: pointer;
}
#appClientes .imagenesApp {
    width: 1029px;
    height: 518px;
    margin: 50px auto 0 auto;
}
#appClientes .imagenesApp .imagenApp {
    float: left;
    border: 8px solid #1a1a1a;
    border-radius: 30px 30px 0 0;
    width: 323px;
    background-position: center -10px;
    background-size: 110%;
}
#appClientes .imagenesApp .imagenApp.lateral {
    height: 480px;
    margin-top: 38px;
    background-image: url('assets/Asset movil 1.png');
}
#appClientes .imagenesApp .imagenApp.lateral:last-child {
    height: 480px;
    margin-top: 38px;
    background-image: url('assets/Asset movil 3.png');
}
#appClientes .imagenesApp .imagenApp.central {
    height: 518px;
    margin: 0 30px;
    background-image: url('assets/Asset movil 2.png');
}


#store .texto {
    margin: 60px auto;
}
@media screen and (max-width: 770px) {
#store .texto {
    margin: 30px auto;
}
}
#store .imagen {
    width: 90%;
    max-width: 696px;
    margin: 80px auto 40px auto;
}
#store .imagen img {
    width: 100%;
}
#store .zonaMetricas {
    width: calc(100%);
    max-width: 726px;
    margin: 66px auto 0px auto;
    padding: 0 15px;
}
#store .zonaMetricas .zonaMetrica {
    text-align: left;
    padding: 60px 0;
}
#store .zonaMetricas .zonaMetrica.primera {
    border-top: 2px solid #E6E6E6;
    border-bottom: 2px solid #E6E6E6;
}
@media screen and (max-width: 770px) {
#store .zonaMetricas {
    padding: 0px;
}
#store .zonaMetricas .zonaMetrica {
    padding: 60px 15px;
}
}
#store .zonaMetricas .zonaMetrica .tituloMetrica {
    margin: 0 0 40px 0;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Montserrat';
}
#store .zonaMetricas .zonaMetrica .metrica {
    width: 100%;
    margin-bottom: 40px;
}
#store .zonaMetricas .zonaMetrica .metrica.bad {
    margin-bottom: 0px;
}
#store .zonaMetricas .zonaMetrica .metrica .zonaLinea {
    width: 100%;
    display: flex;
    align-items: center;
}
#store .zonaMetricas .zonaMetrica .metrica .zonaLinea .linea {
    height: 8px;
    border-radius: 4px;
    margin-right: 15px;    
}
#store .zonaMetricas .zonaMetrica .metrica.good .zonaLinea .linea {
    background-color: #0E90E6;
}
#store .zonaMetricas .zonaMetrica .metrica.bad .zonaLinea .linea {
    background-color: #808080;
}
/* #store .zonaMetricas .zonaMetrica .metrica.good .zonaLinea .linea {
    width: 75%;
}
#store .zonaMetricas .zonaMetrica .metrica.bad .zonaLinea .linea {
    width: 22%;
}
#store .zonaMetricas .zonaMetrica.primera .metrica.good .zonaLinea .linea {
    width: 70%;
}
#store .zonaMetricas .zonaMetrica.primera .metrica.bad .zonaLinea .linea {
    width: 20%;
} */
#store .zonaMetricas .zonaMetrica .metrica .zonaLinea .linea {
    width: 0%;
}
#store .zonaMetricas .zonaMetrica .metrica.good .zonaLinea .dato {
    color: #0E90E6;
    font-size: 30px;
    font-weight: 800;
    font-family: 'Montserrat';
}
#store .zonaMetricas .zonaMetrica .metrica .nombre {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat';
    margin-top: 10px;
}
#store .zonaMetricas .zonaMetrica .metrica.bad .nombre {
    color: #808080;
}


#comoFunciona {
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}
#validacion .cajaLogo,
#store .cajaLogo,
#comoFunciona .cajaLogo {
    display: inline-grid;
    background-color: #e61b0e;
    margin: 0 auto;
    width: 138px;
    height: 36px;
    padding: 4px;
}
#validacion .cajaLogo svg,
#store .cajaLogo svg,
#comoFunciona .cajaLogo svg {
    width: 100%;
    fill: white;
}

@media screen and (min-width: 770px) {
#store .cajaLogo {
    width: 220px;
    height: 60px;
    padding: 8px;
}
#store .cajaLogo svg {
    width: 100%;
}
}

#comoFunciona .imagen {
    width: 90%;
    max-width: 600px;
    margin: 80px auto 40px auto;
}
#comoFunciona .imagen img {
    width: 100%;
}

#comoFunciona > * .titulo{
    margin-bottom: 30px;
}
#comoFunciona .titulo span{
    font-family: 'BebasNeueBook';
    font-weight: 500;
}
#comoFunciona .subtitulo{
    font-size: 90px;
    width: 317px;
    height: 90px;
    margin: 0 auto;
    line-height: 100px;
}
#comoFunciona .texto {
    max-width: 700px;
    margin: 0px auto;
}
#comoFunciona .texto:last-child{
    margin-bottom: 100px;
}


#pasosComoFunciona {
    width: 100%;
    height: 660px;
    position: relative;
}
#pasosComoFunciona .imagenFondo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#pasosComoFunciona .imagenFondo .imagenMovil {
    display: none;
}
#pasosComoFunciona .imagenFondo.transparencia {
    background-color: rgba(0, 0, 0, 0.7);
}
#pasosComoFunciona .imagenFondo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#pasosComoFunciona .zonaContenido {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
#pasosComoFunciona .zonaContenido .titulo {
    color: white;
    margin: 100px auto 60px auto;
}
#pasosComoFunciona .zonaContenido .zonaPasos {
    max-width: 1060px;
    margin: 0 auto;
}
#pasosComoFunciona .zonaContenido .paso {
    float: left;
    width: 210px;
    margin-right: 73px;
}
#pasosComoFunciona .zonaContenido .paso:last-child {
    margin-right: 0px;
}
#pasosComoFunciona .zonaContenido .paso .icono {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
#pasosComoFunciona .zonaContenido .paso .icono img {
    width: 100%;
    height: 100%;
}
#pasosComoFunciona .zonaContenido .paso .numero {
    width: 24px;
    height: 24px;
    margin: 22px auto 14px auto;
    background-color: black;
    color: white;
    border-radius: 100%;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}
#pasosComoFunciona .zonaContenido .paso .titulo {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Montserrat';
    margin: 0 auto 20px auto;
}
#pasosComoFunciona .zonaContenido .paso .texto {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
}
#pasosComoFunciona .zonaContenido .zonaBoton {
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}
#pasosComoFunciona .zonaContenido .boton {
    margin: 0 auto;
}
@media screen and (max-width: 1190px) {
#pasosComoFunciona {
    height: 930px;
}
#pasosComoFunciona .zonaContenido .zonaPasos {
    max-width: 513px;
}
#pasosComoFunciona .zonaContenido .paso {
    margin-right: 93px;
}
#pasosComoFunciona .zonaContenido .paso:nth-child(2n) {
    margin-right: 0px;
}
#pasosComoFunciona .zonaContenido .paso:nth-child(3),
#pasosComoFunciona .zonaContenido .paso:nth-child(4) {
    margin-top: 40px;
}
}
@media screen and (max-width:600px) {
.zonaCuadrosFeatures .cuadroFeature .imagen.width img {
    width: unset;
    height: 100%;
}

#pasosComoFunciona .imagenFondo .imagenDesktop {
    display: none;
}
#pasosComoFunciona .imagenFondo .imagenMovil {
    display: block;
}
#pasosComoFunciona {
    height: 1600px;
}
#pasosComoFunciona .zonaContenido .zonaPasos {
    max-width: 210px;
}
#pasosComoFunciona .zonaContenido .paso {
    margin-right: 0;
    margin-top: 80px;
}
#pasosComoFunciona .zonaContenido .paso:nth-child(1) {
    margin-top: 0px;
}
#pasosComoFunciona .zonaContenido .paso:nth-child(3),
#pasosComoFunciona .zonaContenido .paso:nth-child(4) {
    margin-top: 80px;
}
}





#testimonios {

}
#testimonios .titulo{
    text-align: center;
    padding-top: 100px;
}
#testimonios .subtitulo{
    text-align: center;
    font-size: 30px;
    width: 161px;
    margin: 0 auto;
    padding-top: 2px;
}
#testimonios .testimonials{
    text-align: center;
    width: 412px;
    height: 70px;
    margin: 55px auto 0 auto;
}
#testimonios .circuloFondo {
    float: left;
    width: 68px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 50px;
    margin-right: 18px;
    cursor: pointer;
    border: 2px solid #fafafa;
    transition: 0.4s ease;
}
#testimonios .circuloFondo:last-child {
    margin-right: 0px;
}
#testimonios .circuloFondo.marcado {
    border: 2px solid #e61b0e;
    transition: 0.4s ease;
}
#testimonios .imagenTestimonial {
    width: 60px;
    height: 60px;
    margin-top: 2px;
    margin-left: 2px;
    position: relative;
    background-image: url('assets/Imagen fondo landing.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200%;
    border-radius: 50px;
    transition: 0.2s ease;
}
#testimonios .imagenTestimonial::after {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.2s ease;
}
#testimonios .imagenTestimonial:hover {
    background-size: 220%;
    transition: 0.2s ease;
}
#testimonios .imagenTestimonial:hover::after {
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.2s ease;
}
#testimonios .circuloFondo.marcado .imagenTestimonial {
    background-size: 220%;
}
#testimonios .circuloFondo.marcado .imagenTestimonial:hover::after {
    background-color: rgba(0, 0, 0, 0);
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio {
    margin: 78px auto 100px auto;
    max-width: 1090px;
    height: 260px;
    padding: 0 100px;
}
#testimonios .zonaTestimonio .zonaImagen {
    float: left;
    width: 260px;
    height: 260px;
    border-radius: 20px;
    position: relative;
    background-image: url('assets/Imagen fondo landing.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200%;
    cursor: pointer;
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio .zonaImagen::after {
    content: "";
    top: 0;
    left: 0;    
    width: 260px;
    height: 260px;
    border-radius: 20px;
    position: absolute;
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio .zonaImagen:hover {
    background-size: 210%;
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio .zonaImagen:hover::after {
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio .botonPlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #e61b0e;
    transition: 0.2s ease;
    z-index: 999;
}
#testimonios .zonaTestimonio .zonaImagen:hover .botonPlay {
    background-color: #C4170C;
    transition: 0.2s ease;
}
#testimonios .zonaTestimonio .botonPlay svg {
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    fill: white;
}
#testimonios .zonaTestimonio .zonaTexto {
    float: left;
    width: calc(100% - 260px);
}
#testimonios .zonaTestimonio .zonaTexto .tituloTestimonio {
    font-size: 20px;
    font-weight: 800;
    color: black;
    margin: 43px 0 0 30px;
}
#testimonios .zonaTestimonio .zonaTexto .texto {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    color: #808080;
    margin: 20px 0 0 30px;
}
#testimonios .zonaTestimonio .zonaFirma {
    float: right;
    margin-top: 40px;
}
#testimonios .zonaTestimonio .zonaFirma .nombre {
    font-size: 18px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 6px;
}
#testimonios .zonaTestimonio .zonaFirma .iconoInsta {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
#testimonios .zonaTestimonio .zonaFirma .iconoInsta svg {
    width: 100%;
    height: 100%;
    fill: #ccc;
}
#testimonios .zonaTestimonio .zonaFirma .nombreInsta {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
    margin-top: 2px;
}
@media screen and (max-width: 1000px) {
#testimonios .zonaTestimonio .zonaTexto .tituloTestimonio {
    margin: 20px 0 0 30px;
}
}
@media screen and (max-width: 900px) {
#testimonios .zonaTestimonials {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
    position: relative;
    z-index: 0;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
#testimonios .zonaTestimonials::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
#testimonios .cubreScroll {
    width: 100%;
    height: 10px;
    background-color: #fafafa;
    z-index: 999;
    margin-top: -10px;
}
#testimonios .testimonials {
    margin: 40px auto 0 auto;
    padding: 0 12px;
    width: 436px;
}
#testimonios .zonaTestimonio {
    margin: 30px auto 138px auto;
    height: unset;
    padding: 0 20px;
    text-align: center;
}
#testimonios .zonaTestimonio .zonaImagen {
    float: none;
    margin: 0 auto;
}
#testimonios .zonaTestimonio .zonaTexto {
    float: none;
    width: 100%;
}
#testimonios .zonaTestimonio .zonaTexto .tituloTestimonio {
    margin: 40px 0 0 0px;
}
#testimonios .zonaTestimonio .zonaTexto .texto {
    margin: 30px 0 0 0px;
    padding: 0 50px;
}
#testimonios .zonaTestimonio .zonaFirma {
    float: none;
}
#testimonios .zonaTestimonio .instagram {
    width: fit-content;
    margin: 0 auto;
}
@-moz-document url-prefix() {
#testimonios .zonaTestimonio .instagram {
    width: -moz-fit-content;
}
}
}

@media screen and (max-width: 600px) {
#testimonios .zonaTestimonio .zonaTexto .tituloTestimonio {
    font-size: 17px;
}
#testimonios .zonaTestimonio .zonaTexto .texto {
    font-size: 15px;
    padding: 0 10px;
}
}


#verVideo {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 1000000000;
}
#verVideo .cerrar {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 24px;
    height: 24px;
    fill: #808080;
    cursor: pointer;
    transition: 0.2s;
}
#verVideo .cerrar:hover {
    fill: #e6e6e6;
    transition: 0.3s;
}
#verVideo video {
    width: fit-content;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@-moz-document url-prefix() {
#verVideo video {
    width: -moz-fit-content;
}
}


#faq {

}
#faq .titulo{
    text-align: center;
    padding-top: 100px;
}
#faq .subtitulo{
    text-align: center;
    font-size: 30px;
    width: 161px;
    margin: 0 auto;
    padding-top: 2px;
}

@-moz-document url-prefix() {
#faq .subtitulo{
    width: 166px;
}
}

@media screen and (max-width: 485px) {
#faq .subtitulo{
    font-size: 26px;
    width: 146px;
}
}
@media screen and (max-width: 430px) {
#faq .subtitulo{
    font-size: 22px;
    width: 127px;
}
}
.zonaFaq {
    width: 90%;
    max-width: 1600px;
    margin: 60px auto 0 auto;
    padding-bottom: 80px;
}
.zonaFaq .supertitulo {
    margin-bottom: 20px;
    font-size: 24px !important;
}
.zonaFaq .filaFaq {
    width: 100%;
    padding: 30px 0 14px 10px;
    border-top: 1px solid #ccc;
    position: relative;
    cursor: pointer;
    transition: 0.2s;
}
.zonaFaq .filaFaq:hover {
    background-color: #eee;
    transition: 0.2s;
}
.zonaFaq .filaFaq:last-child {
    border-bottom: 1px solid #ccc;
}
.zonaFaq .filaFaq .tituloFaq {
    width: 80%;
    font-size: 17px;
    font-weight: 800;
    color: black;    
    cursor: pointer;
    margin: 0;
}
.zonaFaq .filaFaq .flechita {
    position: absolute;
    right: 10px;
    top: 33px;
    width: 18px;
    height: 18px;
}
.zonaFaq .filaFaq .flechita svg {
    width: 100%;
    height: 100%;
    fill: #808080;
}
.zonaFaq .filaFaq.abierto .flechita svg {
    transform: rotate(180deg);
}
.zonaFaq .filaFaq .textoFaq {
    width: 80%;
    max-width: 960px;
    max-height: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #808080;    
    margin-top: 0px;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    transition: max-height 0.1s cubic-bezier(0, 0.49, 0.22, 0.99), opacity 0s ease 0.2s;
}
#faq .zonaFaq br::selection,
#faq .zonaFaq .filaFaq .textoFaq::selection,
#faq .zonaFaq .filaFaq .tituloFaq::selection {
    background-color: transparent;
}
@media screen and (max-width: 550px) {
.zonaFaq {
    width: 95%;
}
.zonaFaq .filaFaq .textoFaq {
    width: 95%;
}
}
.zonaFaq .filaFaq.abierto .textoFaq {
    visibility: visible;
    max-height: 100%;
    opacity: 1;
    margin-top: 20px;
    transition: max-height 0.1s cubic-bezier(0, 0.49, 0.22, 0.99), opacity 0s ease 0s;
}











#meme {
    text-align: center;
}
#meme .imagenMeme {
    width: 284px;
    height: 284px;
    background-image: url('assets/circulo mano.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.3;
    margin: 100px auto 30px auto;
}
#meme .titulo {
    width: 80%;
    margin: 0px auto 40px auto;
}
#meme .texto {
    width: 80%;
    max-width: 780px;
    margin: 0px auto 60px auto;
}
#meme .boton {
    margin: 0px auto 100px auto;
    cursor: pointer;
}








/* PANTALLAS ESTRECHAS */
@media screen and (max-width: 1800px) {
#landing {
    width: calc(100% - 80px);
    margin: 0 40px;
}
}


@media screen and (max-width: 1700px) {
.titulo {
    font-size: 50px;
}
.titulo.tituloSeccion {
    font-size: 60px;
}
#landing .cosasLanding {
    padding-top: 120px;
}
#landing .textoLanding  {
    line-height: 54px;
    padding-top: 40px;
    width: 45%;
    max-width: 515px;
    min-width: unset;
}

#landing .textoLanding .titulo {
    line-height: 54px;
}
#valorCentral {
    margin-top: 180px; 
    margin-top: 0px; 
}
#valorCentral .titulo {
    max-width: 620px;
}

@-moz-document url-prefix() {
#landing .textoLanding  {
    max-width: 535px;
}
}
}



@media screen and (max-width: 1630px) {
#features {
    width: 1290px;
}
}

@media screen and (max-width: 1430px) {
#landing .imagenLanding {
    padding-top: 50px;
}

#features {
    width: 80%;
}
#features > * {
    height: unset;
}
#features .desktop {
    display: none;
}
#features .tablet {
    display: block;
}
#features .imagenFeature {
    float: none !important;
    width: 90%;
    height: unset !important;
    margin: 0 auto;
    text-align: center;
}
#features .imagenFeature img {
    width: 500px;
}
#features .subtitulo {
    margin: 0 auto;
}
#features .izquierda .textoFeature,
#features .derecha .textoFeature {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
#features .feature1 .textoFeature {
    margin-top: 200px;
}
#features .textoFeature .texto {
    max-width: 745px;
    margin: 20px auto 0px auto;
}
#features .feature1 .textoFeature .texto,
#features .feature2 .textoFeature .texto,
#features .feature3 .textoFeature .texto,
#features .feature4 .textoFeature .texto,
#features .feature5 .textoFeature .texto,
#features .feature6 .textoFeature .texto,
#features .feature7 .textoFeature .texto,
#features .feature8 .textoFeature .texto {
    margin-bottom: 50px;
}

}


@media screen and (max-width: 1280px) {
#landing .cosasLanding {
    padding-top: 140px;
}
#landing .textoLanding  {
    padding-top: 40px;
    width: 50%;
}
#landing .imagenLanding {
    width: 50%;
}

#valorCentral {
    margin-top: 210px; 
    margin-top: 0px; 
}
}



@media screen and (max-width: 1220px) {
#valorCentral {
    margin-top: 160px; 
    margin-top: 0px; 
}
}



/* VERSION TABLET */
@media screen and (max-width: 1200px) {

body {
    height: unset;
    min-height: 851px;
}



#zonaPrincipal{
    width: 100%;
    margin: 0;
}


#landing {
    width: calc(100% - 60px);
    margin: 0 30px;
}

#landing .cosasLanding{
    padding-top: 80px;
}
#landing .preTitulo {
    font-size: 23px;
    margin: 0 auto;
}
#landing .imagenLanding {
    float: none;
    width: 85%;
    max-width: 800px;
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}
#landing .imagenLanding img,
#landing .imagenLanding video {
    width: 100%;
    height: auto;
}

#landing .textoLanding {
    width: 100%;
    min-width: unset;
    max-width: unset;
    padding-top: 0;
    padding-bottom: 20px;
    margin: 30px auto 0 auto;
}

#landing .textoLanding .titulo{
    text-align: center;
}

#landing .textoLanding .texto{
    max-width: 85%;
    text-align: center;
    margin: 20px auto 0 auto;
}

#landing .cosasLanding .botonesLanding{
   width: 90%;
   max-width: 260px;
   margin: 30px auto;
}

#landing .cosasLanding .boton{
    width: 100%;
    margin-bottom: 10px;
}

#landing .cosasLanding .boton.trans{
    background-color: #fafafa;
    color: #848484;
    border: 2px solid #e6e6e6;
}
#landing .cosasLanding .boton.trans:hover{
    background-color: #e6e6e6;
}

#validacion {
    margin: 100px auto 40px auto;
}

#valorCentral{
    margin-top: 50px;
}
.texto {
    font-size: 15px;
    line-height: 20px
}

#appClientes .imagenesApp {
    width: 676px;
    margin: 62px auto 0 auto;
}
#appClientes .imagenesApp .imagenApp.lateral:last-child {
    height: 518px;
    margin: 0 0 0 30px;
}
#appClientes .imagenesApp .imagenApp.lateral {
    height: 518px;
    margin-top: 0px;
}
#appClientes .imagenesApp .imagenApp.central {
    display: none;
}
}


@media screen and (max-width: 850px) {

#valorCentral .titulo {
    max-width: 610px;
}
#valorCentral .videoValor video {
    top: -30%;
}
}





@media screen and (max-width: 770px) {

.titulo,
.titulo.tituloSeccion {
    font-size: 40px;
}
.miniTitulo{
    font-size: 26px;
}

#landing .textoLanding .titulo {
    line-height: 44px;
}
#valorCentral .titulo span {
    font-size: 30px;
}
#valorCentral .videoValor video {
    top: -10%;
}
#features {
    width: 85%;
}
#features .imagenFeature {
    width: 100%;
}
#features .imagenFeature img {
    width: 100%;
}

#appClientes {
    height: unset;
}
#appClientes .titulo,
#masCosas .titulo {
    width: 80%;
    font-size: 50px;
}
#appClientes .imagenesApp {
    width: 323px;
}
#appClientes .imagenesApp .imagenApp.lateral {
    display: none;
}
#appClientes .imagenesApp .imagenApp.central {
    display: block;
    margin: 0 0 0 0px;
}

#comoFunciona .cajaLogo{
    width: 110px;
    height: 30px;
    padding: 4px;
}
#comoFunciona .cajaLogo svg{
    width: calc(100% - 1px);
}
}


@media screen and (max-width: 630px) {
#landing .imagenLanding {
    float: none;
    width: 95%;
    max-width: 600px;
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}

#valorCentral .videoValor video {
    height: 100%;
    width: auto;
    top: 0;
    left:7%;
}
#features .feature1 .textoFeature {
    margin-top: 100px;
}
}



/* VERSION MOVIL */
@media screen and (max-width: 600px) {


#zonaPrincipal{
    width: 100%;
    margin: 0;
}


#landing .textoLanding{
    width: 100%;
}
#landing .textoLanding .texto{
    max-width: 100%;
}

#valorCentral .titulo {
    width: 60%;
}
#valorCentral .texto {
    width: 60%;
}
#valorCentral .subtitulo.desktop,
#features .subtitulo.desktop {
    display: none;
}
#valorCentral .subtitulo.movil,
#features .subtitulo.movil {
    display: table;
    background-color: transparent;
}
#valorCentral .subtitulo > *,
#features .subtitulo > * {
    background-color: #e61b0e;
    padding: 4px 8px 0 8px;
    margin: 0 auto;
    display: table;
}
#valorCentral .subtitulo > *:last-child,
#features .subtitulo > *:last-child {
    margin: 5px auto 0 auto;
}
#features {
    margin: 150px auto 0 auto
}
}



@media screen and (max-width: 485px) {
.titulo{
    font-size: 36px;
}
#landing .titulo{
    font-size: 40px;
}
#landing .preTitulo{
    font-size: 23px;
}
#features .subtitulo {
    font-size: 26px;
}
}


@media screen and (max-width: 450px) {
#features {
    margin: 180px auto 0 auto;
}
}


@media screen and (max-width: 430px) {
.titulo{
    font-size: 36px;
}
#features .subtitulo {
    font-size: 22px;
    height: 28px;
    line-height: 28px;
}
#features #Powered_by_Stripe_-_black {
    width: 120px;
    margin-top: -3px;
}
#landing {
    width: calc(100% - 52px);
    margin: 0 26px;
}
#landing .cosasLanding {
    padding-top: 60px;
}
#landing .titulo{
    font-size: 40px;
}
#features .subtitulo {
    font-size: 26px;
}
#landing .preTitulo {
    font-size: 20px;
}


#valorCentral .titulo {
    width: 66%;
}
#valorCentral .texto {
    width: 66%;
}
#valorCentral .videoValor video {
    left: -40%;
}
#features .titulo {
    width: 90%;
    margin: 0 auto;
}

#appClientes .imagenesApp {
    width: 280px;
    height: 449px;
}
#appClientes .imagenesApp .imagenApp.central {
    margin: 0 0 0 0px;
    width: 280px;
    height: 449px;
}
}



@media screen and (max-width: 380px) {
#landing .titulo{
    font-size: 35px;
}
#landing .preTitulo {
    font-size: 20px;
}
}










#registro {
    text-align: center;
    position: relative;
    min-height: 100vh;
}

#registro #landingRegistro{
    margin-top: 20px;
}
#registro #landingRegistro .imagenRegistro{
    width: 100%;
}
#registro #landingRegistro .imagenRegistro img{
    width: 90%;
    max-width: 600px;
}
#registro #landingRegistro .titulo{
    width: 80%;
    margin: 0 auto;
}
#registro #landingRegistro .texto{
    font-weight: 400;
    width: 80%;
    max-width: 1000px;
    margin: 60px auto 100px auto;
    padding-bottom: 50px;
}
#registro #landingRegistro .texto span{
    font-weight: 600;
}
#registro footer{
    position: absolute;
    bottom: 0;
}



@media screen and (max-width: 900px) {
#registro #landingRegistro .titulo{
    font-size: 34px;
}

#registro #landingRegistro .texto {
    font-size: 14px;
}
}