/*---------------- Inicio Fonts -------------------------*/
    @font-face {
        font-family: 'DMSans-Black';
        font-style: normal;
        src: url(/fonts/DMSans-Black.ttf) format('truetype');
    }
    @font-face {
        font-family: 'DMSans-Bold';
        font-style: normal;
        src: url(/fonts/DMSans-Bold.ttf) format('truetype');
    }
    @font-face {
        font-family: 'DMSans-Medium';
        font-style: normal;
        src: url(/fonts/DMSans-Medium.ttf) format('truetype');
    }
    @font-face {
        font-family: 'DMSans-Light';
        font-style: normal;
        src: url(/fonts/DMSans-Light.ttf) format('truetype');
    }
    @font-face {
        font-family: 'OutfitBold';
        font-style: normal;
        src: url(/fonts/OutfitBold.ttf) format('truetype');
    }
/*---------------- Fin Fonts -------------------------*/
/*---------------------------- Inicio Customs -----------------------------*/
    .text-DMSans-Black {
        font-family: DMSans-Black;
    }
    .text-DMSans-Bold {
        font-family: DMSans-Bold;
    }
    .text-DMSans-Medium {
        font-family: DMSans-Medium;
    }
    .text-DMSans-Light {
        font-family: DMSans-Light;
    }
    .text-OutfitBold {
        font-family: OutfitBold;
    }
    .text-sblack {
        color: #002e3f;
    }
    .text-blue2 {
        color: #0E3241;
    }
    .text-blue {
        color: #0F8D93;
    }
    .text-green2 {
        color: #3AEDA8;
    }
    .text-green {
        color: #AAE261;
    }
    .text-gray {
        color: #E6F4F1;
    }
    .text-white {
        color: #FFFFFF;
    }
    .nid-none {
        display: none;
    }
    .text-line {
        text-decoration-line: line-through;
    }
    .skip-to-content-link {
        left: 50%;
        position: absolute;
        transform: translateY(-100%);
        color: transparent;
    }
    .skip-to-content-link:focus-visible {
        outline: none;
        border: 0;
    }
    .customBtnBorde {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
        border-radius: 3vw!important;
        cursor: pointer;
        color: #FFFFFF !important;
        background-color: transparent;
        border: none;
        text-decoration: none !important;
        font-family: DMSans-Medium;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border: solid white 0.2vw;
        transition: transform 0.3s;
    }
    .customBtnBorde:hover {
       transform: scale(1.1);
    }
    .customBtn {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: auto;
        border-radius: 3vw !important;
        cursor: pointer;
        color: #000000 !important;
        background-color: #00eea6;
        border: none;
        text-decoration: none !important;
        font-family: DMSans-Bold;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: transform 0.3s;
        /*transition: background-image 0.1s ease-out;
        -webkit-transition: background 0.1s ease-out;
        -moz-transition: background 0.1s ease-out;
        -o-transition: background 0.1s ease-out;*/
        
    }
    .btn-morado {
        color: #FFFFFF !important;
        background-color: #594ae0;
    }
    .btn-cuadrado {
        border-radius: 0!important;
    }
    .customBtn:active {
        outline: none!important;
        border: none!important;
    }
    .customBtn:hover {
       transform: scale(1.1);
    }
    .customBtn:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 0.1vw #FFFFFF, 0 0 0.9vw 0.2vw rgb(255 255 255);
    }
    .customBtn span {
        padding: 1.5vw 2.1vw;
        font-size: 1.25vw;
        white-space: nowrap;
    }
    .imgFlecha {
        width: 2.4vw;
        padding: 0px 0.7vw;
    }
    .link {
        transition: color 0.35s ease-out;
        color: #527CFC;
        text-decoration: underline;
        font-family: 'Piersans-Medium';
        /*font-size: 1.1vw;*/
        letter-spacing: 0.03vw;
    }
    .link:hover {
        color: #01973b;
    }
    .link:focus-visible {
        outline: 0 !important;
        padding: 0.4vw;
        box-shadow: 0 0 0 0.1vw #FFFFFF, 0 0 0.9vw 0.2vw rgb(255 255 255);
    }
    .wrapper {
        background-color: #ffffff;
        -ms-background-size: 100vw auto;
        -moz-background-size: 100vw auto;
        -webkit-background-size: 100vw auto;
        background-size: 100vw auto;
        background-repeat: repeat-y;
        background-position: top center;
        min-height: 100vh !important;
    }
    .main {
        box-sizing: border-box;
        padding: 0 !important;
        position: relative;
        z-index: 1;
    }
/*---------------------------- Fin Customs -----------------------------*/

