@font-face {
    font-family: "HelveticaNowMicroW05-Rg";
    src: url("Fonts/HelveticaNowMicroW05-Rg.eot?#iefix");
    src: url("Fonts/HelveticaNowMicroW05-Rg.eot?#iefix") format("eot"), url("Fonts/HelveticaNowMicroW05-Rg.woff2") format("woff2"), url("Fonts/HelveticaNowMicroW05-Rg.woff") format("woff"), url("Fonts/HelveticaNowMicroW05-Rg.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowMicroW05-Bold";
    src: url("Fonts/HelveticaNowMicroW05-Bold.eot?#iefix");
    src: url("Fonts/HelveticaNowMicroW05-Bold.eot?#iefix") format("eot"), url("Fonts/HelveticaNowMicroW05-Bold.woff2") format("woff2"), url("Fonts/HelveticaNowMicroW05-Bold.woff") format("woff"), url("Fonts/HelveticaNowMicroW05-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowTextW05-Medium";
    src: url("Fonts/HelveticaNowTextW05-Medium.eot?#iefix");
    src: url("Fonts/HelveticaNowTextW05-Medium.eot?#iefix") format("eot"), url("Fonts/HelveticaNowTextW05-Medium.woff2") format("woff2"), url("Fonts/HelveticaNowTextW05-Medium.woff") format("woff"), url("Fonts/HelveticaNowTextW05-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowDisplayW05-XBd";
    src: url("Fonts/HelveticaNowDisplayW05-XBd.eot?#iefix");
    src: url("Fonts/HelveticaNowDisplayW05-XBd.eot?#iefix") format("eot"), url("Fonts/HelveticaNowDisplayW05-XBd.woff2") format("woff2"), url("Fonts/HelveticaNowDisplayW05-XBd.woff") format("woff"), url("Fonts/HelveticaNowDisplayW05-XBd.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowDisplayW05-Bold";
    src: url("Fonts/HelveticaNowDisplayW05-Bold.eot?#iefix");
    src: url("Fonts/HelveticaNowDisplayW05-Bold.eot?#iefix") format("eot"), url("Fonts/HelveticaNowDisplayW05-Bold.woff2") format("woff2"), url("Fonts/HelveticaNowDisplayW05-Bold.woff") format("woff"), url("Fonts/HelveticaNowDisplayW05-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowDisplayW05-Md";
    src: url("Fonts/HelveticaNowDisplayW05-Md.eot?#iefix");
    src: url("Fonts/HelveticaNowDisplayW05-Md.eot?#iefix") format("eot"), url("Fonts/HelveticaNowDisplayW05-Md.woff2") format("woff2"), url("Fonts/HelveticaNowDisplayW05-Md.woff") format("woff"), url("Fonts/HelveticaNowDisplayW05-Md.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowDisplayW05-Rg";
    src: url("Fonts/HelveticaNowDisplayW05-Rg.eot?#iefix");
    src: url("Fonts/HelveticaNowDisplayW05-Rg.eot?#iefix") format("eot"), url("Fonts/HelveticaNowDisplayW05-Rg.woff2") format("woff2"), url("Fonts/HelveticaNowDisplayW05-Rg.woff") format("woff"), url("Fonts/HelveticaNowDisplayW05-Rg.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowDisplayW05-XLt";
    src: url("Fonts/HelveticaNowDisplayW05-XLt.eot?#iefix");
    src: url("Fonts/HelveticaNowDisplayW05-XLt.eot?#iefix") format("eot"), url("Fonts/HelveticaNowDisplayW05-XLt.woff2") format("woff2"), url("Fonts/HelveticaNowDisplayW05-XLt.woff") format("woff"), url("Fonts/HelveticaNowDisplayW05-XLt.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowTextW05-XBold";
    src: url("Fonts/HelveticaNowTextW05-XBold.eot?#iefix");
    src: url("Fonts/HelveticaNowTextW05-XBold.eot?#iefix") format("eot"), url("Fonts/HelveticaNowTextW05-XBold.woff2") format("woff2"), url("Fonts/HelveticaNowTextW05-XBold.woff") format("woff"), url("Fonts/HelveticaNowTextW05-XBold.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowTextW05-Bold";
    src: url("Fonts/HelveticaNowTextW05-Bold.eot?#iefix");
    src: url("Fonts/HelveticaNowTextW05-Bold.eot?#iefix") format("eot"), url("Fonts/HelveticaNowTextW05-Bold.woff2") format("woff2"), url("Fonts/HelveticaNowTextW05-Bold.woff") format("woff"), url("Fonts/HelveticaNowTextW05-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowTextW05-Regular";
    src: url("Fonts/HelveticaNowTextW05-Regular.eot?#iefix");
    src: url("Fonts/HelveticaNowTextW05-Regular.eot?#iefix") format("eot"), url("Fonts/HelveticaNowTextW05-Regular.woff2") format("woff2"), url("Fonts/HelveticaNowTextW05-Regular.woff") format("woff"), url("Fonts/HelveticaNowTextW05-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowMicroW05-Medium";
    src: url("Fonts/HelveticaNowMicroW05-Medium.eot?#iefix");
    src: url("Fonts/HelveticaNowMicroW05-Medium.eot?#iefix") format("eot"), url("Fonts/HelveticaNowMicroW05-Medium.woff2") format("woff2"), url("Fonts/HelveticaNowMicroW05-Medium.woff") format("woff"), url("Fonts/HelveticaNowMicroW05-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNowTextW05-Medium";
    src: url("Fonts/HelveticaNowTextW05-Medium.eot?#iefix");
    src: url("Fonts/HelveticaNowTextW05-Medium.eot?#iefix") format("eot"), url("Fonts/HelveticaNowTextW05-Medium.woff2") format("woff2"), url("Fonts/HelveticaNowTextW05-Medium.woff") format("woff"), url("Fonts/HelveticaNowTextW05-Medium.ttf") format("truetype");
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.web-frosi {
    text-align: center !important;
    padding-top: 50px !important;
    color: #a0a0a0 !important;
    font-size: 12px !important;
}
/*PANTALLA 1*/

.ocultar {
    display: none;
}

.header {
    text-align: center;
    margin: 2vw 0;
    max-height: 60vw;
}

.logo {
    background: #503629;
    color: #fff;
    font-family: "HelveticaNowDisplayW05-Bold";
    border-radius: 50px;
    margin: 1.5vh auto 2vh auto;
    display: inline-block;
    padding: 15px 20px;
}

.titulo-header {
    font-family: "HelveticaNowDisplayW05-XBd";
    color: #503629;
    font-size: 8vw;
    text-align: center;
}

.guia {
    font-family: "HelveticaNowDisplayW05-Bold";
    color: #755848;
    font-size: 4vw;
    line-height: 120%;
    margin: 2vw 5vw;
}

.nube-1 p,
.nube-2 p,
.nube-3 p {
    font-family: "HelveticaNowTextW05-Bold";
    font-size: 5.5vw;
    line-height: 123%;
}

.nube-1 {
    background: url('img/nube-1.svg') no-repeat;
    width: 99vw;
    height: 37vw;
    margin: auto;
}

.nube-2 {
    background: url('img/nube-2.svg') no-repeat;
    width: 97vw;
    height: 30vw;
    margin: -4vw auto;
}

.nube-3 {
    background: url('img/nube-3.svg') no-repeat;
    width: 99vw;
    height: 38vw;
    margin: -5vw auto;
}

.nube-1 p {
    color: #269999;
    padding: 8vw 12vw;
}

.nube-2 p {
    color: #6e39b6;
    padding: 4vw 8vw;
}

.nube-3 p {
    color: #269999;
    padding: 10vw 5vw;
}

.arboles {
    background: url('img/fondo-celu.svg') no-repeat;
    background-size: contain;
    width: 96vw;
    height: 505vw;
    margin: 80vw auto 0;
}

.arbol-1 {
    background: url(img/arbol-1.svg) no-repeat center;
    background-size: contain;
    width: 48vw;
    height: 82vw;
    margin: auto;
}

.arbol-2 {
    background: url(img/arbol-2.svg) no-repeat center;
    background-size: contain;
    width: 48vw;
    height: 56vw;
    margin: 23vw auto 0;
}

.arbol-3 {
    background: url(img/arbol-3.svg) no-repeat center;
    background-size: contain;
    width: 55vw;
    height: 61vw;
    margin: 28vw auto 0;
}

.arbol-4 {
    background: url(img/arbol-4.svg) no-repeat center;
    background-size: contain;
    width: 60vw;
    height: 62vw;
    margin: 26vw auto 0;
}

.bajada {
    font-family: "HelveticaNowTextW05-Medium";
    color: #755848;
    font-size: 4.2vw;
    line-height: 110%;
    text-align: center;
}

.bajada-1 {
    margin: -16vw 0;
}

.bajada-2 {
    margin: 2vw 22vw;
}

.bajada-3 {
    margin: 3vw 20vw;
}

.bajada-4 {
    margin: 2vw 20vw;
}

.inversion {
    font-family: "HelveticaNowTextW05-Bold";
    color: #f2855f;
    font-size: 5.5vw;
    text-align: center;
}

.inversion:after {
    content: " ";
    background: url('img/flecha-naranja.svg') no-repeat;
    display: block;
    width: 2.3vw;
    height: 7vw;
    margin: -1vw auto;
}

.inversion-1 {
    margin-top: 18vw;
}

.inversion-2 {
    margin-top: 3vw;
}

.bajada-inversion {
    font-family: "HelveticaNowDisplayW05-XBd";
    color: #f25c79;
    font-size: 8vw;
    text-align: center;
    margin-top: -3.5vw;
}

.bajada-inversion-1:after {
    content: " ";
    background: url('img/raya-1.svg') no-repeat;
    display: block;
    width: 44vw;
    height: 6vw;
    margin: -1vw auto;
}

.bajada-inversion-2:after {
    content: " ";
    background: url('img/raya-2.svg') no-repeat;
    display: block;
    width: 27vw;
    height: 6vw;
    margin: -1vw auto;
}

.bajada-inversion-3:after {
    content: " ";
    background: url('img/raya-3.svg') no-repeat;
    display: block;
    width: 27vw;
    height: 6vw;
    margin: -1vw auto;
}

.bajada-inversion-4:after {
    content: " ";
    background: url('img/raya-4.svg') no-repeat;
    display: block;
    width: 36vw;
    height: 6vw;
    margin: -1vw auto;
}

.up {
    background: url("img/arriba.svg") no-repeat center center;
    width: 10vw;
    height: 10vw;
    background-size: cover;
    right: 3vw;
    margin: 3vw 0;
    border: none;

    /*-----------------------AJUSTAR SEGÚN PLATAFORMA DE PUBLICACIÓN-----------------------------*/
    bottom: -80px;
    transition: bottom 0.5s;
    position: fixed;
}

/*PANTALLA 2*/

.cerrar {
    background: url(img/arriba.svg) no-repeat right;
    width: 10vw;
    height: 10vw;
    cursor: pointer;
    float: right;
    margin: 3vw;
}

.anterior,
.siguiente {
    border-radius: 10vw;
    border: solid .7vw #a068ba;
    width: 13vw;
    height: 13vw;
    position: absolute;
    top: 42vw;
    cursor: pointer;
}

.anterior {
    background: url('img/flecha-violeta-prev.svg') no-repeat;
    background-size: 4vw;
    background-position: 45% center;
    background-color: transparent;
    left: 6vw;
}

.siguiente {
    background: url('img/flecha-violeta-next.svg') no-repeat;
    background-size: 4vw;
    background-position: 55% center;
    background-color: transparent;
    right: 6vw;
}

.arbol2-1,
.arbol2-2,
.arbol2-3,
.arbol2-4 {
    width: 60vw;
    height: 82vw;
    margin: auto;
}

.arbol2-1 {
    background: url(img/arbol-1.svg) no-repeat center;
    background-size: 85%;
}

.arbol2-2 {
    background: url(img/arbol-2.svg) no-repeat center;
    background-size: 80%;
}

.arbol2-3 {
    background: url(img/arbol-3.svg) no-repeat center;
    background-size: contain;
}

.arbol2-4 {
    background: url(img/arbol-4.svg) no-repeat center;
    background-size: contain;
}

.subtitulo {
    font-family: "HelveticaNowTextW05-Bold";
    color: #a068ba;
    font-size: 5vw;
    text-align: center;
    padding: 12vw 9vw;
    margin-top: -15vw;
    background: url(img/fondo-subtitulo.svg) no-repeat center center;
    background-size: 87vw;
    line-height: 120%;
}

.reloj {
    background: url(img/reloj.svg) no-repeat center center;
    width: 76vw;
    height: 25vw;
    background-size: 20vw;
    margin: 6vw auto 0;
    position: relative;
}

.reloj:before {
    content: "invertir";
    color: #f25c79;
    font-family: "HelveticaNowDisplayW05-XBd";
    font-size: 8vw;
    position: absolute;
    left: 0;
    top: 6vw;
}

.reloj:after {
    content: "tiempo";
    color: #f25c79;
    font-family: "HelveticaNowDisplayW05-XBd";
    font-size: 8vw;
    position: absolute;
    right: 0;
    top: 6vw;
}

.clave-tiempo {
    font-family: "HelveticaNowDisplayW05-XBd";
    color: #f25c79;
    font-size: 8vw;
    border-bottom: solid .6vw;
    margin: 5vw;
}

.clave-rosa:after {
    content: " ";
    background: url(img/clave-rosa.svg) no-repeat center center;
    display: inline-block;
    width: 7vw;
    height: 7vw;
    margin: 0 0 -1vw 2vw;
}

.clave-verde:after {
    content: " ";
    background: url(img/clave-verde.svg) no-repeat center center;
    display: inline-block;
    width: 7vw;
    height: 7vw;
    margin: 0 0 -1vw 2vw;
}

.bullet-rosa {
    font-family: "HelveticaNowTextW05-Medium";
    color: #6d6d6d;
    font-size: 5vw;
    margin: 5vw 5vw 5vw 12vw;
    line-height: 120%;
}

strong {
    font-family: "HelveticaNowTextW05-XBold";
}

.bullet-rosa a {
    color: #ff8d6e;
    font-family: "HelveticaNowTextW05-XBold";
    text-decoration: none;
}

.bullet-rosa:before {
    content: " ";
    background: url(img/bullet-rosa.svg) no-repeat;
    display: inline-block;
    width: 5.5vw;
    height: 4.5vw;
    margin: 0 0 0 -7vw;
}

.divisor {
    background: url(img/divisor.svg) no-repeat;
    width: 100vw;
    height: 13vw;
}

.chancho {
    background: url(img/chancho.svg) no-repeat center center;
    width: 76vw;
    height: 25vw;
    background-size: 24vw;
    margin: 6vw auto 0;
    position: relative;
}

.chancho:before {
    content: "invertir";
    color: #82a54a;
    font-family: "HelveticaNowDisplayW05-XBd";
    font-size: 8vw;
    position: absolute;
    left: 0;
    top: 6vw;
}

.chancho:after {
    content: "dinero";
    color: #82a54a;
    font-family: "HelveticaNowDisplayW05-XBd";
    font-size: 8vw;
    position: absolute;
    right: 0;
    top: 6vw;
}

.clave-dinero {
    font-family: "HelveticaNowDisplayW05-XBd";
    color: #82a54a;
    font-size: 8vw;
    border-bottom: solid .6vw;
    margin: 5vw;
}

.bullet-verde {
    font-family: "HelveticaNowTextW05-Medium";
    color: #6d6d6d;
    font-size: 5vw;
    margin: 5vw 5vw 5vw 12vw;
    line-height: 120%;
}

.bullet-verde:before {
    content: " ";
    background: url(img/bullet-verde.svg) no-repeat;
    display: inline-block;
    width: 5.5vw;
    height: 4.5vw;
    margin: 0 0 0 -7vw;
}

#contenido3,
#contenido7,
#contenido11,
#contenido15 {
    margin-bottom: 16vw;
}

@media screen and (min-width: 769px) {

    .ocultar-pc {
        display: none;
    }

    .mostrar-pc {
        display: inline-block;
    }

    .mostrar-pc-block {
        display: block;
    }

    .p1 {
        text-align: center;
        margin: auto;
        background: none;
    }

    .header {
        margin: .5vw auto;
    }

    .titulo-header {
        font-size: 2.5vw;
        margin-top: 0;
    }

    .guia {
        display: none;
    }

    .duda {
        display: block;
        font-family: "HelveticaNowDisplayW05-XBd";
        color: #ff6b0c;
        cursor: pointer;
        font-size: 1.8vw;
        border: solid #ff6b0c .2vw;
        border-radius: 10vw;
        position: absolute;
        top: 1.5vw;
        right: 1.5vw;
        width: 3vw;
        height: 3vw;
        transition: .7s all ease;
    }

    .duda:after {
        font-family: "HelveticaNowTextW05-Bold";
        color: #6d6d6d;
        width: 14vw;
        font-size: .9vw;
        content: "¡Haz click en cada etapa para conocer dónde invertir tu tiempo y dinero de forma más eficiente!";
        position: absolute;
        right: 3.5vw;
        top: -5vw;
        line-height: 120%;
        text-align: right;
        transition: .7s all ease;
    }

    .duda:hover:after {
        top: -.5vw;
    }

    .nube-1,
    .nube-2,
    .nube-3 {
        display: inline-block;
    }

    .nube-1 {
        background: url(img/nube-pc-1.svg) no-repeat -30%;
        width: 26vw;
        height: 12vw;
        position: absolute;
        left: 3vw;
        top: 5vw;
    }

    .nube-2 {
        background: url(img/nube-pc-2.svg) no-repeat center;
        width: 39vw;
        height: 7vw;
        position: absolute;
        left: 31vw;
        top: 16vw;
    }

    .nube-3 {
        background: url('img/nube-pc-3.svg') no-repeat;
        width: 26vw;
        height: 12vw;
        position: absolute;
        right: 2vw;
        top: 11vw;
    }

    .nube-1 p,
    .nube-2 p,
    .nube-3 p {
        font-size: 1.3vw;
    }

    .nube-1 p {
        padding: 5vw 0 0 0;
    }

    .nube-2 p {
        padding: 1.5vw 4vw;
    }

    .nube-3 p {
        padding: 3vw 0 0 0;
    }

    .arboles {
        background: url('img/fondo-pc.svg') no-repeat;
        background-position-y: 15vw;
        width: 95vw;
        height: 34vw;
        margin: auto;
    }

    .arbol-1,
    .arbol-2,
    .arbol-3,
    .arbol-4 {
        display: inline-block;
        margin: 0;
        cursor: pointer;
        transition: .7s all ease;
    }

    .arbol-1 {
        width: 14vw;
        height: 13.4vw;
        position: absolute;
        top: 26.5vw;
        left: 10vw;
    }

    .arbol-1:hover {
        top: 22vw;
    }

    .arbol-1:hover:before {
        content: "aprendes sobre el negocio y conoces a tu grupo";
        background: url('img/flecha-naranja.svg') no-repeat;
        background-size: .8vw;
        background-position: 6vw 4.5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Medium";
        color: #755848;
        font-size: 1vw;
        line-height: 100%;
        margin-top: 13.5vw;
        width: 13vw;
        height: 9vw;
    }

    .arbol-1:hover:after {
        content: "inversión clave";
        background: url('img/clave-1.svg') no-repeat;
        background-size: 15vw;
        background-position: 0vw 4.5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Bold";
        color: #f2855f;
        font-size: 1.6vw;
        position: absolute;
        top: 16vw;
        left: -0.5vw;
        width: 15vw;
        height: 8vw;
    }

    .arbol-2 {
        width: 13.5vw;
        height: 15vw;
        position: absolute;
        top: 25vw;
        left: 33vw;
    }

    .arbol-2:hover {
        top: 20.5vw;
    }

    .arbol-2:hover:before {
        content: "conoces a fondo a cada uno y generas pertenencia";
        background: url('img/flecha-naranja.svg') no-repeat;
        background-size: .8vw;
        background-position: 6vw 5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Medium";
        color: #755848;
        font-size: 1vw;
        line-height: 100%;
        margin-top: 15vw;
        width: 12vw;
        height: 9vw;
    }

    .arbol-2:hover:after {
        content: "inversión clave";
        background: url('img/clave-2.svg') no-repeat;
        background-size: 9vw;
        background-position: 3vw 4.5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Bold";
        color: #f2855f;
        font-size: 1.6vw;
        position: absolute;
        top: 18vw;
        left: -0.5vw;
        width: 15vw;
        height: 9.5vw;
    }

    .arbol-3 {
        width: 16.5vw;
        height: 18vw;
        position: absolute;
        top: 22vw;
        left: 53vw;
    }

    .arbol-3:hover {
        top: 17.5vw;
    }

    .arbol-3:hover:before {
        content: "profundizas vínculos y aumentas rentabilidad de tu negocio";
        background: url('img/flecha-naranja.svg') no-repeat;
        background-size: .8vw;
        background-position: 8vw 5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Medium";
        color: #755848;
        font-size: 1vw;
        line-height: 100%;
        margin-top: 18.5vw;
        width: 17vw;
        height: 9vw;
    }

    .arbol-3:hover:after {
        content: "inversión clave";
        background: url('img/clave-3.svg') no-repeat;
        background-size: 9vw;
        background-position: 3vw 4.5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Bold";
        color: #f2855f;
        font-size: 1.6vw;
        position: absolute;
        top: 21.5vw;
        left: 1vw;
        width: 15vw;
        height: 9.5vw;
    }

    .arbol-4 {
        width: 19vw;
        height: 19.5vw;
        position: absolute;
        top: 20.5vw;
        left: 78vw;
    }

    .arbol-4:hover {
        top: 16vw;
    }

    .arbol-4:hover:before {
        content: "aportas a tu crecimiento y al crecimiento de tu grupo";
        background: url('img/flecha-naranja.svg') no-repeat;
        background-size: .8vw;
        background-position: 6.5vw 5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Medium";
        color: #755848;
        font-size: 1vw;
        line-height: 100%;
        margin-top: 19.5vw;
        width: 13vw;
        height: 9vw;
    }

    .arbol-4:hover:after {
        content: "inversión clave";
        background: url('img/clave-4.svg') no-repeat;
        background-size: 12vw;
        background-position: 2vw 4.5vw;
        display: inline-block;
        font-family: "HelveticaNowTextW05-Bold";
        color: #f2855f;
        font-size: 1.6vw;
        position: absolute;
        top: 22.5vw;
        left: 2vw;
        width: 15vw;
        height: 8.5vw;
    }

    /*PANTALLA 2*/

    .cerrar {
        width: 3vw;
        height: 3vw;
        margin: 1vw;
    }

    .cerrar:before {
        font-family: "HelveticaNowTextW05-Medium";
        color: #5e5e5e;
        font-size: 1.5vw;
        content: "volver";
        position: absolute;
        right: 4.5vw;
        top: -4vw;
        transition: .7s all ease;
    }

    .cerrar:hover:before {
        top: 1vw;
    }

    .arbol2-1,
    .arbol2-2,
    .arbol2-3,
    .arbol2-4 {
        width: 10vw;
        height: 10vw;
        display: inline-block;
        margin: 0 0 0 5vw;
    }

    .subtitulo {
        font-size: 1.4vw;
        padding: 2vw 10vw 2vw 6vw;
        margin: 0;
        background: url(img/fondo-subtitulo-pc.svg) no-repeat 34%;
        background-size: 80%;
        display: inline-block;
        width: 77vw;
        position: absolute;
        top: 1.5vw;
    }

    .anterior,
    .siguiente {
        cursor: pointer;
        width: 4vw;
        height: 4vw;
        border: solid .2vw #a068ba;
        border-radius: 10vw;
        top: 23vw;
        background-size: 1.1vw;
        transition: .5s all ease;
    }

    .anterior {
        left: 1vw;
    }

    .siguiente {
        right: 1vw;
    }

    .anterior:hover {
        background: url('img/flecha-blanca-prev.svg') no-repeat;
        background-color: #a068ba;
        background-size: 1.5vw;
        background-position: 10%;
    }

    .siguiente:hover {
        background: url('img/flecha-blanca-next.svg') no-repeat;
        background-color: #a068ba;
        background-size: 1.5vw;
        background-position: 90%;
    }

    .a-iniciar-l:hover,
    .a-iniciar-r:hover {
        width: 13vw
    }

    .a-iniciar-l:hover:after,
    .a-iniciar-r:hover:after {
        content: "iniciar como líder";
        font-family: "HelveticaNowDisplayW05-XBd";
        font-size: 1.5vw;
        color: #fff;
        position: absolute;
        top: .3vw;
        text-align: center;
        line-height: 100%;
    }

    .a-iniciar-l:hover:after {
        left: 1.3vw;
        padding: 0 1.8vw;
    }

    .a-iniciar-r:hover:after {
        left: -0.8vw;
        padding: 0 2.5vw;
    }

    .a-generar-l:hover,
    .a-generar-r:hover {
        width: 13vw;
    }

    .a-generar-l:hover:after,
    .a-generar-r:hover:after {
        content: "generar red";
        font-family: "HelveticaNowDisplayW05-XBd";
        font-size: 1.5vw;
        color: #fff;
        position: absolute;
        top: .6vw;
    }

    .a-generar-l:hover:after {
        left: 2.9vw;
    }

    .a-generar-r:hover:after {
        left: 1.2vw;
    }

    .a-consolidar-l:hover,
    .a-consolidar-r:hover {
        width: 13.5vw;
    }

    .a-consolidar-l:hover:after,
    .a-consolidar-r:hover:after {
        content: "consolidar vínculos";
        font-family: "HelveticaNowDisplayW05-XBd";
        font-size: 1.5vw;
        color: #fff;
        position: absolute;
        top: .3vw;
        text-align: center;
        line-height: 100%;
    }

    .a-consolidar-l:hover:after {
        left: 1.5vw;
    }

    .a-consolidar-r:hover:after {
        left: -1.1vw;
        padding: 0 1vw;
    }

    .a-ser-l:hover, .a-ser-r:hover {
        width: 14vw;
    }

    .a-ser-l:hover:after, .a-ser-r:hover:after {
        content: "ser referente";
        font-family: "HelveticaNowDisplayW05-XBd";
        font-size: 1.5vw;
        color: #fff;
        position: absolute;
        top: .6vw;
    }
    
    .a-ser-l:hover:after {
        left: 3vw;
    }
    
    .a-ser-r:hover:after {
        left: 1.4vw;
    }

    .tiempo {
        display: inline-block;
        width: 46vw;
        padding-left: 7vw;
    }

    .dinero {
        display: inline-block;
        width: 46vw;
        padding-left: 6vw;
        vertical-align: top;
    }

    .reloj {
        background-position: top;
        width: 5vw;
        height: 7vw;
        background-size: 5vw;
        display: inline-block;
        margin: 1vw 0 0 0;
    }

    .reloj:before {
        font-size: 2vw;
        top: 1.5vw;
        left: 5.5vw;
    }

    .reloj:after {
        font-size: 2vw;
        top: 1.5vw;
        left: 12.7vw;
    }

    .texto {
        font-family: "HelveticaNowDisplayW05-XBd";
        font-size: 1.6vw;
        display: inline-block;
        color: #fff;
        border: none;
        border-radius: .8vw .8vw 0 0;
        padding: .2vw .7vw;
        opacity: .7;
        cursor: pointer;
        outline: none;
    }

    .texto:hover {
        opacity: 1;
    }

    .solapa1 {
        background-color: #f25c79;
        margin-left: 14vw;
    }

    .solapa3 {
        background-color: #82a54a;
        float: left;
        clear: both;
        opacity: 1 !important;
    }

    .solapa4 {
        background-color: #f25c79;
        margin-left: 16vw;
    }

    .solapa2,
    .solapa5 {
        background-color: #f25c79;
        float: right;
        border-bottom: solid .2vw #f25c79;
    }

    .solapa6,
    .solapa9,
    .solapa13 {
        background-color: #82a54a;
        float: left;
        clear: both;
    }

    .solapa7,
    .solapa10,
    .solapa11,
    .solapa14,
    .solapa15 {
        background-color: #82a54a;
        float: left;
        margin-left: 1vw;
    }

    .solapa8 {
        background-color: #f25c79;
        opacity: 1 !important;
        margin-left: 29.85vw;
    }

    .solapa12 {
        background-color: #f25c79;
        opacity: 1 !important;
        margin-left: 27.74vw;
    }

    .clave-rosa:after,
    .clave-verde:after {
        background: url(img/clave-blanca.svg) no-repeat center center;
        width: .6vw;
        height: .6vw;
        padding: .5vw;
        margin: .5vw 0 -.3vw .5vw;
    }

    .contenido-tiempo,
    .contenido-dinero {
        background-color: #f4f4f4;
        padding: 1vw;
        height: 26vw;
    }

    .contenido-tiempo {
        border-top: solid .2vw #f25c79;
    }

    .contenido-dinero {
        border-top: solid .2vw #82a54a;
        clear: both;
    }

    .bullet-rosa,
    .bullet-verde {
        font-size: 1.2vw;
        margin: 1vw 0 1vw 2vw;
        line-height: 130%;
    }

    .bullet-rosa:before,
    .bullet-verde:before {
        width: 1vw;
        height: 1vw;
        margin: .2vw 1vw 0 -2vw;
    }

    .chancho {
        background-position: top;
        width: 8vw;
        height: 7.4vw;
        background-size: 6.3vw;
        display: inline-block;
        margin: 1vw 0 0 0;
        float: right;
    }

    .chancho:before {
        font-size: 2vw;
        top: 1.5vw;
        left: -13vw;
    }

    .chancho:after {
        font-size: 2vw;
        top: 1.5vw;
        left: -5.8vw;
    }

    .divisor {
        background: url(img/divisor-pc.svg) no-repeat;
        width: 3vw;
        height: 40vw;
        position: absolute;
        left: 48.5vw;
        top: 8.5vw;
    }

    .estilo {
        opacity: 1;
    }
    
    #contenido3, #contenido7, #contenido11, #contenido15 {
        margin-bottom: 0;
    }
}