:root{
    --FontLight: "CeraProLight", Arial, Helvetica, sans-serif;
    --FontMedium: "CeraProMedium", Arial, Helvetica, sans-serif;
    --FontBold: "CeraProBlack", Arial, Helvetica, sans-serif;

    --magenta: #e2007a;
    --verde: #00C1B5;
    --verde_wa: #01C060;
    --amarillo: #FCD116;
    --naranja: #F47E28;
    --cian: #8fd2f5;
    --morado: #612d8a;

    --blanco: #ffffff;
    --negro: #000000;
    --negroLente: rgba(0,0,0,0.8);
    --grisClaro1: #edeef0; /* 10% */
    --grisClaro2: #e2e4e7; /* 15% */
    --grisClaro3: #cdced3; /* 25% */
    --grisClaro4: #9a999e; /* 50% */
    --grisClaro5: #67666a; /* 75% */
    --grisOscuro1: #191919;

    /* **************************************** */

    --body_backColor: #ffffff;
    /*--body_backColor: #ffffff;*/

    /* **************************************** */

    /*--nav_backColor: linear-gradient(to right,#612d8a 0%,#612d8a 38%,#612d8a 60%,#2d163f 100%);*/
    --nav_backColor: #ffffff;
    /*--nav_borderBottom: 1px solid #cdced3;*/
    --nav_borderBottom: 0;
    --nav_shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.50);
    /*--nav_shadow: none;*/

    /* **************************************** */

    --phoneArea_textColor: #ffffff;
    --phoneArea_boton_backColor: #e2007a;
    --phoneArea_boton_textColor: #ffffff;

    /* **************************************** */

    --c2c_backColor: #ffffff;
    --c2c_border: 1px solid #ffffff;
    /*--c2c_borderRadius: 0 0 1.0rem 1.0rem;*/
    --c2c_borderRadius: 1.0rem 1.0rem 1.0rem 1.0rem;
    --c2c_shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.30);

    --c2c_viewMobile_border: 5px solid var(--morado);

    --c2c_iconTel_stroke: var(--morado);
    --c2c_iconTel_fill: none;

    --c2c_input_backColor: #ffffff;
    --c2c_input_border: 1px solid #9a999e;
    /*--c2c_input_border: 0;*/
    /*--c2c_input_shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.30);*/
    --c2c_input_shadow: none;

    --c2c_checkBox_textColor: var(--morado);
    --c2c_checkBox_backColor: #ffffff;
    --c2c_checkBox_border: 1px solid #cdced3;

    /* **************************************** */





    --c2c_phoneArea_textColor: #ffffff;
    --c2c_phoneArea_backColor: #000000;
    /*--c2c_phoneArea_border: 1px solid #ffffff;*/
    --c2c_phoneArea_border: 0;
    --c2c_phoneArea_borderRadius: 0 0 1rem 1rem;
    /*--c2c_phoneArea_shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.30);*/
    --c2c_phoneArea_shadow: none;
    --c2c_phoneArea_icon_stroke: var(--blanco);

    /* **************************************** */

    --c2c_button_textColor: var(--blanco);
    /*--c2c_button_backColor: var(--magenta);*/
    --c2c_button_backColor: var(--magenta);
    --c2c_button_container_backColor: #2d163f;

    /* **************************************** */

    --boton_textColor: var(--blanco);
    /*--boton_backColor: var(--magenta);*/
    --boton_backColor: var(--magenta);
    --boton_borderRadius: 0.5rem;
    /*--boton_hover_backColor: var(--cian);*/
    --boton_hover_backColor: var(--magenta);
    --boton_icon_fill: var(--blanco);





    /* **************************************** */

    --footer_backColor: #2d163f;
    --footer_textColor: #ffffff;
    --footer_enlace_textColor: #ffffff;
    --footer_enlaceHover_textColor: var(--magenta);
    --footer_textSepColor: #ac6ae0;
    --footer_copy_textColor: #ffffff;

    /* **************************************** */

    --bannerCookie_title: var(--morado);
    --bannerCookie_backColor: #ffffff;
    --bannerCookie_btnCookConfig_backColor: #cccccc;
    --bannerCookie_btnCookConfig_textColor: #ffffff;
    --bannerCookie_btnCookAccept_backColor: var(--morado);
    --bannerCookie_btnCookAccept_textColor: #ffffff;

    /* **************************************** */

    --modals_backColor: var(--negroLente);

    /*--modals_menuSup_borderBottom: 1px solid #cdced3;*/
    --modals_menuSup_borderBottom: 0;

    --modals_menuInf_textColor: #ffffff;
    --modals_menuInf_backColor: #000000;

    --modals_cerrar_textColor: #ffffff;
    --modals_cerrar_backColor: #000000;
    --modals_cerrarHover_textColor: #ffffff;
    --modals_cerrarHover_backColor: #000000;

    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */

    --menuDesktop_backColor: transparent;

    --menuMobile_iconOpen_color: var(--morado);
    --menuMobile_iconOpen_titulo_textColor: var(--morado);
    --menuMobile_iconClose_color: var(--morado);
    --menuMobile_backColor: var(--blanco);
    --menuMobile_container1_backColor: var(--morado);
    --menuMobile_container2_backColor: var(--morado);
    /*---menuMobile_menuItem_borderBottom: 1px solid #e9e9e9;*/
    --menuMobile_menuItem_borderBottom: 0;

    --menu_enlace_textColor: var(--morado);
    --menu_enlaceHover_textColor: var(--cian);
    --menu_enlaceActive_textColor: var(--cian);
    /*--menu_enlaceActive_border: 2px solid var(--magenta);*/
    --menu_enlaceActive_border: 0;

    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */

    --bundles_backColor: #f0f0f0;
    --bundles_claims_textColor: var(--negro);

    /* --- Tamaño maximo Escritorio --- */
    --sizeDesktop: 1330px;
}
body section>div {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
}
.image{
    display: grid;
    margin-top: -1rem;
}
.image img{
    justify-self: center;
    max-width: 100%;
    margin-bottom: 5%;
}
/*
================================================================================
================================================================================
================================================================================
================================================================================
================================================================================
*/