/*------------------------- Inicio Header -------------------------*/
.header {
    box-shadow: unset;
    background: transparent;
    border-radius: 0;
    margin-bottom: 23px;
    z-index: 999;
    position: absolute;
    display: initial;
}
/*-------------- inicio barra menú -----------------------------------*/
    .top-menu {
        width: 100%;
        z-index: 2;
    }
    .logo {
        position: absolute;
        margin-left: 8.8vw !important;
        margin-top: 1.5vw !important;
        z-index: 5;
    }
    .top-menu .menu {
        width: 100%;
        height: 0vw;
    }
    .logo_img {
        width: 11.6vw;
    }
    .linkLogo {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0.5vw;
        border-radius: 3vw!important;
    }
    .linkLogo:focus-visible {
        display: block;
    }
    .linkLogo:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 0.1vw #FFFFFF, 0 0 0.9vw 0.2vw rgb(255 255 255) !important;
    }
    .containerFondoMenu {
        z-index: 2;
        width: 100%;
        height: auto;
        position: relative;
    }
    .fondoMenu {
        position: absolute;
        top: 0;
        left: 0;
    }
    .fondoMenu_img {
        width: 100%;
    }
    .icon-close-header {
        width: 7vw;
        height: 7vw;
    }
    .icon-close {
        background-image: url('/assets/Header/ico_cerrar_menu.png');
        background-size: 100%;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer;
        transition: transform 0.3s;
    }
    .icon-close:hover {
        /*background-image: url('/Content/assets/Menu/BotonCerrar-hover.png');*/
        transform: scale(1.1);
    }
    .a-close {
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        font-size: 3vw;
        padding: 0%;
    }
    .top-menu .menu ul {
        width: 100%;
        text-align: right;
        float: right;
        margin-top: 4.5vw;
        margin-right: 9.6vw;
    }
    .top-menu .menu a {
        text-decoration: none;
        color: inherit;
        display: flex;
        justify-content: center;
        height: auto;
        align-content: center;
        flex-direction: column;
        font-size: 0.95vw;
        letter-spacing: 0px;
        /*transition: color 0.1s ease-out;*/
        padding: 0.8vw;
        border-radius: 3vw!important;
        letter-spacing: 0.02vw;
    }
    .top-menu .menu li {
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0.7vw 1vw;
        text-align: center;
        color: #FFFFFF;
        position: relative;
        vertical-align: middle;
        line-height: 1;
        padding: 0.7vw 0.9vw;
    }
    .li-Boton {
        padding: 0!important;
        margin-top: -0.25vw;
        margin-right: -0.4vw;
        margin-left: 1.9vw;
    }
    .li-Boton:hover {
        text-decoration: none !important;
    }
    .top-menu .menu li:hover {
        color: #00eea6 !important;
        filter: none !important;
    }
    .top-menu .menu a:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 0.1vw #FFFFFF, 0 0 0.9vw 0.2vw rgb(255 255 255);
    }
    .top-menu .menu li > ul {
        display: none;
    }
    .top-menu .menu li:hover > ul {
        display: block;
        position: absolute;
        top: 30px;
        left: 0px;
    }
    .span-btnMenu {
        padding: 0.1vw 0.5vw !important;
        /* padding-left: 2.5vw !important; */
        font-size: 0.95vw !important;
    }
    .cerrar-sesion {
        color: #356230;
        position: relative;
        vertical-align: middle;
        line-height: 1.2em;
        /*transition: color 0.35s ease-out;*/
    }
    .cerrar-sesion:hover {
        color: #A50D35 !important;
        text-decoration: underline;
        filter: none !important;
    }
