.reset, input, .box-unete input, .unete input, select, textarea, text-cantidad input, html, body, div, span, nav, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

    a:link img, a:hover img, a:visited img, a:active img {
        border: none;
    }

::selection {
    background: #111111;
    color: #ffffff;
}

::-moz-selection {
    background: #111111;
    color: #ffffff;
}

:focus {
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    background-color: #e3eeff;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    overflow-x: hidden;
    width: 100%;
    color: #1d1d1d;
}

.c {
    clear: both;
}


* {
    margin: 0;
    padding: 0;
}


#footer {
    padding-top: 60px;
    padding-bottom: 50px;
    clear: both;
    background-color: #fff;
}

    #footer .centrar {
        width: 80%;
    }


.footer-redes {
    float: none;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
}

    .footer-redes a.redes {
        font-size: 1.5em;
        color: #5b4689;
        margin-right: 6px;
        margin-left: 6px;
    }

.creditos {
    color: #969696;
    text-align: center;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 2px;
}

    .creditos a:link {
        color: #969696;
    }

    .creditos a:visited {
        color: #969696;
    }

    .creditos a:hover {
        color: #dd9933;
    }

    .creditos .fas {
        margin-right: 5px;
    }


.fa {
    margin-right: 5px;
}

/*/*/

.centrar {
    width: 90%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}


.overlay {
    background-color: rgba(23, 23, 23, 0.45);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    text-shadow: 1px 1px 2px rgba(46, 43, 43, 0.66);
    cursor: auto;
}