/* Version 1 */
.c2c_form_stickyELement .phoneArea {
    display: none;
}
nav {
    z-index: 999;
}


#clickAction {
    grid-template-columns: 1fr;
    padding: 1rem;
}
#clickAction a {
    border-radius: 10rem;
    padding: 0.5rem;
}

.box {
    margin-bottom: 10%;
    box-sizing: border-box;
    overflow: visible;
}
section#bundles >div >.claim1 {
    padding-bottom: 3rem;
}
section#bundles .boxes {
    display: grid;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    justify-content: center;
    flex-wrap: wrap;

    column-gap: 1.8rem;
    row-gap: 4rem;
    padding: 1rem .25rem 0;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
}
section#bundles .boxes .box {
    width: 98%;
    max-width: 98%;
    margin: auto;
    box-sizing: border-box;
    padding-top: 2rem;
}


body#internet-movil section#bundles .boxes {
    gap: 1.5rem;
}

body#internet-movil > #caja_1_interior

#caja_1_interior > ul.accordion > li > .accordionContainer > div >.otherDetails_properties > .otherDetails_property {
    border-bottom: 1px solid var(--morado);
}


section#bundles .box .boxInterior {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;

    background-color: var(--blanco);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    border-radius: 1rem 0;
    position: relative;
    padding: .5rem;
    z-index: 2;
    border: none;
    /* width: fit-content; */
    max-width: 95%;
    overflow: visible;
}
.mtc_Info .upperClaim,
section#bundles .box .boxInterior .upperClaim {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    
    box-sizing: border-box;
    padding: .75rem .5rem 0;
    background: white;
}
.mtc_Info .upperClaim { 
    justify-content: flex-start; 
    align-items: center;
}
.mtc_Info .upperClaim .claim1,
section#bundles .box .boxInterior .upperClaim .claim1 {
    font-weight: 600;
    font-style: italic;
    font-family: var(--FontMedium);
    padding: 0 .25rem;

    background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to right, var(--magenta), var(--morado)) border-box;
    /* color: #000; */
    border: 2px solid transparent;
    border-radius: .75rem;
    display: inline-block;
}
.mtc_Info .upperClaim .claim1 span,
section#bundles .box .boxInterior .upperClaim .claim1 span {
    overflow: visible;
    font-size: .9rem;
    padding: 0 .05rem .15rem;
    background: linear-gradient(to right, var(--magenta), var(--morado));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section#bundles .box .boxInterior .upperClaim >img {
    height: 12rem;
    width: auto;
    margin-top: -6rem;
}
.mtc_Info .upperClaim .claim2,
section#bundles .box .boxInterior .upperClaim .claim2 {
    font-family: var(--FontBold);
    font-style: italic;
    color: var(--morado);
    font-size: 1.5rem;
}
.mtc_Info .upperClaim .claim2 { font-size: 2.2rem; }
.mtc_Info .title,
section#bundles .box .boxInterior .title {
    font-family: var(--FontMedium);
    font-weight: 600;
    font-size: .9rem;

    text-align: center;
    color: var(--magenta);
    text-transform: uppercase;
}
.mtc_Info .title { font-size: 1.8rem; }
.mtc_Info .priceBox,
section#bundles .box .boxInterior .priceBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    padding: 0 .75rem;
    box-sizing: border-box;
}
.mtc_Info .priceBox >div,
section#bundles .box .boxInterior .priceBox >div {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
.mtc_Info .priceBox .priceOffer,
section#bundles .box .boxInterior .priceBox .priceOffer {
    background-color: var(--magenta);
    color: white;
    border-radius: .25rem;
    box-shadow: 0 0 5px 1px var(--magenta);
    padding: .1rem .1rem .05rem;
}
.mtc_Info .priceBox .priceText,
section#bundles .box .boxInterior .priceBox .priceText {
    color: var(--morado);
    font-size: .8rem;
    font-family: var(--FontMedium);
}
/* .mtc_Info .priceBox .priceText { font-size: 1.1rem; } */

