@font-face {
    font-family: 'summerLovingRegular';
    font-display: fallback;
    src: url('https://tienda.movistar.com.sv/fonts/summer_loving_regular.eot');
    src: url('https://tienda.movistar.com.sv/fonts/summer_loving_regular.eot?#iefix') format('embedded-opentype'),
        url('https://tienda.movistar.com.sv/fonts/nicky_laatz_-_summer_loving_regular-webfont.woff2') format('woff2'),
        url('https://tienda.movistar.com.sv/fonts/nicky_laatz_-_summer_loving_regular-webfont.woff') format('woff'),
        url('https://tienda.movistar.com.sv/fonts/summer_loving_regular.ttf') format('truetype'),
        url('https://tienda.movistar.com.sv/fonts/summer_loving_regular.svg#AftaserifRegular') format('svg');
}

.font-summer {
    font-family: 'summerLovingRegular';
}

.m-auto {
    margin: 0 auto;
}

.module-1 {
    background: #019df4;
}

/*Animation indicators*/
.module-1 .carousel-indicators {
    bottom: 0px;
}

.module-1 .carousel-indicators .active {
    width: 55px;
    height: 5px;
    margin: 0 5px;
    background-color: #fff;
}

.module-1 .carousel-indicators li {
    display: inline-block;
    width: 55px;
    height: 5px;
    margin: 0 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}

.module-1 .carousel-indicators li.active .in {
    animation: fill 7s linear 1;
    height: 100%;
    background-color: #5cb615;
}

@keyframes fill {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.item.active:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.module-1 .item {
    min-height: 435px;
}

.module-1 .banner-generico {
    background: url(images/module-1/50_tcl_20l.png?3) top center no-repeat, url(images/module-1/bg-50.png) no-repeat center;
    background-size: cover;
}

.module-1 .banner-generico-2 {
    background: url(images/module-1/50_realme_c21y.png?3) top center no-repeat, url(images/module-1/bg-50.png) no-repeat center;
    background-size: cover;
}

.module-1 .banner-generico-3 {
    background: url(images/module-1/20GB_banner_copy.png?3) top center no-repeat;
    background-size: cover;
}

.module-1 .banner-telefono {


    background: url(images/module-1/enero-desktop-2022.png?2) top center no-repeat;
    background-size: cover;
}

.module-1 .banner-oferta {
    background: url(images/module-1/bg_banner_promo.png?2) center no-repeat;
    background-size: cover !important;
    background-position: center !important;
    height: 453px;
}

.module-1 .copy-text {
    color: #fff;
    /* font-size: 4em; */
    font-family: 'telefonica-extralight';
    line-height: 65px;
    text-align: center;
    /* background: url(images/module-1/bg-copy.png?2) no-repeat center bottom; */
    background-size: cover;
}

.module-1 .copy-text .copy-title {
    font-size: 1em;
    position: relative;
    left: -150px;
    display: block;
}

.module-1 .copy-telefono {
    background: none;
    font-size: 2em;
}

.module-1 .copy-text span {
    font-size: 4em;
    display: inline-flex;
}

.module-1 .copy-text span.body-copy {
    font-size: .55em;
    font-family: 'telefonica-extralight';
    display: inline-flex;
}

.module-1 .copy-telefono span {
    font-size: 2em;
    font-family: 'telefonica-regular';
    display: inline-flex;
}

.module-1 .btn-verde {
    background: #5cb614;
    color: #fff;
    display: block;
    position: relative;
    width: 160px;
    padding: 10px 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 24px;
    z-index: 99999;
}

.module-1 .btn-50 {
    left: 20%;
    top: -20px;
}


@media screen and (max-width:1200px) {
    .module-1 .banner-telefono {
        background: url(images/module-1/enero-desktop-2022@1200.png?6) top center no-repeat;
        background-size: cover;
    }

    .module-1 .banner-generico-3 {
        background: url(images/module-1/20GB_banner_copy@1200.png?5) top center no-repeat;
        background-size: cover;
    }
}

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

    .module-1 .banner-generico,
    .module-1 .banner-generico-2 {
        background-position-x: 80%;
    }

    /* .module-1 .banner-generico-3 {
        background: #019df4;
        background-size: cover;
    } */
}

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

    .module-1 .banner-generico,
    .module-1 .banner-telefono,
    .module-1 .banner-generico-2,
    .module-1 .banner-generico-3 {
        background: none;
    }

    /* .module-1 .banner-generico{
        background: url(images/module-1/bg-50.png) no-repeat center;
        background-size: cover;
    } */
    .module-1 .copy-text {
        font-size: 3em;
        padding-top: 15px;
        height: 231px;
    }

    .module-1 .copy-text span {
        font-size: 3em;
    }

    .module-1 .copy-text span.body-copy {
        font-size: .5em;
        position: relative;
        top: -31px;
    }

    .module-1 .copy-text .copy-title {
        left: 0;
    }

    .module-1 .copy-text .img-copy {
        max-width: 375px;
        width: 100% !important;
    }

    .module-1 .copy-telefono span {
        font-size: 1.4em;
    }

    .module-1 .btn-verde {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 205px;
        width: 80%;
    }

    .module-1 .btn-50 {
        left: 0;
        right: 0;
        top: 215px;
    }
}

