﻿h2 {
    color: var(--Color-Rosa-Default);
    text-align: center;
    font-family: Bree;
    font-size: 40px;
    margin-bottom: 50px;
}

.row {
    margin: 0;
}

#Definicion-Top {
    background-color: #fff;
    height: 150px !important;
}

#Definicion {
    width: 100%;
    background-color: white;
    display: block;
    height: auto;
    padding-top: 0px;
    height: 580px;
    background-image: url("../img/Principal/Banner-Principal.png");
    background-repeat: no-repeat;
    background-size: cover;
}

    #Definicion #video-container {
        min-width: 40%;
        min-height: 50%;
        width: auto;
        height: auto;
        margin: 0 auto;
        display: block;
        position: unset;
    }

    #Definicion .btnCompraChip {
        /*background-image: url("../img/Cobertura/button_pink.png");*/
        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/Cobertura/button_pink_oscuro.png");*/
            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: 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: 15%;
        text-align: left;
    }

    #Definicion .background {
        width: 100%;
    }

    #Definicion .titulo {
        color: #D30E59 !important;
        font-size: 40px !important;
        line-height: 45px !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;
    }

    #Definicion .btn-ovalo p {
        padding: 0px !important;
        line-height: 22px !important;
        font-family: AmorSans !important;
        font-weight: bold !important;
        font-size: 22px !important;
    }

    #Definicion .btn-ovalo {
        background-color: #d30d59;
        color: white !important;
        width: 275px;
        height: auto;
        padding-top: 16px !important;
        padding-bottom: 4px !important;
        text-align: center;
        border-radius: 25px !important;
        margin-top: 12px !important;
        border: none !important;
        cursor: pointer;
    }
/*#Definicion #banner-container {
        min-width: 100%;
        min-height: 100%;
    }*/

/*-------------------------------------------------------------------------*/


#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: 20%;
        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: cover;
        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: cover;
        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: cover;
        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: 24px !important;
        font-family: OpenSans-Regular !important;
        font-weight: bold;
        color: white !important;
        text-align: left;
    }

    #Beneficios .descripcion-contenedor {
        font-size: 18px !important;
        font-family: AmorSans !important;
        font-weight: bold;
        color: white !important;
        text-align: left;
        margin-bottom: 25%;
    }

    #Beneficios .btn-ovalo p {
        color: #fff !important;
        line-height: 22px !important;
        font-family: AmorSans !important;
        font-weight: bold !important;
        font-size: 22px !important;
    }

    /*#Beneficios .btn-ovalo p {
        color: #fff !important;
        line-height: 22px !important;
        font-family: AmorSans !important;
    }*/

    #Beneficios .btn-ovalo {
        background-color: #d30d59;
        color: #fff !important;
        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: 27%;
        display: block;
        margin: 0 auto;
        text-align: center !important;
        bottom: -6%;
        margin-bottom: 0px !important;
    }

/*-------------------------------------------------------------------------*/
#MasBeneficios {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #F5F5F5;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-top: 20px;
}

    #MasBeneficios h2 {
        color: #D30E59 !important;
        font-size: 40px !important;
        line-height: 45px !important;
        font-weight: bold;
    }


    #MasBeneficios .Categoria {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding-left: 2px;
    }

        #MasBeneficios .Categoria .icono {
            width: 35px !important;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
            margin-right: 12px !important;
            display: inline-block;
        }

        #MasBeneficios .Categoria .preview {
            width: 75%;
            border: 1px solid rgba(128, 128, 128, 0.20);
            border-width: 0.01em !important;
        }

            #MasBeneficios .Categoria .preview:hover {
                width: 67%;
                opacity: 8;
                transition: 0.3s;
                -webkit-box-shadow: 6px 10px 5px -9px rgba(0,0,0,0.75);
                -moz-box-shadow: 6px 10px 5px -9px rgba(0,0,0,0.75);
                box-shadow: 6px 10px 5px -9px rgba(0,0,0,0.75);
            }

        #MasBeneficios .Categoria p {
            margin: 0;
            font-family: Bree;
            color: var(--Color-Gris-Default);
            font-size: 21px;
            display: inline-block;
            line-height: 22px !important;
            line-height: 23px !important;
            color: #72043A !important;
            font-family: OpenSans-Regular;
            font-weight: bolder;
        }

    #MasBeneficios .btnDetalles {
        width: 200px;
        height: 62px;
        background-size: 200px;
        padding-top: 17px;
        position: initial;
        display: block;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 20px;
        background-color: #D30E59 !important;
    }

        #MasBeneficios .btnDetalles:hover {
            background-color: #D30E59 !important;
        }

        #MasBeneficios .btnDetalles p {
            color: white;
        }

    #MasBeneficios .Video {
        width: 60% !important;
    }
