﻿@media (max-width: 450px) {

    #Definicion-Top {
        background-color: #fff;
        height: 15px !important;
    }

    #Definicion {
        margin-top: 5%;
        min-height: 100%;
        background-image: url("../../img/Principal/Banner-Principal-Responsivo.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 610px;
        min-height: 400px;
        text-align: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        #Definicion h2 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


        #Definicion .btnCompraChip {
            display: none;
        }

        #Definicion .btnCobertura p {
            padding-top: 0;
        }

        #Definicion .btnCompraChip p {
            padding-top: 0;
        }

        #Definicion .CajaTexto {
            padding-top: 10px;
        }

        #Definicion .Texto {
            padding-left: 2% !important;
            padding-right: 1% !important;
            text-align: center;
            display: inline !important;
        }

        #Definicion #caja-titulos {
            text-align: center;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .titulo {
            color: #D30E59 !important;
            font-size: 27px !important;
            line-height: 32px !important;
            font-weight: bold;
            text-align: center !important;
            display: inline !important;
            margin-bottom: 20px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .descripcion {
            font-family: OpenSans-Regular !important;
            color: #910748 !important;
            font-size: 16px !important;
            line-height: 18px !important;
            text-align: left;
            padding-left: 0px;
            padding-bottom: 6%;
            padding-top: 1% !important;
            display: inline !important;
            text-align: center !important;
        }


    h2 {
        font-size: 30px;
    }


    #Definicion .btn-ovalo {
        margin: 0 auto;
        margin-top: 67% !important;
    }

    /*-------------------------------------------------------------------------*/

    #Beneficios {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #F5F5F5;
        padding-bottom: 0px !important;
        max-height: 1530px !important;
    }

        #Beneficios .btnDetalles {
            left: 20%;
            bottom: -10%;
            margin-bottom: 0px !important;
        }

            #Beneficios .btnDetalles p {
                font-size: 25px !important;
            }

        #Beneficios h2 {
            padding-top: 7%;
            font-size: 30px !important;
            line-height: 32px !important;
            margin-bottom: 2% !important;
        }


        #Beneficios .beneficio-uno {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            margin-bottom: 12% !important;
        }

        #Beneficios .beneficio-dos {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            margin-bottom: 16% !important;
        }


        #Beneficios .beneficio-tres {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
            margin-bottom: 14% !important;
        }


        #Beneficios .beneficio-contenedor {
            width: 100% !important;
            background-color: rgba(145, 7, 72, 0.89);
            background-position: center;
            margin-top: 50%;
            height: 150px;
            padding: 0px 20px 0px 20px;
        }

        #Beneficios .titulo-contenedor {
            padding-top: 12px;
            font-size: 17px !important;
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
        }

        #Beneficios .descripcion-contenedor {
            padding-top: 12px;
            font-family: AmorSans !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
        }

        #Beneficios .btn-ovalo {
            left: 20%;
        }
    /*-------------------------------------------------------------------------*/
    #App {
        text-align: center;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px !important;
        background-image: none;
        font-size: 30px;
        height: auto !important;
        max-height: 500px !important;
        height: 500px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-image: url(../../../Assets/img/Principal/Banner-Cel-Responsivo.png) !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


        #App .descripcion {
            padding-top: 0px;
            padding-left: 0px !important;
            margin-bottom: 2%;
            font-family: Bree;
            font-weight: bold;
            font-size: 24px !important;
            color: white !important;
            text-align: center;
            line-height: 32px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #App .Texto {
            text-align: center;
            padding-left: 0px;
        }


        #App .Google-Badge {
            width: 50%;
            margin-left: 5%;
            text-align: center !important;
        }


        #App .banner {
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain !important;
            height: 400px;
            padding-left: 0px !important;
            padding-right: 0px !important;
            text-align: center !important;
        }

    /*-------------------------------------------------------------------------*/

    #PuntosRecarga {
        margin-top: 0px;
        padding-top: 2% !important;
        padding-bottom: 2%;
    }

        #PuntosRecarga .otros {
            color: #1488BC;
            font-size: 35px;
            text-decoration: underline;
        }

        #PuntosRecarga .logos {
            margin-bottom: 10%;
        }

        #PuntosRecarga .otros-contenedor {
            padding-top: 2.5%;
        }


        #PuntosRecarga h2 {
            font-size: 30px !important;
            line-height: 32px !important;
            margin-bottom: 12%;
        }

    /*----------------------------------------------------------------------------*/

    #ComienzaGanar .Texto p {
        font-size: 21px;
    }

    #ComienzaGanar .Texto {
        padding-left: 0;
        text-align: center;
    }

        #ComienzaGanar .Texto h2 {
            text-align: center;
        }

        #ComienzaGanar .Texto .GooglePlay {
            margin: 0 auto;
        }

    #Promociones {
        margin-bottom: 15%;
    }

        #Promociones .carousel-inner {
            margin: 0;
            width: 100%;
        }

        #Promociones .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 20px;
            height: 20px;
        }

        #Promociones .carousel-indicators {
            margin-bottom: -30px;
        }

        #Promociones #carouselPromocionesMini {
            display: block;
        }

        #Promociones #carouselPromociones {
            display: none;
        }

        #Promociones .btnSucursales {
            left: 20%;
            margin-top: -20%;
        }

        #Promociones .btnRosa {
            left: 20%;
            margin-top: -20%;
        }

        #Promociones .lblSucursales {
            font-family: Bree;
            font-size: 28px;
            position: absolute;
            bottom: 8px;
            z-index: 9;
            left: 8px;
        }

        #Promociones .lblPuntosVenta p {
            font-size: 25px;
            height: 30px;
        }

    #Paquetes {
        padding-left: 25px;
        padding-right: 25px;
    }

        #Paquetes .Columna .DescuentoDesc {
            font-size: 16px;
        }


    /*----------------------------------------------------------------------------*/

    #Cobertura {
        padding-bottom: 4%;
        margin-bottom: 0px;
    }

        #Cobertura #caja-cobertura {
            background-color: #fff;
            border-radius: 25px;
            padding-top: 6%;
        }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #Cobertura h2 {
        margin-top: 2%;
        display: inline-block;
        font-size: 30px !important;
    }

    #Cobertura img {
        max-width: 100%;
        margin-bottom: 0px;
    }

    #Cobertura .btnCobertura {
        padding-top: 0;
        margin-top: -30%;
        right: 0;
        left: 25%;
    }

        #Cobertura .btnCobertura p {
            padding-top: 14px;
        }

    #Cobertura .btnCobertura {
        padding-top: 0;
        text-align: center;
        margin-bottom: 0 auto;
        margin-left: 10% !important;
    }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #SaberMas {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background-image: url("../../../Assets/img/Principal/Banner-Dudas-Responsive.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 340px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

        #SaberMas h2 {
            font-size: 30px !important;
            width: 100%;
            /*padding-top: 2% !important;*/
            padding-top: 0px !important;
            margin-top: 0px !important;
            margin-bottom: 0px;
            text-align: center;
            font-size: 30px !important;
            line-height: 32px !important;
        }

        #SaberMas .descripcion {
            width: 55%;
            font-family: OpenSans-Regular !important;
            font-size: 17px !important;
            text-align: left !important;
            display: inline-block;
            margin-right: 0px;
            margin-top: 0px;
            padding-top: 20px;
            font-weight: bold;
            color: #707070;
        }

        #SaberMas .descripcion-contenedor {
            text-align: left !important;
            padding-left: 4% !important;
        }


        #SaberMas .flecha {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            text-align: left !important;
            width: 20px;
        }

        #SaberMas .btn-ovalo p {
            line-height: 22px !important;
            font-family: AmorSans !important;
            font-weight: bold !important;
            font-size: 22px !important;
        }

        #SaberMas .btn-ovalo {
            background-color: #d30d59;
            color: white !important;
            width: 275px;
            height: auto;
            padding-top: 15px !important;
            padding-bottom: 6px !important;
            text-align: center;
            border-radius: 25px !important;
            margin-top: 12px !important;
            border: none !important;
            cursor: pointer;
            margin: 0 auto !important;
            margin-top: 6% !important;
        }
       /*---------------------------------------------------------------*/

    #MasBeneficios {
        padding-left: 5%;
        padding-right: 5%;
    }

    footer #Legal a {
        margin-bottom: 5px;
        display: inline-block;
    }

    #SaberMas #boton-envio-chip {
        display: block !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        #SaberMas #boton-envio-chip .btnCobertura {
            /*display: block !important;*/
            margin-top: 0px !important;
            top: 25px;
            margin-bottom: 0px !important;
        }
}