@media screen and (max-width:400px) {
    .module-1 .copy-text span.body-copy {
        font-size: .4em;
    }

    .module-1 .copy-telefono span {
        font-size: 1em;
    }
}

/* ESTILOS GENERALIZADOS */

.row-banner {
    max-width: 1200px;
    min-height: 435px;
    max-height: 435px;
    overflow: hidden;
}

.columna-izquierda-banner {
    display: flex;
    flex-direction: column;
}

.columna-derecha-banner {
    display: flex;
    flex-direction: column;
}

.columna-unica {
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    display: flex;
    height: 435px;
}

.columna-centrada-banner {
    justify-content: center !important;
    align-items: center !important;
}

.contenedor-boton-banner {
    display: flex;
    max-width: 315px;
}

.boton-banner {
    background: #5cb614;
    border-color: #5cb614;
    color: white;
    border-radius: 24px;
}

.boton-banner:hover {
    background: #bde4a4;
    border-color: #bde4a4;
    color: white;
    text-decoration: none;
    transition: 0.4s;
}

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

    .contenedor-principal {
        display: block;
    }

    .columna-izquierda-banner {
        justify-content: center;
        align-items: center;
        height: 210px;
    }

    .columna-derecha-banner {
        justify-content: center;
        align-items: center;
        height: 225px;
    }

    .imagen-izquierda-banner {
        min-width: 242px;
        min-height: 100px;
        max-width: 242px;
        max-height: 100px;
        object-fit: contain;
    }

    .imagen-derecha-banner {
        padding-top: 0.5em;
        max-width: 100%;
        width: 100%;
        height: 225px;
        object-fit: contain;
    }

    .imagen-centrada-verticalmente {
        padding-top: 0 !important;
        margin-bottom: 2em;
    }

    .imagen-unica-mobile {
        min-width: 375px;
        max-width: 100%;
        min-height: 435px;
        max-height: 435px;
        display: block;
    }

    .imagen-unica-desktop {
        display: none;
    }

    .contenedor-boton-banner {
        padding-top: 20px;
    }

}

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

    .contenedor-principal {
        display: flex;
        justify-content: center;
    }

    .columna-izquierda-banner {
        justify-content: center;
        align-items: flex-start;
        height: 100%;
    }

    .columna-derecha-banner {
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%;
    }

    .imagen-izquierda-banner {
        width: clamp(320px, calc(20rem + ((1vw - 7.68px) * 35.5556)), 400px);
        height: clamp(110px, calc(6.875rem + ((1vw - 7.68px) * 13.3333)), 140px);
        max-width: 400px;
        max-height: 140px;
        object-fit: contain;
    }

    .imagen-derecha-banner {
        padding-top: 5em;
        height: 100%;
        object-fit: cover;
    }

    .imagen-centrada-verticalmente {
        padding-bottom: 5em !important;
    }

    .imagen-unica-mobile {
        display: none;
    }

    .imagen-unica-desktop {
        max-width: 100%;
        max-height: 435px;
        align-self: center;
        display: block;
    }

    .contenedor-boton-banner {
        display: flex;
        margin-left: -1.5em;
        padding-top: 20px;
    }
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-izquierda-banner-1.porta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fila-banner-2 {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/36_BG_Banner_Desktop_foto_pospago_con_CTA (1).png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-1 {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/36_BG_roaming_desktop.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-1-2 {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/36_BG_Banner_Desktop_foto_pospago_con_CTA (1).png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-1_2 {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/BG_Banner_Desktop_Portabilidad_pospago.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.fila-banner-2 img.imgDatosIlimtiados {
    height: 100%;
    width: auto;
}

.fila-banner-2 img.datosIlimitadosDestacado {
    height: 100%;
    width: auto;
}

.columna-derecha-banner-2 {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}

.contenedor-imagen-izquierda-desktop-2 {
    max-width: 400px;
    max-height: 200px;
    height: inherit;
}

.contenedor-imagen-izquierda-mobile-2 {
    max-width: 400px;
    max-height: 177.5px;
    height: 177.5px;
}

.imagen-izquierda-mobile-2 {
    height: inherit;
    padding-top: 1em;
    padding-bottom: 3em;
}

.imagen-central-2 {
    max-width: 100%;
    min-height: 470px;
}

.contenedor-imagen-derecha-desktop-2 {
    max-width: 450px;
    max-height: 100%;
    height: 100%;
}

.contenedor-imagen-derecha-mobile-2 {
    max-width: 400px;
    max-height: 217.5px;
    height: 100%;
}

.imagen-derecha-mobile-2 {
    height: 100%;
    width: 100%;
}

.auto-alineacion-centrada-2 {
    align-self: center;
}

.fila-banner-1 img.imgDatosIlimtiados {
    height: 100%;
    width: auto;
    display: block;
    margin: 15px auto;
}

.fila-banner-1 img.datosIlimitadosDestacado {
    display: none;
}

.fila-banner-1-2 img.imgDatosIlimtiados {
    height: 100%;
    width: auto;
    display: block;
    margin: 15px auto;
}

.fila-banner-1-2 img.datosIlimitadosDestacado {
    display: none;
}

.fila-banner-1_2 img.imgPortabilidadDesktop {
    height: 100%;
    width: auto;
    display: block;
    margin: 15px auto;
}

.fila-banner-1_2 img.imgPortabilidadMovil {
    display: none;
}

.columna-izquierda-banner-1 {
    height: 435px;
}

@media (max-width : 1330px) {

    .fila-banner-1 img.imgDatosIlimtiados {
        height: auto;
        width: 1160px;
        margin-left: 0px;
        margin-top: 74px;
    }

    .fila-banner-1-2 img.imgDatosIlimtiados {
        height: auto;
        width: 1160px;
        margin-left: 0px;
        margin-top: 74px;
    }

    .fila-banner-1_2 img.imgPortabilidadDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1150px) {
    .fila-banner-2 img.imgDatosIlimtiados {
        height: auto;
        width: 100%;
    }

    .fila-banner-2 img.datosIlimitadosDestacado {
        height: auto;
        width: 100%;
        right: 55px;
        bottom: 0;
        position: absolute;
    }
}

@media only screen and (max-width : 992px) {
    .fila-banner-2 {
        background-image: url('../../images/module-1/36_BG_Banner_Movil_foto_pospago_con_CTA (1).png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-1 {
        background-image: url('../../images/module-1/36_BG_roaming_desktop.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-1-2 {
        background-image: url('../../images/module-1/36_BG_Banner_Movil_foto_pospago_con_CTA (1).png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-1_2 {
        background-image: url('../../images/module-1/BG_Banner_Movil_Portabilidad_pospago.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .columna-izquierda-banner-2 {
        flex-direction: column;
    }

    .columna-izquierda-banner-2 {
        height: 217.5px;
    }

    .columna-derecha-banner-2 {
        max-width: 420px;
        height: 217.5px;

    }

    .fila-banner-2 img.datosIlimitadosDestacado {
        height: auto;
        width: 100%;
        right: auto;
        bottom: 0;
        position: absolute;
        max-width: 300px;
        left: 50%;
        margin-left: -150px;
    }

    .fila-banner-2 img.imgDatosIlimtiados {
        height: auto;
        width: 100%;
        max-width: 380px;
    }

    .fila-banner-2 img.imgDatosIlimtiados {
        height: auto;
        width: 410px;
        max-width: 410px;
        margin-top: 27px;
    }

    .fila-banner-1 img.imgDatosIlimtiados {
        display: none;
    }

    .fila-banner-1 img.datosIlimitadosDestacado {
        display: block;
        height: 100%;
        width: auto;
        margin: 0 auto;
    }

    .fila-banner-1-2 img.imgDatosIlimtiados {
        display: none;
    }

    .fila-banner-1-2 img.datosIlimitadosDestacado {
        display: block;
        height: 100%;
        width: auto;
        margin: 0 auto;
    }

    .fila-banner-1_2 img.imgPortabilidadDesktop {
        display: none;
    }

    .fila-banner-1_2 img.imgPortabilidadMovil {
        display: block;
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
}

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

    .contenedor-imagen-derecha-mobile-2 {
        display: none !important;
    }

    .columna-izquierda-banner-2 {
        height: 435px;
    }

    .columna-derecha-banner-2 {
        max-width: 100%;
        height: 435px;
    }
}

@media only screen and (max-width : 395px) {
    .fila-banner-1 img.datosIlimitadosDestacado {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 55px;
    }

    .fila-banner-1-2 img.datosIlimitadosDestacado {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 55px;
    }

    .fila-banner-1_2 img.imgPortabilidadMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 55px;
    }
}


/* Inicio Banner Modo Conquista  */

/*
.columna-modo-conquista {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-modo-conquista.porta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fila-banner-modo-conquista {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/BG_banner_desktop_verano_movistar_sin_cta.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-modo-conquista img.imgModoConquistaDesktop {
    height: 100%;
    width: auto;
    display: block;
    margin: 15px auto;
}

.fila-banner-modo-conquista img.imgModoConquistaMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-modo-conquista img.imgModoConquistaDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

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


    .fila-banner-modo-conquista {
        background-image: url('../../images/module-1/BG_banner_movil_verano_movistar_sin_cta.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-modo-conquista img.imgModoConquistaDesktop {
        display: none;
    }

    .fila-banner-modo-conquista img.imgModoConquistaMovil {
        display: block;
        height: 100%;
        width: auto;

        margin-top: -35px;
    }
}

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

    .fila-banner-modo-conquista img.imgModoConquistaMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: -15px;
    }
}
*/

/* Fin Banner Modo Conquista  */


/* Inicio Banner Portabilidad 50%  */

#id-contenedor {
    position: relative;
    z-index: 0;
}

.mi-btn-verde {
    background: #5cb614;
    color: #fff;
    display: block;
    width: 160px;
    height: 42px;
    line-height: 0px;
    padding: 10px 0;
    text-align: center;
    border-radius: 24px;
    border-color: transparent;
}

#mi-boton {
    position: absolute;
    top: 78%;
    left: 33.5%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (max-width: 992px) {}

.columna-portabilidad-verano {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-portabilidad-verano.porta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fila-banner-portabilidad-verano {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: #019df4;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-portabilidad-verano img.imgPortabilidadVeranoDesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
    /* margin: 15px auto; */
}

.fila-banner-portabilidad-verano img.imgPortabilidadVeranoMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-portabilidad-verano img.imgPortabilidadVeranoDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-portabilidad-verano img.imgPortabilidadVeranoDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    #mi-boton {
        top: 71%;
        left: 31.5%;
    }
}

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

    .fila-banner-portabilidad-verano {
        background-image: #019df4;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-portabilidad-verano img.imgPortabilidadVeranoDesktop {
        display: none;
    }

    .fila-banner-portabilidad-verano img.imgPortabilidadVeranoMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
        /* margin: 0 auto; 
        margin-top: -35px; */
    }

    #mi-boton {
        position: absolute;
        top: 86%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .fila-banner-portabilidad-verano img.imgPortabilidadVeranoMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }
}

/* Fin Banner Portabilidad 50%  */



/* Inicio Banner Portabilidad - Muevete a Movistar y Ahorra  */

#id-contenedor {
    position: relative;
    z-index: 0;
}

.columna-portabilidad {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-portabilidad.porta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fila-banner-portabilidad {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/36_BG_datos_ilimitados_abril_desktop.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-portabilidad img.imgPortabilidadDesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
}

.fila-banner-portabilidad img.imgPortabilidadMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    #mi-boton {
        top: 71%;
        left: 31.5%;
    }
}

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

    .fila-banner-portabilidad {
        background-image: url('../../images/module-1/36_BG_datos_ilimitados_abril_movil.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
	.col-12.col-lg-12.col-md-12.col-sm-12.columna-portabilidad.porta {

    align-content: flex-end;
}

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        display: none;
    }

    .fila-banner-portabilidad img.imgPortabilidadMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
    }

    #mi-boton {
        position: absolute;
        top: 86%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .fila-banner-portabilidad img.imgPortabilidadMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }
}