.mtc_Info .priceBox .price,
section#bundles .box .boxInterior .priceBox .price {
    color: var(--morado);
    font-family: 'CeraProMedium';
    font-weight: 600;
}
.mtc_Info .priceBox .price { font-size: 1.2rem; }
.mtc_Info .priceBox .price >b,
section#bundles .box .boxInterior .priceBox .price >b {
    color: var(--magenta);
}
.mtc_details.caracteristicas,
section#bundles .box .boxInterior .caracteristicas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    
    color: var(--morado);
    border-radius: .5rem;
    padding: .25rem .5rem;
    box-sizing: border-box;
    border: solid 1px var(--morado);
}
.mtc_details.caracteristicas span,
section#bundles .box .boxInterior .caracteristicas span {
    background-color: white;
    margin-top: -.55rem;
    font-size: .75rem;
    padding: .15rem .75rem;
}
.mtc_details.caracteristicas .details,
section#bundles .box .boxInterior .caracteristicas .details {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding: .35rem 0 .15rem;
}
.mtc_details.caracteristicas .details >div,
section#bundles .box .boxInterior .caracteristicas .details >div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mtc_details.caracteristicas .details >div small,
section#bundles .box .boxInterior .caracteristicas .details >div small {
    font-size: .5rem;
}
.mtc_details.caracteristicas .details >div b,
section#bundles .box .boxInterior .caracteristicas .details>div b {
    font-weight: 600;
    font-size: 1.1rem;
    font-family: var(--FontMedium);
}
.mtc_description {
    font-size: .7rem;
    color: var(--morado);
    text-align: justify;
    width: 92%;
}
.mtc_input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;
}
.mtc_input span {
    font-size: 1.2rem;
    font-family: var(--FontMedium);
    color: var(--magenta);
    text-align: center;
}
.mtc_Info .mtc_input .filaForm {
    width: 100%;
    margin-top: unset;
}
.mtc_Info .mtc_input .filaForm #c2c_modal {
    width: 100%;
    max-width: 100%;
    border: solid 1px var(--magenta);
    text-align: center;
}
.mtc_Info .mtc_input .mtc_buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}
.mtc_Info .mtc_input .mtc_buttons a.whatsapp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;

    background-color: transparent;
    border-radius: .5rem;
    border: solid 1px var(--verde_wa);
    color: var(--verde_wa);
    padding: 0 .75rem;
    height: 2.75rem;
    font-family: var(--FontMedium);
}
.mtc_Info .mtc_input .mtc_buttons a.whatsapp button {
    background-color: transparent;
}
.mtc_Info .mtc_input .mtc_buttons button {
    font-size: 1.2rem;
    letter-spacing: .05rem;
}
.mtc_Info .mtc_input .mtc_buttons a img,
.mtc_Info .mtc_input .mtc_buttons button img {
    height: 1.2rem;
    margin-top: .35rem;
}