@media (min-width: 450.1px) and (max-width: 767px) {

    #Definicion-Top {
        background-color: #fff;
        height: 15px !important;
    }

    #Definicion {
        margin-top: 28%;
        min-height: 100%;
        background-image: url("../../img/Principal/Banner-Principal-Responsivo.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 780px;
        min-height: unset;
        text-align: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        #Definicion h2 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


        #Definicion .btnCompraChip {
            display: none;
        }

        #Definicion .btnCobertura p {
            padding-top: 0;
        }

        #Definicion .btnCompraChip p {
            padding-top: 0;
        }

        #Definicion .CajaTexto {
            padding-top: 10px;
        }

        #Definicion .Texto {
            padding-left: 2% !important;
            padding-right: 1% !important;
            text-align: center;
            display: inline !important;
        }

        #Definicion #caja-titulos {
            text-align: center;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .titulo {
            color: #D30E59 !important;
            font-size: 32px !important;
            line-height: 32px !important;
            font-weight: bold;
            text-align: center !important;
            display: inline !important;
            margin-bottom: 20px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .descripcion {
            font-family: OpenSans-Regular !important;
            color: #910748 !important;
            font-size: 18px !important;
            line-height: 18px !important;
            text-align: left;
            padding-left: 0px;
            padding-bottom: 6%;
            padding-top: 1% !important;
            display: inline !important;
            text-align: center !important;
        }


    #Beneficios {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #F5F5F5;
        padding-bottom: 0px !important;
        max-height: 1530px !important;
    }

        #Beneficios .btnDetalles {
            left: 27%;
            bottom: -10%;
            margin-bottom: 0px !important;
        }

            #Beneficios .btnDetalles p {
                font-size: 25px !important;
            }

        #Beneficios h2 {
            padding-top: 7%;
            font-size: 30px !important;
            line-height: 32px !important;
            margin-bottom: 2% !important;
        }


        #Beneficios .beneficio-uno {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            margin-bottom: 12% !important;
        }

        #Beneficios .beneficio-dos {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            margin-bottom: 16% !important;
        }


        #Beneficios .beneficio-tres {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
            margin-bottom: 14% !important;
        }


        #Beneficios .beneficio-contenedor {
            width: 100% !important;
            background-color: rgba(145, 7, 72, 0.89);
            background-position: center;
            margin-top: 50%;
            height: 150px;
            padding: 0px 20px 0px 20px;
        }

        #Beneficios .titulo-contenedor {
            padding-top: 12px;
            font-size: 17px !important;
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
        }

        #Beneficios .descripcion-contenedor {
            padding-top: 12px;
            font-family: AmorSans !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
        }

    #App {
        text-align: center;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 12%;
        padding-bottom: 0px !important;
        background-image: none;
        font-size: 30px;
        height: auto !important;
        max-height: 500px !important;
        height: 500px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-image: url(../../../Assets/img/Principal/Banner-Cel-Responsivo.png) !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


        #App .descripcion {
            padding-top: 6%;
            padding-left: 0px !important;
            margin-bottom: 2%;
            font-family: Bree;
            font-weight: bold;
            font-size: 24px;
            color: white !important;
            text-align: center;
            line-height: 32px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #App .Texto {
            text-align: center;
            padding-left: 0px;
        }


        #App .Google-Badge {
            width: 50%;
            margin-left: 5%;
        }


        #App .banner {
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain !important;
            height: 400px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


    #Cobertura {
        padding-bottom: 4%;
        margin-bottom: 0px;
    }

        #Cobertura #caja-cobertura {
            background-color: #fff;
            border-radius: 25px;
            padding-top: 6%;
        }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #Cobertura h2 {
        margin-top: 2%;
        display: inline-block;
        font-size: 30px !important;
    }

    #Cobertura img {
        max-width: 100%;
        margin-bottom: 0px;
    }

    #Cobertura .btnCobertura {
        padding-top: 0;
        margin-top: -30%;
        right: 0;
        left: 25%;
    }

        #Cobertura .btnCobertura p {
            padding-top: 14px;
        }

    #Cobertura .btnCobertura {
        padding-top: 0;
        text-align: center;
        margin-bottom: 0 auto;
        margin-left: 10% !important;
    }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #SaberMas {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background-image: url("../../../Assets/img/Principal/Banner-Dudas-Responsive.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 340px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

        #SaberMas h2 {
            font-size: 30px !important;
            width: 100%;
            padding-top: 0px !important;
            margin-top: 0px !important;
            margin-bottom: 0px;
            text-align: center;
            font-size: 30px !important;
            line-height: 32px !important;
        }

        #SaberMas .descripcion {
            width: 55%;
            font-family: OpenSans-Regular !important;
            font-size: 17px !important;
            text-align: left !important;
            display: inline-block;
            margin-right: 0px;
            margin-top: 0px;
            padding-top: 20px;
            font-weight: bold;
            color: #707070;
        }

        #SaberMas .descripcion-contenedor {
            text-align: left !important;
            padding-left: 4% !important;
        }


        #SaberMas .flecha {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            text-align: left !important;
            width: 20px;
        }

        #SaberMas #boton-envio-chip {
            display: block !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

            #SaberMas #boton-envio-chip .btnCobertura {
                /*display: block !important;*/
                margin-top: 0px !important;
                top: 25px;
                margin-bottom: 0px !important;
            }
}