/*-------------- fin barra menú -----------------------------------*/
/*------------------------- Fin Header -------------------------*/
/*------------------------- Inicio Landing -------------------------*/
    .body-content {
        max-width: 100vw;
        width: 100%;
        position: relative;
        overflow: hidden;
        flex-grow: 1;
        z-index: 1;
    }
    .landing-container {
        width: 100%;
        background-color: #271ec2;
        background-image: url(/assets/PrimeraSeccion/hero_1.jpg);
        -ms-background-size: 100%;
        -moz-background-size: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50% 104%;
        z-index: 1;
    }
    .landing-containerPromo {
        background-image: url(/assets/Promo/Bg.png);
        -ms-background-size: 100%;
        -moz-background-size: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-position: 50% 0%;
    }
    .titleLanding {
        margin-top: 17.3vw;
        margin-left: 9.4vw;
        font-size: 4.4vw;
        text-align: left;
        width: 100%;
        line-height: 1.1;
    }
    .titleLandingPromo {
        margin-top: 9.6vw;
        margin-left: 8.2vw;
        font-size: 4.1vw;
        text-align: left;
        width: 100%;
        line-height: 1;
    }
    .containerLanding {
        z-index: 3;
        position: relative;
        margin-left: 9.8vw;
    }
    .subTitleLanding {
        margin-top: 2.2vw;
        font-size: 2vw;
        text-align: left;
        line-height: 1;
        z-index: 3;
        letter-spacing: 0.03vw;
    }
    .textoLanding {
        margin-top: 1.4vw;
        margin-bottom: 1vw;
        font-size: 1.34vw;
        text-align: left;
        line-height: 1.6;
    }
    .textoLanding2 {
        margin-top: 1.1vw;
        font-size: 1.34vw;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.05vw;
    }
    .textoLandingContador {
        margin-top: -0.6vw;
        margin-left: 0.3vw;
        margin-bottom: 1vw;
        font-size: 3vw;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.05vw;
    }
    .textoLandingContadorTerminado {
        margin-top: 0.2vw;
        margin-left: 0px;
        margin-bottom: 1vw;
        font-size: 1.6vw;
        text-align: left;
        line-height: 1.5;
        letter-spacing: 0.05vw;
    }
    .containerButtonLanding {
        margin-top: 3.4vw;
        margin-bottom: 3.7vw;
        margin-left: 0px;
        margin-right: auto;
        z-index: 3;
    }
    .span-landingButton {
        padding: 1.6vw 4.5vw !important;
        padding-left: 5vw !important;
        letter-spacing: 0.05vw!important;
    }
    .leftLanding {
        position: relative;
        width: 100%;
        z-index: -1;
    }
    .leftLanding_img {
        margin-top: 8.5vw;
        width: 26vw;
        position: absolute;
        left: 0;
        top: 0;
    }
    .rightLanding {
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .rightLanding_img {
        margin-top: 15.5vw;
        margin-right: 13.3vw;
        width: 32.3vw;
        position: absolute;
        right: 0;
        top: 0;
    }
    .landingFlecha {
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .landingFlecha_img {
        margin-top: -1.4vw;
        margin-left: 46.5vw;
        width: 7vw;
        position: absolute;
        left: 0;
        top: 0;
    }
/*------------------------- Fin Landing -------------------------*/
/*------------------------- Inicio Caracteristicas -------------------------*/
    .caracteristicas-container {
        width: 100%;
        background-color: #f7f8f9;
        z-index: 1;
    }
    .titleCaracteristicas {
        margin-top: 13.4vw;
        margin-left: 18.7vw;
        font-size: 4.4vw;
        text-align: left;
        width: 100%;
        line-height: 1;
    }
    .subTitleCaracteristicas {
        margin-top: 1.7vw;
        font-size: 2vw;
        text-align: left;
        line-height: 1;
        z-index: 3;
        letter-spacing: 0.02vw;
    }
    .containerButtonCaracteristicas {
        margin-top: 1.1vw;
        margin-bottom: 2.2vw;
        z-index: 3;
    }
    .span-caracteristicas {
        padding: 1vw 2vw !important;
        font-size: 1.18vw !important;
        letter-spacing: 0.09vw!important;
    }
    .howtowinContainer {
        margin-top: 5.5vw;
        margin-bottom: 5vw;
        width: 85%;
        z-index: 2;
    }
    .howtowin__img{
        padding-left: 1.8vw;
        padding-right: 1.8vw;
        margin-bottom: 6vw;
    }
    .howtowin__img > img {
        width: 100%;
    }
    .howtowinContainer > .swiper-container > .swiper-button-next, .howtowinContainer > .swiper-container > .swiper-button-prev {
        display: flex;
    }
    .howtowin-next, .howtowin-prev {
        top: 41% !important;
    }
    .howtowin-prev {
        left: 4.5vw !important;
    }
    .howtowin-next {
        right: 4.5vw!important;
    }
    .howtowin-next .icon, .howtowin-prev .icon {
        height: 1.3vw !important;
        width: 1.3vw !important;
    }
    .howtowin-next .icon > img, .howtowin-prev .icon > img{
        width: 100%;
    }
    .swiper-pagination {
        left: 0;
        width: 100%;
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
    }
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        top: 0;
        margin: 0 0 20px;
        bottom: auto;
    }
    .swiper-pagination-bullet {
       background-color: #002e3f;
        margin: 0 0.5vw 0.1vw !important;
        opacity: 1;
        text-align: center;
        height: 0.9vw;
        width: 0.9vw;
    }
    .swiper-pagination-bullet-active {
        width: 3vw;
        border-radius: 3vw !important;
    }
    .howtowin__slide {
        position: relative;
    }
    .howtowin__slide {
        /*width: 33.33333%;
        -ms-flex: 1;
        flex: 1;*/
    }
    .swiper {
        width: 93%;
        margin: 0 auto;
        margin-bottom: 3vw;
        /*width: 65%;*/
    }
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .prizes__img {
        position: relative;
        margin: auto !important;
        padding: 0px 1.8vw;
        /*max-width: 541px;*/
    }
    .prizes__img .icon {
        fill: #fd0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .prizes__img img {
        position: relative;
    }
    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 29.5%;
        margin-top: 0px;
        z-index: 10;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #FFFFFF;
    }
    .swiper-button-next > svg, .swiper-button-prev > svg{
        enable-background:new 0 0 256 256;
    }
    .swiper-button-next {
        right: 4.4vw;
    }
    .swiper-button-prev {
        left: 4.4vw;
    }
    /*.swiper-button-next .icon {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }*/
    .swiper-button-next:after,
    .swiper-button-prev:after {
        display: none;
    }
    .swiper-button-next .icon,
    .swiper-button-prev .icon {
        height: 2.3vw;
        width: 2.3vw;
    }
    .prizes__slide {
        width: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
    }
    .containerOverSlider 
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    .titleSlider {
        margin-top: 27.5vw;
        margin-left: 6.7vw;
        font-size: 2.7vw;
        text-align: left;
        width: 100%;
        line-height: 1.1;
    }
    .containerTextSlider
    {
        z-index: 3;
        position: relative;
        margin-left: 6.7vw;
    }
    .textoSlider {
        text-align: left;
        margin-top: 1.4vw;
        font-size: 1.38vw;
        line-height: 2.1vw;
    }
    .containerButtonSlider {
        margin-top: 1.2vw;
        margin-left: auto;
        margin-right: 13.7vw;
        z-index: 3;
    }
    .spanButtonSlider {
        padding: 1.4vw 2vw !important;
        font-size: 1.3vw !important;
    }
/*------------------------- Fin Caracteristicas -------------------------*/
/*------------------------- Inicio Beneficios -------------------------*/
    .beneficios-container {
        width: 100%;
        background-color: #f7f8f9;
        z-index: 1;
    }
    .titleBeneficios {
        margin-top: 3.6vw;
        font-size: 4.4vw;
        text-align: center;
        width: 100%;
        line-height: 1.1;
    }
    .linkBeneficios {
        margin-top: 4.2vw;
        font-size: 1.4vw;
        text-align: center;
        width: 100%;
        line-height: 1.1;
    }
    .linkBeneficios a {
        text-decoration: none;
        color: #002e3f;
        font-family: DMSans-Medium;
    }
    .linkBeneficios a:hover {
        color: #00eea6 !important;
    }
    .containerBeneficios {
        margin-top: 5.6vw;
        flex-direction: row;
        z-index: 3;
        position: relative;
    }
    .itemBeneficios {
        margin: 0px 0.4vw;
    }
    .figBeneficios {
        width: 27.2vw;
        margin-bottom: 0px;
    }
    .figBeneficios > img {
        width: 100%;
    }
    .titleSeccionBeneficios {
        margin-top: 2.8vw;
        margin-left: 2vw;
        font-size: 2.3vw;
        line-height: 1.1;
    }
    .textoSeccionBeneficios {
        margin-top: 2.2vw;
        margin-left: 2vw;
        font-size: 1.35vw;
        line-height: 2vw;
    }