.overlaymenu {
    display: none;
    position: absolute;
    width: 100%;
    height: 3000px;
    min-height: 100%;
    background-color: rgba(17, 17, 17, 0.90);
    z-index: 1000;
    overflow: hidden;
    -webkit-transition: display 1.3s linear;
    -moz-transition: display 1.3s linear;
    -o-transition: display 1.3s linear;
    transition: display 1.3s linear;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.center {
    text-align: center;
}

.clearfix {
    display: block;
    content: '';
    clear: both;
}

.tabla {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
}

.celda {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.mr20 {
    margin-right: 20px;
}

#main {
    width: 100%;
    /*max-width: 800px;
    margin-left: auto;
    margin-right: auto;*/
}


.ocultar {
    animation: ocultar2 2s;
    animation-fill-mode: forwards;
}

@keyframes ocultar2 {
    0% {
        opacity: 1;
        left: initial;
    }

    80% {
        opacity: 0;
        left: initial;
    }

    100% {
        opacity: 0;
        left: -100%;
    }
}


/*EFECTO*/
.hvr-grow {
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
        transform: scale(1.1);
    }



/* CONTENIDO ------------------------------*/
.reveal-box {
    width: 100%;
    padding-bottom: 60px;
    background-color: #e3eeff;
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    /*height: 100vh;*/
}

.animate {
    animation-play-state: running;
}

@keyframes scale-in-down {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.mobileonly {
    display: none;
}


.logo {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

    .logo img {
        width: 100%;
    }


.centrar {
    width: 90%;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

.home-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.home-flex-img {
    width: 45%;
}

    .home-flex-img img {
        width: 100%;
        transform: skew(-2deg);
    }

.home-flex-txt {
    width: 55%;
    box-sizing: border-box;
    padding-left: 40px;
}

.txt-main {
    font-weight: 700;
    font-size: 4em;
    color: #5b4689;
    margin-bottom: 30px;
}

.txt-sub {
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.4em;
    color: #4e406c;
}

    .txt-sub span {
        font-style: italic;
    }

.boton-mas-info {
    margin-top: 30px;
}

    .boton-mas-info a {
        display: inline-block;
        padding: 24px 80px;
        border: 1px solid #4e406c;
        color: #4e406c;
        border-radius: 100px;
        font-weight: 700;
        font-size: 1.2em;
        letter-spacing: 2px;
    }

        .boton-mas-info a:hover {
            background-color: #4e406c;
            color: #fff;
        }

.como-funciona {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(243,241,241,1) 100%);
    color: #4e406c;
}

    .como-funciona .title {
        text-align: center;
        font-weight: 700;
        font-size: 4em;
        color: #5b4689;
        margin-bottom: 40px;
    }

    .como-funciona .sub {
    }

.como-funciona-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .como-funciona-flex .box {
        width: 30%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        box-sizing: border-box;
        padding: 60px 40px 40px 40px;
        border-radius: 32px;
        text-align: left;
    }

        .como-funciona-flex .box .box-img {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
        }

        .como-funciona-flex .box .box-title {
            font-weight: 700;
            font-size: 2em;
            letter-spacing: 0px;
            margin-bottom: 30px;
        }

        .como-funciona-flex .box .box-info {
            font-size: 1.2em;
            letter-spacing: 1px;
            line-height: 1.4em;
        }

            .como-funciona-flex .box .box-info span {
                font-style: italic;
                font-weight: 700;
            }

.como-funciona img {
    width: 100%;
    border-radius: 20px;
}

.como-funciona-flex .box-1 {
    background-color: #e9c0e9;
    color: #502274;
}

.como-funciona-flex .box-2 {
    background-color: #780016;
    color: #e9c0e9;
}

.como-funciona-flex .box-3 {
    background-color: #502274;
    color: #e9c0e9;
}

.ideal {
    /*background: rgb(236,231,246);
    background: linear-gradient(180deg, rgba(236,231,246,1) 50%, rgba(199,190,221,1) 100%);*/
    background: rgb(243,231,233);
    background: linear-gradient(180deg, rgba(243,231,233,1) 50%, rgba(236,231,246,1) 100%);
    padding-top: 60px;
    padding-bottom: 60px;
}

    .ideal .title {
        text-align: center;
        font-weight: 700;
        font-size: 4em;
        color: #5b4689;
        margin-bottom: 80px;
    }

.ideal-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.ideal-img {
    width: 55%;
}

    .ideal-img img {
        width: 100%;
        transform: skew(-2deg);
    }

.ideal-img-2 {
}

    .ideal-img-2 img {
        transform: skew(2deg);
    }


.ideal-info {
    width: 45%;
    box-sizing: border-box;
    padding-left: 40px;
}

.ideal-info-title {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #4e406c;
    margin-bottom: 20px;
}

.ideal-info-txt {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 1.4em;
    color: #4e406c;
}

.mt60 {
    margin-top: 60px;
}

.precios {
    background-color: #7447e1;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .precios .title {
        text-align: center;
        font-weight: 700;
        font-size: 4em;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .precios .lanzamiento {
        text-align: center;
        font-size: 2em;
        letter-spacing: 2px;
        margin-bottom: 10px;
    }

    .precios .fecha {
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        letter-spacing: 2px;
    }

.precios-flex-bg {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 20px 20px 40px 20px;
    box-sizing: border-box;
    background-color: #fff;
    color: #4e406c;
    border-radius: 0px 0px 20px 20px;
}

.nombre-paquete {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    background-color: #4e406c;
    color: #fff;
    border-radius: 20px 20px 0px 0px;
    box-sizing: border-box;
    padding: 34px 20px;
    font-size: 2em;
    letter-spacing: 1px;
    font-weight: 700;
}


.precio {
    font-weight: 700;
    font-size: 3em;
    color: #7447e1;
    text-align: center;
}

.paquete-boton {
    margin-top: 15px;
    text-align: center;
}

    .paquete-boton a {
        display: inline-block;
        background-color: #7447e1;
        color: #fff;
        text-decoration: none;
        padding: 24px 40px;
        border-radius: 100px;
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: 2px;
    }

        .paquete-boton a:hover {
            background-color: #8353f6;
        }

.precios-flex {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e2dae2;
}

.precios-flex-icon {
    width: 30px;
}

    .precios-flex-icon img {
        width: 100%;
    }

.precios-flex-info {
    width: 90%;
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.4em;
    box-sizing: border-box;
    padding-left: 20px;
}

.pf-last {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ventajas {
    background-color: #e3eeff;
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
    padding-top: 60px;
    padding-bottom: 60px;
}

    .ventajas .title {
        text-align: center;
        font-weight: 700;
        font-size: 4em;
        color: #5b4689;
        margin-bottom: 40px;
    }

.ventajas-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ventajas-box {
    width: 46%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    color: #4e406c;
}

.ventajas-img {
    width: 20%;
    border-radius: 14px;
}

    .ventajas-img img {
        width: 100%;
    }

.ventajas-info {
    width: 80%;
    box-sizing: border-box;
    padding-left: 40px;
}

.ventajas-info-title {
    font-weight: 700;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: 1em;
    margin-bottom: 10px;
}

.ventajas-info-txt {
    font-size: 1.4em;
    letter-spacing: 1px;
    line-height: 1.4em;
}

.mt40 {
    margin-top: 40px;
}

.opiniones {
    background-color: #fff;
    background-color: rgb(241, 237, 248);
    padding-top: 60px;
    padding-bottom: 60px;
}

    .opiniones .title {
        text-align: center;
        font-weight: 700;
        font-size: 4em;
        color: #5b4689;
        margin-bottom: 40px;
    }


.box-opinion {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(241, 237, 248);
    background-color: #fff;
    border-radius: 0px 32px;
    box-sizing: border-box;
    padding: 40px;
    box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.20);
    margin-bottom: 30px;
}

.opinion-txt {
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-align: center;
}

.opinion-nombre {
    font-weight: 700;
    font-style: italic;
    font-size: 1.2em;
    margin-top: 20px;
    text-align: right;
}


.prueba-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.prueba-img {
    width: 45%;
}

    .prueba-img img {
        width: 100%;
        border-radius: 32px;
        box-shadow: -4px 12px 8px rgba(0, 0, 0, 0.15);
    }

.prueba-info {
    width: 55%;
    padding-left: 40px;
    box-sizing: border-box;
    color: #4e406c;
}

.prueba-title {
    font-weight: 700;
    font-size: 3em;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.prueba-txt {
    font-size: 1.4em;
    letter-spacing: 1px;
    line-height: 1.4em;
}


.boton-mobile {
    display: none;
}

.mensaje-mobile {
    display: none;
}


.iniciar {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgb(106,89,142);
    background: linear-gradient(180deg, rgba(106,89,142,1) 50%, rgba(78,64,108,1) 100%);
    color: #fff;
}


.iniciar-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.iniciar-img {
    width: 55%;
}

    .iniciar-img img {
        width: 100%;
        transform: skew(-2deg);
    }

.iniciar-info {
    width: 45%;
    box-sizing: border-box;
    padding-left: 40px;
}

.iniciar-info-title {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.iniciar-info-txt {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 1.6em;
}

    .iniciar-info-txt span {
        font-style: italic;
    }

.recibe {
    font-size: 1.5em;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: 700;
    margin-top: 20px;
    color: #e9c0e9;
}

    .recibe img {
        width: 20px;
    }

.iniciar .boton {
    margin-top: 30px;
}

    .iniciar .boton a {
        display: inline-block;
        background-color: #fff;
        color: #7447e1;
        text-decoration: none;
        padding: 24px 40px;
        border-radius: 100px;
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: 2px;
    }

.mobileonly {
    display: none;
}

.desktoponly {
    display: block;
}

/* MOVIL */
@media screen and (max-width: 1420px) {
    .logo {
        width: 500px;
        margin-top: 40px;
    }

    .txt-main {
        font-size: 3em;
        margin-bottom: 30px;
    }
}

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

    .txt-main {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .como-funciona .title {
        font-size: 3em;
        margin-bottom: 40px;
    }

    .ideal .title {
        font-size: 3em;
        margin-bottom: 80px;
    }



    .precios .fecha {
        font-size: 1.1em;
        letter-spacing: 1px;
    }


    .precios .title {
        font-size: 3em;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .ventajas .title {
        font-size: 3em;
        margin-bottom: 30px;
    }

    .ventajas-box {
        width: 48%;
        padding: 20px;
    }

    .ventajas-info-txt {
        font-size: 1.2em;
        letter-spacing: 1px;
        line-height: 1.4em;
    }

    .iniciar-info-txt {
        font-size: 1.2em;
        letter-spacing: 1px;
        line-height: 1.4em;
    }

    .recibe {
        font-size: 1.2em;
        line-height: 1.4em;
        margin-top: 20px;
    }
}

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

    .mobileonly {
        display: block;
    }

    .desktoponly {
        display: none;
    }


    .logo {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .home-flex-img {
        width: 100%;
        margin-bottom: 0px;
    }

    .home-flex-txt {
        width: 100%;
        padding-left: 0px;
    }

    .txt-main {
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 2em;
    }

    .boton-mas-info a {
        width: 100%;
        box-sizing: border-box;
        padding: 24px 24px;
        font-size: 1.1em;
        letter-spacing: 1px;
        text-align: center;
    }

    .como-funciona {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .como-funciona .title {
            font-size: 2.5em;
            margin-bottom: 40px;
        }

    .como-funciona-flex .box {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 40px 40px 40px;
        border-radius: 32px;
        text-align: left;
        margin-bottom: 40px;
    }

        .como-funciona-flex .box .box-img {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
        }

    .ideal {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .ideal .title {
            font-size: 2.5em;
            line-height: 1.1em;
            margin-bottom: 40px;
        }

    .ideal-img {
        width: 100%;
    }

    .ideal-info {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        text-align: center;
    }

    .ideal-info-title {
        font-size: 2.5em;
        letter-spacing: 1px;
        margin-top: 30px;
        margin-bottom: 20px;
    }


    .ideal-info-txt {
        /*padding-bottom: 40px;
        border-bottom: 1px solid #b2abc2;*/
        font-size: 1.4em;
    }


    .precios {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .nbm {
        border: none;
        padding-bottom: 0px;
    }

    .nombre-paquete {
        max-width: 500px;
        margin-top: 30px;
        border-radius: 20px 20px 0px 0px;
        padding: 20px 20px;
        font-size: 2em;
        letter-spacing: 1px;
    }

    .precios-flex-icon {
        width: 10%;
    }

    .precio {
        font-size: 2.5em;
    }

    .paquete-boton a {
        padding: 20px 20px;
        font-size: 1.1em;
        letter-spacing: 1px;
    }

    .ventajas {
        padding-top: 40px;
        padding-bottom: 20px;
    }

        .ventajas .title {
            font-size: 3em;
            margin-bottom: 40px;
        }

    .ventajas-box {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px;
    }

    .ventajas-img {
        width: 30%;
    }

    .ventajas-info {
        width: 70%;
        padding-left: 20px;
    }

    .ventajas-info-title {
        font-size: 1.8em;
        letter-spacing: 1px;
        line-height: 1em;
        margin-bottom: 10px;
    }

    .ventajas-info-txt {
        font-size: 1.1em;
        letter-spacing: 1px;
        line-height: 1.4em;
    }

    .mt40 {
        margin-top: 20px;
    }

    .iniciar {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .iniciar-img {
        width: 100%;
    }

    .iniciar-info {
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
    }

    .iniciar-info-title {
        font-size: 2.5em;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .iniciar .boton a {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 20px;
        font-size: 1.1em;
        letter-spacing: 1px;
        text-align: center;
    }

    .prueba-img {
        width: 100%;
        margin-bottom: 30px;
    }

        .prueba-img img {
            border-radius: 28px;
            box-shadow: -4px 8px 8px rgba(0, 0, 0, 0.15);
        }


    .prueba-info {
        width: 100%;
        padding-left: 0px;
    }

    .prueba-title {
        font-size: 2.5em;
        letter-spacing: 1px;
        margin-bottom: 20px;
        text-align: center;
    }

    .prueba-txt {
        font-size: 1.2em;
        letter-spacing: 1px;
        line-height: 1.4em;
        text-align: center;

    }

    .boton-mobile {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

        .boton-mobile a {
            display: inline-block;
            background-color: #5b4689;
            width: 100%;
            box-sizing: border-box;
            padding: 20px;
            border-radius: 100px;
            color: #fff;
            font-size: 1.1em;
            font-weight: 700;
            letter-spacing: 1px;
        }

    .mensaje-mobile {
        display: block;
        font-size: 1em;
        letter-spacing: 1px;
        line-height: 1.4em;
        font-style: italic;
        padding-bottom: 40px;
        border-bottom: 1px solid #cfcdd3;
        margin-bottom: 20px;
        text-align: center;
    }
}


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



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