@media (min-width: 767.1px) and (max-width: 992px) {

    #Definicion-Top {
        background-color: #fff;
        height: 15px !important;
    }

    #Definicion {
        margin-top: 10%;
        margin-bottom: 0px;
        padding-top: 10px !important;
        min-height: 100%;
        background-image: url("../../img/Principal/Banner-Principal.png");
        background-repeat: no-repeat;
        background-size: 840px 600px;
        height: 350px;
        min-height: unset;
        text-align: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        #Definicion h2 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


        #Definicion .btnCompraChip {
            display: none;
        }

        #Definicion .btnCobertura p {
            padding-top: 0;
        }

        #Definicion .btnCompraChip p {
            padding-top: 0;
        }

        #Definicion .CajaTexto {
            padding-top: 10px;
        }

        #Definicion .Texto {
            padding-left: 4% !important;
            padding-right: 1% !important;
            text-align: left;
            display: inline !important;
        }

        #Definicion #caja-titulos {
            text-align: center;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .titulo {
            color: #D30E59 !important;
            font-size: 26px !important;
            line-height: 32px !important;
            font-weight: bold;
            text-align: left !important;
            display: block !important;
            margin-bottom: 20px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #Definicion .descripcion {
            font-family: OpenSans-Regular !important;
            color: #910748 !important;
            font-size: 18px !important;
            line-height: 18px !important;
            text-align: left;
            padding-left: 0px;
            padding-bottom: 6%;
            padding-top: 1% !important;
            display: inline !important;
            text-align: center !important;
        }


    /*-----------------------------------------------*/
    #Beneficios {
        display: inline-block;
        text-align: center;
        width: 100%;
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #F5F5F5;
        padding-bottom: 0px !important;
        max-height: 1530px !important;
    }

        #Beneficios .btnDetalles {
            left: 15%;
            bottom: -15%;
            margin-bottom: 0px !important;
        }

            #Beneficios .btnDetalles p {
                font-size: 20px !important;
            }

        #Beneficios h2 {
            padding-top: 7%;
            font-size: 25px !important;
            line-height: 32px !important;
            margin-bottom: 2% !important;
        }


        #Beneficios .beneficio-uno {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
        }

        #Beneficios .beneficio-dos {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
        }


        #Beneficios .beneficio-tres {
            background-size: contain;
            width: 100%;
            height: auto;
            padding: 0px;
            padding-bottom: 0px !important;
            margin-bottom: 0px !important;
        }


        #Beneficios .beneficio-contenedor {
            width: 100% !important;
            background-color: rgba(145, 7, 72, 0.89);
            background-position: center;
            margin-top: 50%;
            padding-right: 2% !important;
            padding-left: 2% !important;
            height: 150px;
        }

        #Beneficios .titulo-contenedor {
            padding-top: 12px;
            font-size: 16px !important;
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
        }

        #Beneficios .descripcion-contenedor {
            padding-top: 10px;
            font-family: AmorSans !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
            font-size: 15px !important;
        }

    #App {
        text-align: center;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 6%;
        padding-bottom: 0px !important;
        background-image: none;
        font-size: 30px;
        height: auto !important;
        height: 250px !important;
        max-height: none;
        padding-left: 0px !important;
        padding-right: 0px !important;
        background-image: url(../../../Assets/img/Principal/Banner-Cel.png) !important;
        background-repeat: no-repeat;
        background-size: 840px 650px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


        #App .descripcion {
            padding-top: 12% !important;
            padding-left: 12% !important;
            margin-bottom: 2%;
            font-family: Bree;
            font-weight: bold;
            font-size: 20px !important;
            color: white !important;
            line-height: 32px !important;
            /*padding-left: 0px !important;*/
            padding-right: 0px !important;
            text-align: left !important;
        }

        #App .Texto {
            text-align: center;
            padding-left: 0px;
        }


        #App .Google-Badge {
            width: 45%;
            margin-left: 9%;
        }


        #App .banner {
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain !important;
            height: 400px;
            padding-left: 0px !important;
            padding-right: 0px !important;
            text-align: left !important;
        }

    #PuntosRecarga {
        margin-top: 0px;
        padding-top: 2% !important;
        padding-bottom: 2%;
    }

        #PuntosRecarga .otros {
            padding-top: 150px !important;
            color: #1488BC;
            font-size: 35px;
            text-decoration: underline;
        }

        #PuntosRecarga .logos {
            margin-bottom: 10%;
        }

        #PuntosRecarga .otros-contenedor {
            padding-top: 2.5%;
        }


        #PuntosRecarga h2 {
            font-size: 30px !important;
            line-height: 32px !important;
            margin-bottom: 12%;
        }

    #Cobertura {
        padding-bottom: 4%;
        margin-bottom: 0px;
    }

        #Cobertura #caja-cobertura {
            background-color: #fff;
            border-radius: 25px;
            padding-top: 6%;
        }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #Cobertura h2 {
        margin-top: 2%;
        display: inline-block;
        font-size: 30px !important;
    }

    #Cobertura img {
        max-width: 100%;
        margin-bottom: 0px;
    }

    #Cobertura .btnCobertura {
        padding-top: 0;
        margin-top: -30%;
        right: 0;
        left: 25%;
    }

        #Cobertura .btnCobertura p {
            padding-top: 14px;
        }

    #Cobertura .btnCobertura {
        padding-top: 0;
        text-align: center;
        margin-bottom: 0 auto;
        margin-left: 10% !important;
    }

    #cobertura-redes-inferior {
        display: none;
    }

    #cobertura-redes-superior {
        display: block;
    }

    #SaberMas {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background-image: url("../../../Assets/img/Principal/Banner-Dudas-Responsive.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding-right: 0px !important;
        padding-left: 0px !important;
        background-size: 840px 600px;
        height: 550px;
    }

        #SaberMas h2 {
            font-size: 30px !important;
            width: 100%;
            /*padding-top: 2% !important;*/
            padding-top: 0px !important;
            margin-top: 4% !important;
            margin-bottom: 0px;
            text-align: center;
            font-size: 35px !important;
            line-height: 32px !important;
        }

        #SaberMas .descripcion {
            width: 55%;
            font-family: OpenSans-Regular !important;
            font-size: 17px !important;
            text-align: left !important;
            display: inline-block;
            margin-right: 0px;
            margin-top: 0px;
            padding-top: 20px;
            font-weight: bold;
            color: #707070;
        }

        #SaberMas .descripcion-contenedor {
            text-align: left !important;
            padding-left: 6% !important;
        }


        #SaberMas .flecha {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            text-align: left !important;
            width: 20px;
        }

    #MasBeneficios {
        padding-left: 5%;
        padding-right: 5%;
    }

        #MasBeneficios .Categoria p {
            font-size: 18px !important;
        }

    footer #Legal a {
        margin-bottom: 5px;
        display: inline-block;
    }

    #SaberMas #boton-envio-chip {
        display: block !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        #SaberMas #boton-envio-chip .btnCobertura {
            /*display: block !important;*/
            margin-top: 0px !important;
            top: 25px;
            margin-bottom: 0px !important;
        }
}