/*------------------------- Fin Beneficios -------------------------*/
/*------------------------- Inicio Razones -------------------------*/
    .razones-container {
        width: 100%;
        background-color: #f7f8f9;
        z-index: 1;
    }
    .titleRazones {
        margin-top: 2vw;
        font-size: 4.4vw;
        text-align: center;
        width: 100%;
        line-height: 1.1;
    }
    .linkRazones {
        margin-top: 4.2vw;
        font-size: 1.4vw;
        text-align: center;
        width: 100%;
        line-height: 1.1;
    }
    .linkRazones a {
        text-decoration: none;
        color: #002e3f;
        font-family: DMSans-Medium;
    }
    .linkRazones a:hover {
        color: #00eea6 !important;
    }
    .razonesContainer {
        margin-top: 7.1vw;
        margin-left: 9.4vw;
        margin-right: 4vw;
        flex-direction: row;
        z-index: 3;
        position: relative;
    }
    .razones__slide {
        width: 33.33333%;
        -ms-flex: 1;
        flex: 1;
    }
    .itemRazones {
        margin: 0px 1vw;
        flex-grow: 1;
        flex-basis: 0;
    }
    .figRazones {
        height: 5.6vw;
        width: auto;
        margin-bottom: 0px;
    }
    .figRazones > img {
        height: 100%;
    }
    .titleSeccionRazones {
        margin-top: 2.4vw;
        font-size: 2.3vw;
        line-height: 1.1;
    }
    .textoSeccionRazones {
        margin-top: 2.2vw;
        font-size: 1.35vw;
        line-height: 2vw;
    }
    .titleAbajoRazones {
        margin-top: 7.4vw;
        font-size: 2.3vw;
        line-height: 1.1;
        text-align: center;
    }
    .textoMasRazones {
        margin-top: 4.2vw;
        font-size: 1.35vw;
        line-height: 2vw;
        text-align: center;
    }
    .containerButtonRazones {
        margin-top: 4.1vw;
        margin-bottom: 8.9vw;
        margin-left: 0px;
        margin-right: auto;
    }
    .spanRazones {
        font-size: 1.25vw !important;
        padding: 1.5vw 2.3vw !important;
        padding-left: 3.7vw !important;
    }