/* Fin Banner Portabilidad - Muevete a Movistar y Ahorra  */


/* Inicio Banner promonavi  con CTA*/
.fila-banner-promonavi-cta #id-contenedor {
    position: relative;
    z-index: 0;
}

.fila-banner-promonavi-cta .mi-btn-verde {
    background: #a12ea1;
    ;
    color: #fff;
    display: block;
    width: 240px;
    height: 42px;
    line-height: 0px;
    padding: 10px 0;
    text-align: center;
    border-radius: 24px;
    border-color: transparent;
}

.fila-banner-promonavi-cta #mi-boton {
    position: absolute;
    top: 74%;
    left: 78%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.fila-banner-promonavi-cta {

    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/module-1/BG_KV_Navidad_Pospago_BannerWeb_V1_.png) !important;
}

.fila-banner-promonavi-cta.aling-bg {
    /* background-position: center bottom !important; */
    background-position: center bottom !important;

}

@media (max-width: 992px) {}

.columna-promonavi-cta {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-promonavi-cta.porta {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}



.fila-banner-promonavi-cta img.imgpromonaviCTADesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
    /* margin: 15px auto; */
}

.fila-banner-promonavi-cta img.imgpromonaviCTAMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-promonavi-cta img.imgpromonaviCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-promonavi-cta img.imgpromonaviCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .fila-banner-promonavi-cta #mi-boton {
        top: 80%;
        left: 80%;
    }
}

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

    .fila-banner-promonavi-cta {
        /* background-image: #000; */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-promonavi-cta img.imgpromonaviCTADesktop {
        display: none;
    }

    .fila-banner-promonavi-cta img.imgpromonaviCTAMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
        /* margin: 0 auto; 
        margin-top: -35px; */
    }

    .fila-banner-promonavi-cta {
        max-width: 100%;
        max-height: 435px;
        min-height: 435px;
        height: 435px;
        background-image: url(../../images/module-1/BG_KV_Navidad_Pospago_BannerMovil_V1_.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #000;
    }

    .fila-banner-promonavi-cta.aling-bg {
        /* background-position: center bottom !important; */
        background-position: center bottom !important;

    }

    .fila-banner-promonavi-cta #mi-boton {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-promonavi-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

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

    .fila-banner-promonavi-cta img.imgpromonaviCTAMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }

    .fila-banner-promonavi-cta #mi-boton {
        position: absolute;
        top: 83%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-promonavi-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