section#bundles .box .boxInterior .boxButton .botonesBundles {
    padding: 0;
}
section#bundles .box .boxInterior .boxButton .botonesBundles >a {
    width: 100%;
    box-sizing: border-box;
}
section#bundles .box .boxInterior .boxButton .botonesBundles >a:hover {
    box-shadow: 0 1px 5px 1px var(--morado);
    border-radius: .5rem;
}

.box .description {
    color: var(--blanco);
    font-style: italic;
    font-size: 0.95rem;
    letter-spacing: -0.05rem;
    padding: 0.5rem 0;
    text-align: center;
    font-family: 'CenturyGothic';

}

.box .description span {
    color: var(--magenta);
}

.box  ul.accordion {
    /*
    padding: 0 2rem 0 1rem;
    margin-left: 0.7rem;
    */
    padding: 0;
    margin-left: 0;
    color: var(--negro);
    margin-top: -3.5rem;
}
.box ul.accordion li .arrow {
    left: 9rem;
    display: none;
}
.box  ul.accordion li {
    padding: 1rem 0 1rem 0;
    text-align: center;
}
.box .accordionTitle {
    /*
    width: 8rem;
    */
    margin-left: 1rem;
    width: calc(50% - 2rem - 0.5rem);
    color: var(--blanco);
    background-color: #5a2583;
    padding: 0.2rem;
    border-radius: 2rem;
    box-shadow: 0.1rem 0.1rem 0.2rem 0 #000000;
    font-family: 'CeraProBlack';
    font-size: 0.75rem;
    font-style: italic;
    text-align: center;
}

.box  ul.accordion .otherDetails_properties .otherDetails_property {
    padding: 1rem 0;
    /*border-bottom: 1px solid var(--magenta);*/
    border-bottom: 1px solid var(--morado);
}

#caja_1_interior  ul.accordion .otherDetails_properties .otherDetails_property {
    padding: 1rem 0;
    /*border-bottom: 1px solid var(--magenta);*/
    border-bottom: 1px solid var(--morado) !important;
}

.box  ul.accordion .otherDetails_properties .otherDetails_property:nth-of-type(1) {
    padding-top: 0;
}
.box  ul.accordion .otherDetails_properties .data {
    font-size: 1.7rem;
    font-family: 'CeraProBlack';
    color: var(--morado);
    font-style: italic;
}
.box  ul.accordion .otherDetails_properties .international {
    display: flex;
    column-gap: 1rem;
    justify-content: center;
    align-items: center;
    line-height: 100%;
}
.box  ul.accordion .otherDetails_properties .international b {
    font-family: 'CeraProBlack';
    font-size: 2rem;
    color: var(--blanco);
}
.box  ul.accordion .otherDetails_properties .international .bandera {
    font-family: 'CeraProBlack';
    font-style: italic;
    font-size: 0.7rem;
    text-align: center;
}
.box  ul.accordion .otherDetails_properties .international .bandera img {
    width: 2rem;
}

.box .price_1 {
    background-color: var(--blanco);
    color: var(--magenta);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 700;
    font-family: 'CeraProBlack';
    font-size: 2.5rem;
}


.box .price_2 {
    display: none;
}





.box .boxButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .15rem 0 0;
}
.box .boxButton_mobile {
    display: none;
}
.box button {
    border-radius: var(--boton_borderRadius);
    padding: 0 .5rem;
    height: 1.8rem;
    font-family: var(--FontMedium);
    font-size: .9rem;
}
body.Terminales .box button.teLlamamos img {
    width: .9rem;
}
body.Terminales .box button.whatsappBundle img {
    padding-top: .15rem;
}


.box .priceText_1 {
    display: none;
}
.box .priceText_2 {
    text-align: center;
    font-size: 0.9rem;
    color: var(--morado);
    margin-top: 0.5rem;
    font-family: 'CeraProMedium';
}

.box .kwai {
    padding: 3rem 0.5rem 0.3rem 0.3rem;
    background-color: var(--blanco);

    display: grid;
    grid-template-columns: auto auto;
    column-gap: 1rem;
    align-items: center;
    justify-content: center;

    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-top: -2.5rem;
    color: #e83b13;
    font-size: 0.9rem;
    text-align: right;
    line-height: 125%;
}
.box .kwai b {
    font-family: 'CeraProBlack';
}
.box .kwai img {
    width: 6.0rem;
    image-rendering: -webkit-optimize-contrast;
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* INTERNET + MÓVIL */
body#internet-movil .name {
    line-height: 75%;
    font-size: 3rem;
    margin-top: -0.5rem;
}
body#internet-movil .name small {
    font-family: 'CeraProMedium';
    font-size: 1.5rem;
}