/*------------------------- Fin Razones -------------------------*/
/*------------------------- Inicio Incluye -------------------------*/
    .incluye-container {
        width: 100%;
        background: linear-gradient(180deg, rgba(247,248,249,1) 0%, rgba(225,244,241,1) 18%, rgba(247,248,249,1) 115%);
        z-index: 1;
    }
    .titleIncluye {
        margin-top: 18.2vw;
        margin-left: 9.5vw;
        font-size: 4.4vw;
        text-align: left;
        width: 100%;
        line-height: 1.1;
    }
    .linkIncluye {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 21vw;
        margin-right: 9vw;
        font-size: 1.4vw;
        text-align: right;
        line-height: 1.1;
        cursor: pointer;
    }
    .linkIncluye a {
        text-decoration: none;
        color: #002e3f;
        font-family: DMSans-Medium;
    }
    .linkIncluye a:hover {
        color: #00eea6 !important;
    }
    .containerIncluye {
        margin-top: 6.3vw;
        margin-left: 11.5vw;
        flex-direction: column;
        z-index: 3;
        position: relative;
    }
    .itemIncluye {
        margin: 0px 0.4vw;
        margin-bottom: 4.7vw;
    }
    .figIncluye {
        width: 3.4vw;
        margin-bottom: 0px;
    }
    .figIncluye > img {
        width: 100%;
    }
    .titleSeccionIncluye {
        margin-top: 1.1vw;
        margin-left: -0.3vw;
        font-size: 2.3vw;
        line-height: 1.1;
    }
    .textoSeccionIncluye {
        margin-top: 2.8vw;
        margin-left: -0.2vw;
        font-size: 1.35vw;
        line-height: 2vw;
    }
    .figIncluyePhone {
        width: 2.1vw;
    }
    .rightIncluye {
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .rightIncluye_img {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 4.3vw;
        width: 65.8vw;
    }
    .titleModulosIncluye {
        margin-top: 11.7vw;
        font-size: 2.3vw;
        text-align: center;
        width: 100%;
        line-height: 1.1;
    }
    .containerModulosIncluye {
        margin-top: 4.8vw;
        margin-bottom: 10vw;
        margin-left: 12vw;
        margin-right: 12vw;
        z-index: 3;
        position: relative;
    }
    .itemIncluye {
        margin: 0px 0.4vw;
        margin-bottom: 1.3vw;
        width: 100%;
    }
    .textoModulo {
        font-size: 1.35vw;
        line-height: 2vw;
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
    }
/*------------------------- Fin Incluye -------------------------*/
/*------------------------- Inicio Footer -------------------------*/
    .main-footer {
        text-align: center;
        background-color: #e1f4f1;
        position: relative;
        z-index: 1;
    }
    .logoFooter {
        margin-top: 6.4vw;
        margin-left: 13.4vw;
        width: 16.8vw;
    }
    .logoFooter_img {
        width: 100%;
    }
    .containerFooter {
        margin-left: 1vw;
        margin-bottom: 4.5vw;
    }
    .container1Footer {
        margin-left: 12.4vw;
        text-align: left;
    }
    .textFooter
    {
        margin-top: 2.8vw;
        font-size: 0.9vw;
        line-height: 1.7vw;
    }
    .linkFooter {
        margin-top: 1vw;
        font-size: 0.9vw;
        line-height: 1.1;
    }
    .linkFooter a {
        text-decoration: underline;
        color: #002e3f;
        font-family: DMSans-Medium;
    }
    .linkFooter a:hover {
        color: #00eea6 !important;
    }
    .container2Footer {
        margin-top: -4.4vw;
        margin-left: 9vw;
        text-align: left;
    }
    .titleFooter
    {
        font-size: 1.41vw;
        margin-bottom: 2vw;
        line-height: 1;
    }
    .textFooter3 {
        margin-top: 1.2vw;
        font-size: 1vw;
        line-height: 1;
    }
    .textFooter3 > a {
        text-decoration:none;
    }
    .textFooter3 > a:hover {
        text-decoration:underline;
    }
    
/*------------------------- Fin Footer -------------------------*/
/*---------------- Inicio Medias -------------------------*/
@media (max-width: 576px) {
    /*---------------------- Inicio Header -------------------------------------------*/
    .top-menu .menu {
            /*height: 11.7vw;*/
        }
        .top-menu .logo {
            margin-top: 12vw !important;
            margin-left: 10.3vw !important;
        }
        .logo_img {
            width: 20.6vw;
        }
        .customBtnBorde {
            border-radius: 7vw !important;
        }
        .customBtnBorde:focus-visible {
            box-shadow: 0 0 4vw #ffffff !important;
        }
        .customBtn {
            border-radius: 7vw !important;
            /*-moz-box-shadow: 0 0 6vw rgb(255, 255, 255, .5);
            -webkit-box-shadow: 0 0 6vw rgb(255 255 255 / 50%);
            box-shadow: 0 0 6vw rgb(255 255 255 / 50%);*/
        }
        .customBtn:focus-visible {
            box-shadow: 0 0 4vw #ffffff !important;
        }
        .customBtn:hover {
            /*-moz-box-shadow: 0 0 6vw rgb(255, 232, 43, .7);
            -webkit-box-shadow: 0 0 6vw rgb(255 232 43 / 70%);
            box-shadow: 0 0 6vw rgb(255 232 43 / 70%);*/
        }
        .customBtn span {
            padding: 3.8vw 5vw;
            font-size: 3.4vw;
        }
        .imgFlecha {
            width: 6.5vw;
            padding: 0px 2vw;
        }
        .btn-cuadrado {
            border-radius: 0 !important;
        }
    /*---------------- Inicio Menu ----------------------*/
        .btnPruebaloAhora {
            position: absolute;
            top: 0;
            right: 0;
            margin-top: 6.5vw !important;
            margin-right: 16.4vw !important;
            z-index: 5;
        }
        .span-btnMenu {
            padding: 1.5vw 5.9vw !important;
            font-size: 2.75vw !important;
            letter-spacing: 0.01vw !important;
        }
        .icon-abrir {
            width: 7vw;
            height: 7vw;
        }
        .icon-abrir-menu {
            background-image: url('/assets/Header/ico_menu.png');
            background-size: 100%;
            background-repeat: no-repeat;
            display: inline-block;
            cursor: pointer;
            transition: transform 0.3s;
            transition: transform 0.3s;
        }
        .icon-abrir-menu:hover {
            /*background-image: url('/Content/assets/Menu/BotonMenu-hover.png');*/
            transform: scale(1.1);
        }
        .btn-menu {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: none;
            border: none;
            margin: 0;
            padding: 0;
            height: 7vw;
            position: absolute;
            right: 0;
            z-index: 3;
            width: 7vw;
            margin-top: 7.8vw;
            margin-right: 6.9vw;
        }
        .main-n {
            position: absolute;
            top: 0;
            right: 0;
        }
        .main-n__content {
            overflow: hidden;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            right: 0;
            text-align: center;
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            transition: transform 0.3s ease-out;
            z-index: 2;
        }
        .main-n_SubContent {
            background-color: #f7f8f9;
            margin-top: 18.9vw;
            /* margin-right: 14.9vw; */
            width: 71.9vw;
            position: fixed;
            top: 0;
            right: 0;
            text-align: center;
            border-top-left-radius: 2vw;
            border-bottom-left-radius: 2vw;
        }
        .LateralImgMenu {
            height: 100%;
            position: absolute;
            z-index: -2;
            left: 0;
            margin-left: 20% !important;
        }
        /*.main-n__content:before {
            content: "";
            height: 100%;
            width: 77%;
            position: fixed;
            top: 0;
            right: 0;
            text-align: center;
            background-color: #3780ff;
            z-index: -1;
        }*/
        .logo-absolute_menu {
            width: 51vw;
            position: absolute;
            z-index: 5;
            top: 0;
            left: 0;
            margin-top: 6vw;
        }
        .main-n .icon--close {
            display: none;
        }
        .main-n__list {
            margin-top: 5.9vw;
            margin-bottom: 5.9vw;
            list-style-type: none;
            width: 100%;
            padding-right: 6vw;
        }
        .main-n__item {
            box-sizing: border-box;
            padding: 4.5vw 1vw;
            line-height: 1.1;
            position: relative;
            text-align: left;
            width: 100%;
            border-bottom: solid 0.1vw #002e3f;
        }
        .menuMovil_img {
            margin-top: 5.7vw;
            margin-left: -12.1vw;
            width: 7.5vw;
            position: absolute;
            left: 0;
            top: 0;
        }
        .menuMovil2_img {
            margin-top: 2.5vw;
        }
        .main-nIniciaSesion {
            box-sizing: border-box;
            padding: 8vw 1vw;
            line-height: 1.1;
            width: 71vw;
            border-bottom: unset;
        }
        .main-n__item a {
            color: #002e3f;
            font-family: DMSans-Medium;
            font-size: 4.2vw;
            text-decoration: none;
            transition: color 0.1s ease-out;
            letter-spacing: 0.11vw;
            /*text-decoration: underline;*/
        }
        .main-n__item a:focus-visible {
            outline: 0;
            border: 0.5vw solid #527CFC !important;
            box-shadow: 0 0 0 0.2vw #FFFFFF, 0 0 1.7vw 0.6vw rgb(255 255 255);
        }
        .main-n__item a:hover {
            color: #00eea6 ;
            /*text-decoration: underline;*/
            filter: none !important;
        }
        #BtnLoginMenu {
            background-image: url(/Content/Assets/Menu/Boton.png);
            background-position: 36% 65%;
            background-size: 64.7vw auto;
            -ms-background-size: 64.7vw auto;
            -moz-background-size: 64.7vw auto;
            -webkit-background-size: 64.7vw auto;
        }
        #BtnLoginMenu:focus-visible {
            background-image: url(/Content/Assets/Menu/Boton-Focus.png);
            box-shadow: none !important;

        }
        #BtnRegistrarMenu {
            background-image: url(/Content/Assets/Menu/Boton.png);
            background-position: 36% 65%;
            background-size: 64.7vw auto;
            -ms-background-size: 64.7vw auto;
            -moz-background-size: 64.7vw auto;
            -webkit-background-size: 64.7vw auto;
        }
        #BtnRegistrarMenu:focus-visible {
            background-image: url(/Content/Assets/Menu/Boton-Focus.png);
            box-shadow: none !important;
        }
        .span-menuMovil {
            font-family: Piersans-Bold;
            color: #ffffff;
            padding: 4.95vw 5.9vw !important;
            font-size: 3.3vw !important;
            letter-spacing: 0.25vw!important;
        }
        .span-ingresaEmpaques:hover {
            color: #FFFFFF;
        }
        .link-cerrar-sesion-menu {
            color: white;
            font-size: 5vw;
            margin-top: 5vw;
            text-transform: uppercase;
            font-family: Piersans-Medium;
            text-decoration: underline;
            /*transition: color 0.35s ease-out;*/
        }
        .link-cerrar-sesion-menu:hover {
            color: #FFC20C !important;
            text-decoration: underline;
        }
        .main-n__item .bold {
            font-family: Piersans-Medium;
        }
        .main-n .divider {
            margin: 0;
        }
        .main-n--active {
            z-index: 4;
        }
        .main-n--active .main-n__content {
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        .main-n--active .icon--close {
            display: inline-block;
        }
        .main-n--active .icon--menu {
            display: none;
        }
    /*---------------- Fin Menu ----------------------*/
        /*---------------------- Fin Header -------------------------------------------*/
        /*---------------- Inicio Seccion Landing ----------------------------*/
        .landing-container {
            background-image: url(/assets/PrimeraSeccion/mobile_hero_1.jpg);
            -ms-background-size: 100%;
            -moz-background-size: 100%;
            -webkit-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            background-position:center 0%;
        }
        .landing-containerPromo {
            background-image: url(/assets/Promo/Bg-Movil.png);
            -ms-background-size: 100%;
            -moz-background-size: 100%;
            -webkit-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            background-position:center 0%;
        }
        .titleLanding {
            margin-top: 70vw;
            margin-left: 6.8vw;
            font-size: 7.7vw;
            line-height: 1.1;
        }
        .titleLandingPromo {
            margin-top: 30vw;
            margin-left: 6.8vw;
            font-size: 7vw;
            line-height: 0.9;
        }
        .containerLanding {
            margin-left: 7.4vw;
        }
        .subTitleLanding {
            margin-top: 3.5vw;
            font-size: 4.82vw;
        }
        .textoLanding {
            margin-top: 5.9vw;
            margin-bottom: 0px;
            font-size: 3.68vw;
            line-height: 5.8vw;
        }
        .textoLanding2 {
            margin-top: 5.3vw;
            font-size: 3.54vw;
            line-height: 1.4;
            letter-spacing: 0.05vw;
        }
        .textoLandingContador {
            margin-top: -1vw;
            margin-left: 2vw;
            font-size: 6.74vw;
            line-height: 1.4;
            letter-spacing: 0.05vw;
        }
        .textoLandingContadorTerminado {
            margin-top: 0.3vw;
            margin-left: 0px;
            font-size: 3.94vw;
            line-height: 1.4;
            letter-spacing: 0.05vw;
        }
        .containerButtonLanding {
            margin-top: 12.8vw;
            margin-bottom: 16.6vw;
        }
        .containerButtonLanding2 {
            margin-top: 6.8vw;
            margin-bottom: 27.1vw;
        }
        .landingFlecha_img {
            margin-top: -3.2vw;
            margin-left: 41.5vw;
            width: 16.7vw;
        }
        .rightLanding_img {
            margin-top: -32.7vw;
            width: 26.6vw;
        }
    /*---------------- Fin Seccion Landing ----------------------------*/ 
    /*---------------- Inicio Seccion Caracteristicas ----------------------------*/
        .caracteristicas-container {
        }
        .titleCaracteristicas {
            margin-top: 15.6vw;
            margin-left: 17vw;
            font-size: 7.9vw;
        }
        .subTitleCaracteristicas {
            margin-top: 3.5vw;
            font-size: 3.82vw;
        }
        .containerButtonCaracteristicas {
            margin-top: 3.5vw;
            margin-bottom: 22.4vw;
        }
        .span-caracteristicas {
            padding: 2.3vw 5.2vw !important;
            font-size: 3.2vw !important;
            letter-spacing: 0.2vw !important;
        }
        .howtowinContainer {
            margin-top: 9.4vw;
            width: 92%;
            z-index: 2;
        }
        .howtowin__img {
            padding-left: 0.2vw;
            padding-right: 0.2vw;
            margin-bottom: 21vw;
        }
        .swiper {
            width: 90%;
            margin-top: 2vw;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 3vw;
        }
        .prizes__img {
            padding: 0px 4.8vw;
        }
        .swiper-button-next, .swiper-button-prev {
            height: 8vw;
            width: 8vw;
            top: 35%;
        }
        .swiper-button-next {
            right: -11px;
        }
        .swiper-button-prev {
            left: -11px;
        }
        .swiper-button-next .icon,
        .swiper-button-prev .icon {
            height: 4vw;
            width: 4vw;
        }
        .howtowinContainer > .swiper-container > .swiper-button-next, .howtowinContainer > .swiper-container > .swiper-button-prev {
            display: flex;
        }
        .howtowin__slide {
            width: 100% !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            flex: none;
        }
        .howtowin-next, .howtowin-prev {
            top: 32% !important;
        }
        .howtowin-prev {
            left: 2vw !important;
        }
        .howtowin-next {
            right: 2vw !important;
        }
        .howtowin-next .icon, .howtowin-prev .icon {
            height: 2.8vw !important;
            width: 2.8vw !important;
        }
        .howtowin-next .icon > img, .howtowin-prev .icon > img{
            width: 100%;
        }
        .swiper-pagination-bullet {
            background-color: #002e3f;
            margin: 0 1.2vw 0.1vw !important;
            opacity: 1;
            text-align: center;
            height: 2.2vw;
            width: 2.2vw;
        }
        .swiper-pagination-bullet-active {
            width: 8vw;
        }
        .containerTextSlider 
        {
            flex-direction: column !important;
            margin-left: 7.5vw;
        }
        .titleSlider {
            margin-top: 62.5vw;
            margin-left: 7.4vw;
            font-size: 6.5vw;
            text-align: left;
            width: 100%;
            line-height: 1;
        }
        .textoSlider {
            margin-top: 5.7vw;
            font-size: 3.8vw;
            line-height: 5.6vw;
        }
        .containerButtonSlider {
            margin-top: 7.2vw;
            margin-left: 0.3vw;
        }
        .spanButtonSlider {
            padding: 2.6vw 2vw !important;
            font-size: 3.3vw !important;
        }
    /*---------------- Fin Seccion Caracteristicas ----------------------------*/
    /*---------------- Inicio Seccion Beneficios ----------------------------*/
        .beneficios-container {
        }
        .titleBeneficios {
            margin-top: 8vw;
            font-size: 7.9vw;
        }
        .linkBeneficios {
            margin-top: 9.6vw;
            font-size: 3.6vw;
        }
        .containerBeneficios {
            margin-top: 0.7vw;
            flex-direction: column;
        }
        .itemBeneficios {
            margin: 0px 0.4vw;
            margin-top: 13.7vw;
        }
        .figBeneficios {
            width: 91.7vw;
            margin-bottom: 0px;
        }
        .figBeneficios > img {
            width: 100%;
        }
        .titleSeccionBeneficios {
            margin-top: 6.3vw;
            margin-left: 6.3vw;
            font-size: 6.5vw;
            line-height: 1;
        }
        .textoSeccionBeneficios {
            margin-top: 3.9vw;
            margin-left: 6.4vw;
            font-size: 3.7vw;
            line-height: 5.7vw;
        }
    /*---------------- Fin Seccion Beneficios ----------------------------*/
     /*---------------- Inicio Seccion Incluye ----------------------------*/
        .incluye-container {
        }
        .titleIncluye {
            margin-top: 27.2vw;
            margin-left: 8.5vw;
            font-size: 7.8vw;
        }
        .linkIncluye {
            position: relative;
            margin-top: 12.6vw;
            margin-right: 3.4vw;
            margin-left: auto;
            float: right;
            font-size: 3.6vw;
        }
        .containerIncluye {
            margin-top: 1vw;
            margin-bottom: 10vw;
            flex-direction: column;
        }
        .itemIncluye {
            margin: 0px 0.4vw;
            margin-top: 11vw;
        }
        .figIncluye {
            width: 9.6vw;
            margin-bottom: 0px;
        }
        .figIncluye > img {
            width: 100%;
        }
        .titleSeccionIncluye {
            margin-top: 4.3vw;
            margin-left: -0.4vw;
            font-size: 6.5vw;
            line-height: 1;
        }
        .textoSeccionIncluye {
            margin-top: 4.4vw;
            margin-left: -0.4vw;
            font-size: 3.7vw;
            line-height: 5.6vw;
        }
        .figIncluyePhone {
            width: 5.9vw;
        }
        .rightIncluye {
            position: relative;
            width: 100%;
            z-index: 2;
        }
        .rightIncluye_img {
            margin-top: 4vw;
            width: 112.8vw;
            margin-left: -5vw;
            position: relative;
        }
        .titleModulosIncluye {
            margin-top: 23.2vw;
            font-size: 6.6vw;
        }
        .containerModulosIncluye {
            margin-top: 14.1vw;
            margin-bottom: 10vw;
            margin-left: 0px;
            margin-right: 0px;
        }
        .textoModulo {
            font-size: 3.7vw;
            margin: 4vw 0px;
            line-height: 1;
            flex-grow: 1;
            flex-basis: 0;
            text-align: center;
        }
    /*---------------- Fin Seccion Incluye ----------------------------*/
    /*---------------- Inicio Seccion Razones ----------------------------*/
        .razones-container {
        }
        .titleRazones {
            margin-top: 20.4vw;
            font-size: 7.9vw;
        }
        .subTitleRazones {
            margin-top: 3.5vw;
            font-size: 3.82vw;
        }
        .containerButtonRazones {
            margin-top: 3.5vw;
            margin-bottom: 22.4vw;
        }
        .span-caracteristicas {
            padding: 2.3vw 5.2vw !important;
            font-size: 3.2vw !important;
            letter-spacing: 0.2vw !important;
        }
        .razonesContainer {
            margin-top: 14.5vw;
            width: 92%;
            margin-left: auto;
            margin-right: auto;
        }
        .razones__img {
            padding-left: 0.2vw;
            padding-right: 0.2vw;
            margin-bottom: 21vw;
        }
        .swiper {
            width: 90%;
            margin-top: 2vw;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 3vw;
        }
        .prizes__img {
            padding: 0px 4.8vw;
        }
        .swiper-button-next, .swiper-button-prev {
            height: 8vw;
            width: 8vw;
            top: 35%;
        }
        .swiper-button-next {
            right: -11px;
        }
        .swiper-button-prev {
            left: -11px;
        }
        .swiper-button-next .icon,
        .swiper-button-prev .icon {
            height: 4vw;
            width: 4vw;
        }
        .razonesContainer > .swiper-container > .swiper-button-next, .razonesContainer > .swiper-container > .swiper-button-prev {
            display: flex;
        }
        .razones__slide {
            width: 100% !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
            flex: none;
        }
        .razones-next, .razones-prev {
            top: 32% !important;
        }
        .razones-prev {
            left: 2vw;
        }
        .razones-next {
            right: 2vw;
        }
        .razones-next .icon, .razones-prev .icon {
            height: 2.8vw !important;
            width: 2.8vw !important;
        }
        .razones-next .icon > img, .razones-prev .icon > img{
            width: 100%;
        }
        .swiper-pagination-bullet {
            background-color: #002e3f;
            margin: 0 1.2vw 0.1vw !important;
            opacity: 1;
            text-align: center;
            height: 2.2vw;
            width: 2.2vw;
        }
        .swiper-pagination-bullet-active {
            width: 8vw;
        }
        .containerTextSlider 
        {
            flex-direction: column !important;
            margin-left: 7.5vw;
        }
         .figRazones {
            margin-left: 12.8vw;
            height: 18.3vw;
            margin-bottom: 0px;
        }
        .titleSeccionRazones {
            margin-top: 4.4vw;
            margin-left: 11.8vw;
            font-size: 6.5vw;
            line-height: 1;
            text-align: left;
        }
        .textoSeccionRazones {
            margin-top: 5.9vw;
            margin-bottom: 8vw;
            margin-left: 11.4vw;
            font-size: 3.7vw;
            line-height: 5.3vw;
            text-align: left;
        }
        .swiper-paginationRazones {
            text-align: center;
        }
        .titleAbajoRazones {
            margin-top: 11.2vw;
            font-size: 4.3vw;
            line-height: 1.2;
            text-align: center;
        }
        .textoMasRazones {
            margin-top: 9.3vw;
            font-size: 3.85vw;
            line-height: 2vw;
            text-align: center;
        }
        .containerButtonRazones {
            margin-top: 14.1vw;
            margin-bottom: 20.9vw;
        }
        .spanRazones {
            font-size: 3.35vw !important;
            padding: 3.8vw 6.1vw !important;
            padding-left: 7.9vw !important;
        }
    /*---------------- Fin Seccion Razones ----------------------------*/
    /*------------------------- Inicio Footer -------------------------*/
        .main-footer {
        }
        .logoFooter {
            margin-top: 10.8vw;
            margin-left: 10.9vw;
            width: 53.6vw;
        }
        .containerFooter {
            margin-left: 1vw;
            margin-bottom: 4.5vw;
        }
        .container1Footer {
            margin-left: 10.2vw;
            text-align: left;
        }
        .textFooter
        {
            margin-top: 16vw;
            font-size: 2.9vw;
            line-height: 3.1vw;
        }
        .linkFooter {
            margin-top: 4.7vw;
            margin-bottom: 15vw;
            font-size: 2.9vw;
        }
        .container2Footer {
            margin-top: 15.1vw;
            margin-left: 10.2vw;
        }
        .titleFooter
        {
            font-size: 4.25vw;
            margin-bottom: 7.2vw;
            line-height: 1;
        }
        .textFooter3 {
            margin-top: 4.3vw;
            margin-left: -0.6vw;
            font-size: 3vw;
            line-height: 1;
        }
    /*------------------------- Fin Footer -------------------------*/
    }
/*---------------- Fin Medias -------------------------*/