/* Fin Banner promonavi con CTA */

/* Inicio Banner traetunumeroyahorra  con CTA*/
.fila-banner-traetunumeroyahorra-cta #id-contenedor {
    position: relative;
    z-index: 0;
}

.fila-banner-traetunumeroyahorra-cta .mi-btn-verde {
    background: #a12ea1;
    ;
    color: #fff;
    display: block;
    width: 240px;
    height: 42px;
    line-height: 0px;
    padding: 10px 0;
    text-align: center;
    border-radius: 24px;
    border-color: transparent;
}

.fila-banner-traetunumeroyahorra-cta #mi-boton {
    position: absolute;
    top: 74%;
    left: 78%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.fila-banner-traetunumeroyahorra-cta {

    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/module-1/nueva_oferta_Desktop_2600x809px_1.png) !important;
}

.fila-banner-traetunumeroyahorra-cta.aling-bg {
    /* background-position: center bottom !important; */
    background-position: center bottom !important;

}

@media (max-width: 992px) {}

.columna-traetunumeroyahorra-cta {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-traetunumeroyahorra-cta.porta {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}



.fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTADesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
    /* margin: 15px auto; */
}

.fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTAMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .fila-banner-traetunumeroyahorra-cta #mi-boton {
        top: 80%;
        left: 80%;
    }
}

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

    .fila-banner-traetunumeroyahorra-cta {
        /* background-image: #000; */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTADesktop {
        display: none;
    }

    .fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTAMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
        /* margin: 0 auto; 
        margin-top: -35px; */
    }

    .fila-banner-traetunumeroyahorra-cta {
        max-width: 100%;
        max-height: 435px;
        min-height: 435px;
        height: 435px;
        background-image: url(../../images/module-1/nueva_oferta_Artboard 16_1.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #000;
    }

    .fila-banner-traetunumeroyahorra-cta.aling-bg {
        /* background-position: center bottom !important; */
        background-position: center bottom !important;

    }

    .fila-banner-traetunumeroyahorra-cta #mi-boton {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-traetunumeroyahorra-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

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

    .fila-banner-traetunumeroyahorra-cta img.imgtraetunumeroyahorraCTAMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }

    .fila-banner-traetunumeroyahorra-cta #mi-boton {
        position: absolute;
        top: 83%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-traetunumeroyahorra-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