/*-------------------------------------------------------------------------*/
#App {
    margin-bottom: 5%;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: url(../img/Principal/Banner-Cel.png);
    background-repeat: no-repeat;
    background-size: cover !important;
}


    #App .Imagen img {
        max-width: 100%;
    }

    #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: 26px;
            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: 30%;
        margin-left: 10%;
    }


    #App .descripcion {
        padding-top: 22%;
        padding-left: 12% !important;
        font-family: Bree;
        font-weight: bold;
        font-size: 36px !important;
        color: white !important;
        text-align: left;
    }

/*-------------------------------------------------------------------------*/
#PuntosRecarga {
    margin-bottom: 5%;
    margin-top: 2%;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 45px;
    padding-bottom: 45px;
}


    #PuntosRecarga h2 {
        color: #D30E59 !important;
        font-size: 40px !important;
        line-height: 45px !important;
        font-weight: bold;
    }

    #PuntosRecarga .soriana {
        margin-top: 15px;
    }

    #PuntosRecarga .logos {
        margin-bottom: 2%;
    }

    #PuntosRecarga .otros {
        color: #1488BC;
        font-size: 35px;
        text-decoration: underline;
    }

    #PuntosRecarga .otros-contenedor {
        padding-top: 2.5%;
    }
/*----------------------------------------------------------------------------*/
#SaberMas {
    /*margin-top: 2%;*/
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 20px;
    padding-bottom: 45px;
    background-image: url("../../Assets/img/Principal/Banner-Dudas.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 500px;
}

    #SaberMas .btnCobertura {
        background-image: url("../img/ServicioTelefonia/Fondo-Paquetes.png");
        width: 200px;
        height: 75px;
        background-size: 205px;
        padding-top: 17px;
        position: unset;
        display: block;
        margin: 0;
        margin-top: 0px;
        margin-top: 25px;
        text-align: center !important;
        font-size: 19px;
        color: white;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

        #SaberMas .btnCobertura:hover {
            background-image: url("../img/ServicioTelefonia/Fondo-Paquetes-Hover.png");
        }

    #SaberMas h2 {
        color: #D30E59 !important;
        font-size: 40px !important;
        line-height: 45px !important;
        font-weight: bold;
        text-align: left;
        margin-top: 0px !important;
    }

    #SaberMas .descripcion-contenedor {
        text-align: left !important;
    }

    #SaberMas .descripcion {
        font-family: OpenSans-Regular !important;
        font-size: 20px !important;
        text-align: left !important;
        display: inline-block;
    }

    #SaberMas .flecha {
        display: inline-block;
        padding: 0px;
        margin: 0px;
        text-align: left !important;
        width: 20px;
    }



    #SaberMas .link {
        text-decoration: underline !important;
    }


    #SaberMas #boton-envio-chip {
        display: none !important;
    }

    #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;
        font-family: OpenSans-Bold !important;
    }
/*----------------------------------------------------------------------------*/

#Promociones {
    margin-bottom: 5%;
    margin-top: 2%;
}

    #Promociones .carousel-inner {
        width: 85%;
        display: table;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 30px;
    }

    #Promociones .carousel-control-prev {
        width: 10%;
    }

    #Promociones .carousel-control-next {
        width: 10%;
    }

    #Promociones .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 80px;
        height: 80px;
    }

    #Promociones .carousel-control-next-icon {
        background-image: url("../img/Promociones/Flecha-Derecha.png");
    }

    #Promociones .carousel-control-prev-icon {
        background-image: url("../img/Promociones/Flecha-Izquierda.png");
    }

    #Promociones .carousel-indicators li {
        background-color: var(--Color-Gris-Default);
    }

    #Promociones .btnSucursales {
        background-image: url("../img/Cobertura/button.png");
        width: 200px;
        height: 62px;
        background-size: 200px;
        padding-top: 17px;
        position: absolute;
        left: 11%;
        margin-top: -9%;
        color: white;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
    }

        #Promociones .btnSucursales:hover {
            background-image: url("../img/Cobertura/button-oscuro.png");
        }

        #Promociones .btnSucursales p {
            color: white;
        }

    #Promociones .btnRosa {
        background-image: url("../img/Cobertura/button_pink.png");
        width: 200px;
        height: 62px;
        background-size: 200px;
        padding-top: 17px;
        position: absolute;
        left: 11%;
        margin-top: -9%;
        color: white;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
    }

        #Promociones .btnRosa:hover {
            background-image: url("../img/Cobertura/button_pink_oscuro.png");
        }

        #Promociones .btnRosa p {
            color: white;
        }


    #Promociones .lblSucursales {
        color: var(--Color-Gris-Default);
        font-family: Bree-Bold;
        font-size: 42px;
        position: absolute;
        bottom: 18%;
        z-index: 9;
        left: 35px;
    }

        #Promociones .lblSucursales a {
            color: var(--Color-Rosa-Default);
            text-decoration: underline;
            height: 50px;
        }

    #Promociones .lblPuntosVenta {
        position: absolute;
        bottom: 18%;
        z-index: 9;
        left: 24px;
    }

        #Promociones .lblPuntosVenta p {
            color: var(--Color-Gris-Default);
            font-family: Bree-Bold;
            font-size: 40px;
            margin: 0;
            height: 50px;
        }

        #Promociones .lblPuntosVenta .lblPuntosVenta_pink {
            color: var(--Color-Rosa-Default);
        }

        #Promociones .lblPuntosVenta a {
            color: var(--Color-Rosa-Default);
            text-decoration: underline;
        }

    #Promociones #carouselPromocionesMini {
        display: none;
    }