@media (min-width: 992.1px) and (max-width: 1440px) {

    #Definicion {
        margin-top: 2% !important;
        padding-top: 0px !important;
        width: 100%;
        background-color: white;
        display: block;
        height: auto;
        padding-top: 0px;
        background-repeat: no-repeat;
        background-size: auto !important 670px;
        height: 450px !important;
    }

        #Definicion .btnCompraChip {
            background-image: url("../../img/ServicioTelefonia/Fondo-Paquetes.png");
            width: 200px;
            height: 75px;
            background-size: 202px;
            padding-top: 17px;
            position: unset;
            display: block;
            margin: 0;
            margin-top: 25px;
            text-align: center;
        }

            #Definicion .btnCompraChip:hover {
                background-image: url("../img/ServicioTelefonia/Fondo-Paquetes-Hover.png");
            }

            #Definicion .btnCompraChip p {
                color: white;
                font-weight: bold;
                letter-spacing: 1px;
                font-family: AmorSans !important;
                font-weight: bold !important;
                font-size: 20px !important;
            }

        #Definicion .CajaTexto {
            padding-top: 0px !important;
            margin-top: 0px !important;
            padding-top: 25px;
        }

            #Definicion .CajaTexto img {
                display: inline;
                vertical-align: bottom;
                width: 70px;
            }

            #Definicion .CajaTexto .Contenedor {
                display: inline-block;
            }

            #Definicion .CajaTexto p {
                margin-bottom: 0;
                color: var(--Color-Gris-Default);
                font-size: 26px;
                line-height: 29px;
                font-family: Bree;
            }

        #Definicion .Texto {
            padding-left: 7%;
            text-align: left;
            padding-top: 0px !important;
        }

        #Definicion .background {
            width: 100%;
        }

        #Definicion .titulo {
            margin-top: 0px !important;
            color: #D30E59 !important;
            font-size: 35px !important;
            line-height: 34px !important;
            font-weight: bold;
            text-align: left;
        }

        #Definicion .descripcion {
            font-family: OpenSans-Regular !important;
            color: #910748 !important;
            font-size: 20px !important;
            line-height: 22px !important;
            text-align: left;
        }

    #Beneficios {
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        background-color: #F5F5F5;
        padding-bottom: 10%;
    }

        #Beneficios h2 {
            font-family: Bree;
            color: #D30E59 !important;
            font-size: 40px !important;
            line-height: 45px !important;
            font-weight: bold;
        }

        #Beneficios .Categoria {
            text-align: center;
        }

            #Beneficios .Categoria img {
                width: 70px;
                display: block;
                margin: 0 auto;
                margin-bottom: 0px;
                margin-bottom: 20px;
            }

            #Beneficios .Categoria p {
                margin: 0;
                font-family: Bree;
                color: var(--Color-Gris-Default);
                font-size: 21px;
            }


        #Beneficios .btnDetalles {
            left: 25% !important;
            bottom: -10%;
            margin-bottom: 0px !important;
        }


        #Beneficios .btnDetalles {
            background-image: url("../../img/ServicioTelefonia/Fondo-Paquetes.png");
            width: 200px;
            height: 75px;
            background-size: 202px;
            padding-top: 17px;
            position: absolute;
            margin-left: 50%;
            left: 30%;
            right: 50%;
            bottom: -3%;
            display: block;
            margin: 0 auto;
            text-align: center !important;
            bottom: -10%;
            margin-bottom: 0px !important;
        }

            #Beneficios .btnDetalles:hover {
                background-image: url("../../img/ServicioTelefonia/Fondo-Paquetes-Hover.png");
            }

            #Beneficios .btnDetalles p {
                color: white;
                font-weight: bold;
                letter-spacing: 1px;
                font-family: AmorSans !important;
                font-weight: bold !important;
                font-size: 25px !important;
            }


        #Beneficios .beneficio-uno {
            width: 100% !important;
            background-image: url("../../../Assets/img/Principal/Beneficio-Uno.png");
            background-repeat: no-repeat;
            background-size: contain;
            height: auto;
            padding: 0px;
        }

        #Beneficios .beneficio-dos {
            width: 100% !important;
            background-image: url("../../../Assets/img/Principal/Beneficio_Dos.png");
            background-repeat: no-repeat;
            background-size: contain;
            height: auto;
            padding: 0px;
        }


        #Beneficios .beneficio-tres {
            width: 100% !important;
            background-image: url("../../../Assets/img/Principal/Beneficio-Tres.png");
            background-repeat: no-repeat;
            background-size: contain;
            height: auto;
            padding: 0px;
        }

        #Beneficios .beneficio-contenedor {
            width: 99% !important;
            background-color: rgba(145, 7, 72, 0.89);
            background-position: center;
            margin-top: 45%;
            height: auto;
            min-height: 200px;
            padding: 0px 20px 0px 20px;
        }

        #Beneficios .titulo-contenedor {
            padding-top: 10px;
            font-size: 20px !important;
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
            line-height: 26px !important;
        }

        #Beneficios .descripcion-contenedor {
            font-size: 18px !important;
            font-family: AmorSans !important;
            font-weight: bold;
            color: white !important;
            text-align: left;
            margin-bottom: 25%;
        }

    #App {
        margin-bottom: 5%;
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 45px;
        padding-bottom: 45px;
        height: 500px !important;
        max-width: 100%;
        background-image: url(../../img/Principal/Banner-Cel.png) !important;
        background-repeat: no-repeat;
        background-size: auto !important 700px;
    }

        #App .Imagen img {
            max-width: 100%;
            margin-left: 5% !important;
        }

        #App .Texto {
            text-align: left;
            padding-left: 35px;
        }

            #App .Texto h2 {
                margin-bottom: 10px;
                padding-top: 10%;
                text-align: left;
                font-weight: bold;
            }

            #App .Texto p {
                margin-bottom: 0;
                color: var(--Color-Gris-Default);
                font-size: 24px;
                line-height: 29px;
                font-family: Bree;
            }

            #App .Texto .GooglePlay {
                width: 150px;
                display: block;
                padding-top: 25px;
            }

        #App .banner {
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain !important;
            height: 400px;
            text-align: left !important;
        }

        #App .Google-Badge {
            width: 60%;
            margin-left: 0px !important;
            text-align: left !important;
        }


        #App .descripcion {
            padding-top: 30% !important;
            padding-left: 2% !important;
            font-family: Bree;
            font-weight: bold;
            font-size: 34px !important;
            color: white !important;
            text-align: left;
            line-height: 34px !important;
        }

    #Cobertura {
        margin-bottom: 5%;
        padding-top: 5%;
        text-align: center;
        background-color: #F5F5F5;
        padding-bottom: 40px;
        margin-left: 0px;
        margin-right: 0px;
    }

        #Cobertura h2 {
            color: #D30E59 !important;
            font-size: 40px !important;
            line-height: 45px !important;
            font-weight: bold;
            margin-bottom: 5px !important;
        }

        #Cobertura ul {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }

            #Cobertura ul li {
                display: inline-block !important;
                border-right: solid 1px #910748;
                text-align: center !important;
                width: 30%;
            }

        #Cobertura img {
            max-width: 70%;
            text-align: center;
            display: inline-block;
        }

        #Cobertura .btnCobertura {
            background-image: url("../../img/ServicioTelefonia/Fondo-Paquetes.png");
            width: 300px;
            height: 115px;
            background-size: 100%;
            padding-top: 17px;
            position: unset;
            display: block;
            margin: 0;
            text-align: center !important;
        }

            #Cobertura .btnCobertura:hover {
                background-image: url("../../img/ServicioTelefonia/Fondo-Paquetes-Hover.png");
            }

            #Cobertura .btnCobertura p {
                color: white;
                font-weight: bold;
                letter-spacing: 1px;
                font-family: AmorSans !important;
                font-weight: bold !important;
                margin-top: 4%;
                font-size: 26px !important;
            }

        #Cobertura .titulo {
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: #D30E59;
            font-size: 20px;
            text-align: left;
        }

        #Cobertura .titulo-dos {
            font-family: OpenSans-Regular !important;
            font-weight: bold;
            color: #D30E59;
            font-size: 10px;
            text-align: center !important;
            padding-right: 10%;
            margin-bottom: 0px;
        }

        #Cobertura .descripcion {
            font-family: OpenSans-Regular !important;
            color: #D30E59;
            font-weight: 100;
            font-size: 18px;
        }

        #Cobertura .descripcion-dos {
            font-family: OpenSans-Regular !important;
            color: #D30E59;
            font-weight: 100;
            font-size: 9px;
        }

        #Cobertura hr {
            color: #D30E59;
            border: solid 0.5px;
            width: 80%;
            text-align: left !important;
            margin-left: 0 !important;
        }


        #Cobertura a {
            text-decoration: none !important;
        }

    #PuntosRecarga {
        margin-top: 0px;
        padding-top: 2% !important;
        padding-bottom: 2%;
    }

        #PuntosRecarga img {
            width: 95% !important;
        }

        #PuntosRecarga .otros {
            color: #1488BC;
            font-size: 35px;
            text-decoration: underline;
        }

        #PuntosRecarga .logos {
            margin-bottom: 10%;
        }

        #PuntosRecarga .otros-contenedor {
            padding-top: 2.5%;
        }


        #PuntosRecarga h2 {
            font-size: 30px !important;
            line-height: 32px !important;
            margin-bottom: 12%;
        }

    #SaberMas {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background-image: url("../../../Assets/img/Principal/Banner-Dudas.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto !important 450px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        background-size: cover;
        height: 450px;
    }

        #SaberMas h2 {
            font-size: 30px !important;
            width: 100%;
            margin-top: 0px;
            padding-top: 0px !important;
            margin-top: 4% !important;
            margin-bottom: 0px;
            text-align: center;
            font-size: 35px !important;
            line-height: 32px !important;
        }

        #SaberMas .descripcion {
            width: 55%;
            font-family: OpenSans-Regular !important;
            font-size: 17px !important;
            text-align: left !important;
            display: inline-block;
            margin-right: 0px;
            margin-top: 0px;
            padding-top: 20px;
            font-weight: bold;
            color: #707070;
        }

        #SaberMas .descripcion-contenedor {
            text-align: left !important;
            padding-left: 6% !important;
        }


        #SaberMas .flecha {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            text-align: left !important;
            width: 20px;
        }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    #Beneficios .btn-ovalo {
        background-color: #d30d59;
        width: 225px;
        height: auto;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        margin-top: 25px;
        text-align: center;
        border-radius: 25px !important;
        padding-top: 17px;
        position: absolute;
        margin-left: 55%;
        left: 18%;
        display: block;
        margin: 0 auto;
        text-align: center !important;
        bottom: -6%;
        margin-bottom: 0px !important;
    }   

    .float-icono-whatsapp {
        bottom: 100px !important;
    }
}

@media only screen and (min-device-width : 1200px) and (max-device-width : 1400px) and (orientation : landscape) {

    #Beneficios .btn-ovalo {
        background-color: #d30d59;
        width: 225px;
        height: auto;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        margin-top: 25px;
        text-align: center;
        border-radius: 25px !important;
        padding-top: 17px;
        position: absolute;
        margin-left: 55%;
        left: 22%;
        display: block;
        margin: 0 auto;
        text-align: center !important;
        bottom: -6%;
        margin-bottom: 0px !important;
    }
}