/* Fin Banner traetunumeroyahorra con CTA */


/* Inicio Banner viajesconroamingamerica  con CTA*/
.fila-banner-viajesconroamingamerica-cta #id-contenedor {
    position: relative;
    z-index: 0;
}

.fila-banner-viajesconroamingamerica-cta .mi-btn-verde {
    background: #a12ea1;
    ;
    color: #fff;
    display: block;
    width: 240px;
    height: 42px;
    line-height: 0px;
    padding: 10px 0;
    text-align: center;
    border-radius: 24px;
    border-color: transparent;
}

.fila-banner-viajesconroamingamerica-cta #mi-boton {
    position: absolute;
    top: 74%;
    left: 78%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.fila-banner-viajesconroamingamerica-cta {

    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/module-1/BG_Banner_Desktop_Roaming_v1.png) !important;
}

.fila-banner-viajesconroamingamerica-cta.aling-bg {
    /* background-position: center bottom !important; */
    background-position: center!important;

}

@media (max-width: 992px) {}

.columna-viajesconroamingamerica-cta {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-viajesconroamingamerica-cta.porta {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}



.fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTADesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
    /* margin: 15px auto; */
}

.fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTAMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTADesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .fila-banner-viajesconroamingamerica-cta #mi-boton {
        top: 80%;
        left: 80%;
    }
}

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

    .fila-banner-viajesconroamingamerica-cta {
        /* background-image: #000; */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTADesktop {
        display: none;
    }

    .fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTAMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
        /* margin: 0 auto; 
        margin-top: -35px; */
    }

    .fila-banner-viajesconroamingamerica-cta {
        max-width: 100%;
        max-height: 435px;
        min-height: 435px;
        height: 435px;
        background-image: url(../../images/module-1/BG_Banner_Movil_Roaming_v1.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #000;
    }

    .fila-banner-viajesconroamingamerica-cta.aling-bg {
        /* background-position: center bottom !important; */
        background-position: center !important;

    }

    .fila-banner-viajesconroamingamerica-cta #mi-boton {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-viajesconroamingamerica-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

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

    .fila-banner-viajesconroamingamerica-cta img.imgviajesconroamingamericaCTAMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }

    .fila-banner-viajesconroamingamerica-cta #mi-boton {
        position: absolute;
        top: 83%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .fila-banner-viajesconroamingamerica-cta .mi-btn-verde {
        width: 160px;
        height: 30px;
    }
}