#Paquetes {
    margin-bottom: 5%;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

    #Paquetes h2 {
        display: block;
        width: 100%;
        color: var(--Color-Gris-Default);
        font-weight: bold;
        letter-spacing: 4px;
        text-align: center;
        margin-bottom: 5px;
    }

    #Paquetes .Descripcion {
        color: var(--Color-Gris-Default);
        text-align: center;
    }

    #Paquetes .Encabezado {
        background-color: var(--Color-Rosa-Default);
        padding: 3px 1px 20px 10px;
        color: white;
        font-family: Bree-Bold;
        letter-spacing: 3px;
        margin-bottom: 6px;
    }

        #Paquetes .Encabezado p {
            margin: 0;
        }

        #Paquetes .Encabezado .Descuento {
            font-size: 25px;
            letter-spacing: 0;
            line-height: 35px;
            padding-top: 13px;
        }

        #Paquetes .Encabezado .Tachado {
            text-decoration: line-through;
        }


    #Paquetes .Renglon {
        padding: 5px 1px 5px 5px;
        color: var(--Color-Gris-Default);
    }

    #Paquetes .Columna {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #Paquetes .Paquete {
        width: 100%;
        text-align: center;
        display: inline-block;
        border-left: 1px solid #f7f7f7;
    }

    #Paquetes .Renglon p {
        display: inline-block;
    }

    #Paquetes .Iconos {
        display: inline-block;
    }

        #Paquetes .Iconos img {
            width: 15px;
            display: inline;
        }

    #Paquetes .carousel-control-next-icon {
        background-image: url("../img/Promociones/Flecha-Derecha.png");
    }

    #Paquetes .carousel-control-prev-icon {
        background-image: url("../img/Promociones/Flecha-Izquierda.png");
    }

    #Paquetes .owl-nav {
        text-align: center;
        margin-top: -20px;
    }

    #Paquetes .owl-prev {
        color: var(--Color-Gris-Default);
        font-size: 50px;
        opacity: 0.5;
        margin-right: 20px;
    }

    #Paquetes .owl-next {
        color: var(--Color-Gris-Default);
        font-size: 50px;
        opacity: 0.5;
    }

    #Paquetes .owl-carousel .owl-item {
        padding-left: 5px;
    }


#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: 50%;
        height: 20%;
        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: 50%;
        text-align: left !important;
        margin-left: 0 !important;
    }


    #Cobertura a {
        text-decoration: none !important;
    }

    #Cobertura .btn-ovalo p {
        line-height: 22px !important;
        font-family: AmorSans !important;
        font-weight: bold !important;
        font-size: 22px !important;
    }

    #Cobertura .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;
        font-family: OpenSans-Bold !important;
    }


#cobertura-redes-inferior {
    display: block;
}

#cobertura-redes-superior {
    display: none;
}


#MasBeneficios ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}


#MasBeneficios .content-slider li {
    padding: 15px 0px 15px 0px;
    text-align: center;
}

#MasBeneficios .demo {
    width: 100%;
}


#MasBeneficios .lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: none;
    padding: 0 5px;
    margin-top: 15px;
    margin: 0 auto;
}

#MasBeneficios .lSAction > .lSPrev {
    background-position: 0 0;
    /*left: 10px;*/
    background-image: url('../img/Iconos/Prev.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#MasBeneficios .lSAction > .lSNext {
    /*right: 10px;*/
    background-image: url('../img/Iconos/Next.png');
    background-repeat: no-repeat;
    background-size: contain;
}


/*Icono whatsapp*/

.float-icono-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;    
    right: 9px;
    bottom: 80px !important;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.my-float-icono-whatsapp {
    margin-top: 16px;
}