body#internet-movil .box .redes,
body#internet-movil .box .accordion {
    display: none;
}

body#internet-movil .box .textFeatured {
    font-size: 1.1rem;
    font-family: 'CeraProBlack';
    color: var(--blanco);
    text-align: center;
    height: 3rem;
    border-top: 1px solid var(--blanco);
    margin-top: 0.5rem;
    margin-bottom: -1rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

body#internet-movil #caja_1_interior .textFeatured {
    color: var(--morado);
    border-top: 1px solid var(--morado);

}




body#internet-movil .box .price_1 {
    display: none;
}
body#internet-movil .box .price_2 {
    background-color: var(--blanco);
    color: var(--magenta);
    height: 5rem;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    z-index: 700;
    font-family: 'CeraProBlack';
    font-size: 3rem;
    border-top: 1px solid var(--blanco);
}

body#internet-movil #caja_1_interior .price_2 {
    background-color: var(--morado);
    color: var(--blanco);
}

body#internet-movil #caja_1_interior .price_2 div {
    color: var(--blanco);
}

body#internet-movil .box .price_2 small {
    font-size: 1rem;
}





body#internet-movil .box .priceText_1 {
    display: block;
    font-size: 0.8rem;
    font-family: 'CeraProMedium';
    color: #997fbb;
    text-align: center;
    height: 2rem;

    display: flex;
    align-items: center;
    justify-content: center;
}
body#internet-movil .box .priceText_2 {
    display: none;
}

/*
======================================================
======================================================
======================================================
======================================================
======================================================
*/





body#index,
body#internet-movil {

}




#bannerCookie #wrapperBtnCookie {
    display: flex;
}
#bannerCookie #btnCookConfig {
    display: none;
}





.name_Terminales{
    padding-left: 10%;
    font-size: 1.2em;
    font-weight: bolder;
}
.name_Terminales span{
    color: var(--morado);
    font-size: 1.4em;
}
.recuadroMorado{
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.EnvioGratis{
    background-color: var(--morado);
    align-self: end;
    width: 102%;
    border-radius: 1rem 0px 1rem 0px;
    height: 94%;
    color: var(--blanco);
    display: grid;
    align-content: center;
    font-size: 1em;
}
.EnvioGratis span{
    text-align: right;
    padding: 8%;
}
.price{
    padding-left: 10%;
}
.price .benefits .priceStrike{
    text-decoration:line-through;
    padding-right: 5%;
}

.price .benefits .discount{
    color: var(--magenta);
    font-weight: bold;
    font-size: 1.2em;
}
.price .principalPrice{
    font-size: 1.4em;
    font-weight: bolder;

}

footer {
    /*
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, darkblue, darkorchid) 1;
    border-image: linear-gradient(to right,#ffa807 25%,#d60270 25%,#d60270 50%,#fcd116 50%,#fcd116 75%,#00c2b6 75%) 1;
    */
    background-color: var(--footer_backColor);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}
@media (min-width: 1100px) {
    section#bundles .boxes .box {
        max-width: 100%;
    }
}@media (min-width: 560px) and (max-width: 896px){
    #heroImage_desktop{
        display: block;
    }
    #heroImage_mobile{
        display: none;
    }
}
@media (min-width: 900px) and (max-width: 1099px) {
    section#bundles .boxes .box {
        max-width: 100%;
    }
    section#bundles .boxes{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .recuadroMorado {
        display: grid;
        grid-template-columns: 5fr 1fr;
    }
}

@media (min-width: 668px) and (max-width: 899px) {
    section#bundles .boxes{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .EnvioGratis{
        font-size: 0.7em;
    }
}
@media (max-width: 667px) {
    section#bundles .boxes .box {
        flex: 100%;
        width: 90%;
        margin: auto;
    }
    section#bundles .boxes{
        grid-template-columns: auto;
    }

    /* -- Desaparición de las terminales, para habilitar el slider -- */
    section#bundles > div > div.boxes > div.box {
        display: none !important;
    }

    section#bundles .box .boxInterior {
        margin: auto;
        min-width: 15rem;
        width: fit-content;
    }

    #modalTerminal #frmC2C_modalTerminales .modalTerm_Container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* gap: 1rem; */
    }
    .mtc_description { display: none };
}