/* Fin Banner viajesconroamingamerica con CTA */

/* Inicio Banner Portabilidad - Despega el año con datos ilimitados  */

#id-contenedor {
    position: relative;
    z-index: 0;
}

.columna-portabilidad {
    height: 435px;
}

.col-12.col-lg-12.col-md-12.col-sm-12.columna-portabilidad.porta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fila-banner-portabilidad {
    max-width: 100%;
    max-height: 435px;
    min-height: 435px;
    height: 435px;
    background-image: url('../../images/module-1/bg_banner_desktop_despega_con_datos.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fila-banner-portabilidad img.imgPortabilidadDesktop {
    z-index: 0;
    height: 100%;
    width: auto;
    display: block;
}

.fila-banner-portabilidad img.imgPortabilidadMovil {
    display: none;
}

@media (max-width : 1330px) {

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width : 1200px) {

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        height: auto;
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
    }

    #mi-boton {
        top: 71%;
        left: 31.5%;
    }
}

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

    .fila-banner-portabilidad {
        background-image: url('../../images/module-1/bg_banner_movil_despega_con_datos.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fila-banner-portabilidad img.imgPortabilidadDesktop {
        display: none;
    }

    .fila-banner-portabilidad img.imgPortabilidadMovil {
        z-index: 0;
        display: block;
        height: 100%;
        width: auto;
    }

    #mi-boton {
        position: absolute;
        top: 86%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .fila-banner-portabilidad img.imgPortabilidadMovil {
        height: auto;
        width: 327px;
        margin: 0 auto;
        margin-top: 35px;
    }
}

/* Fin Banner Portabilidad - Despega el año con datos ilimitados  */