:root{

    --verde: #83ffca;
    --naranja: rgba(252,98,98,1);

    --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;

    --azulClaro: #00a8e0;
    --azulOscuro: #0568ae;

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

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

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

    --nav_backColor: #000000;
    --nav_borderBottom: 1px solid #000000;
    /*--nav_borderBottom: 0;*/
    /*--nav_shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.50);*/
    --nav_shadow: none;

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

    --phoneArea_textColor: #000000;

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

    --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_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 transparent;

    --c2c_iconTel_stroke: var(--verde);
    --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(--verde);
    --c2c_checkBox_backColor: #ffffff;
    --c2c_checkBox_border: 1px solid #cdced3;



    --c2c_button_textColor: #000000;
    --c2c_button_backColor: var(--verde);
    --c2c_button_container_backColor: #000000;

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

    --boton_textColor: #ffffff;
    --boton_backColor: var(--azulOscuro);
    --boton_borderRadius: 5rem;
    --boton_hover_textColor: #ffffff;
    --boton_hover_backColor: var(--azulClaro);

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

    --footer_backColor: #000000;
    --footer_textColor: #ffffff;
    --footer_enlace_textColor: #ffffff;
    --footer_enlaceHover_textColor: var(--azulClaro);
    --footer_textSepColor: var(--azulClaro);
    --footer_copy_textColor: var(--azulClaro);

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

    --bannerCookie_backColor: #ffffff;
    --bannerCookie_btnCookConfig_backColor: #cccccc;
    --bannerCookie_btnCookConfig_textColor: #ffffff;
    --bannerCookie_btnCookAccept_backColor: #000000;
    --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: red;

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

    --menu_enlace_textColor: var(--negro);
    --menu_enlace_backColor: transparent;
    --menu_enlaceHover_textColor: var(--verde);
    --menu_enlaceHover_backColor: blue;
    --menu_enlaceActive_textColor: var(--verde);
    --menu_enlaceActive_backColor: transparent;
    --menu_enlaceActive_border: 2px solid transparent;

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

    --bundles_backColor: var(--blanco);

    --bundles_claims_textColor: var(--azulOscuro);

    --bundles_box_border: 0;
    /*--bundles_box_border: 1px solid rgba(0, 0, 0, 0.25);*/
    /*--bundles_box_borderRadius: 0;*/
    --bundles_box_borderRadius: 1.5rem;
    /*--bundles_box_shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.30);*/
    --bundles_box_shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.50);
    /*--bundles_box_shadow: none;*/
    --bundles_box_backColor: #ffffff;

    --bundles_box_name_fontSize: 1.5rem;
    --bundles_box_name_textColor: #000000;
    --bundles_box_name_enlace_textColor: #000000;
    --bundles_box_name_enlaceHover_textColor: var(--verde);
    --bundles_box_name_backColor: transparent;
    --bundles_box_name_mainProduct_textColor: #000000;
    --bundles_box_name_mainProduct_backColor: transparent;

    --bundles_box_mainProductAlert_fontSize: 0.8rem;
    --bundles_box_mainProductAlert_textColor: #ffffff;
    --bundles_box_mainProductAlert_backColor: #00b9eb;

    --bundles_box_textFeatured1_textColor: #ffffff;
    --bundles_box_textFeatured1_fontSize: 1.0rem;
    --bundles_box_textFeatured1_backColor: #484848;

    --bundles_box_textFeatured2_textColor: #191919;
    --bundles_box_textFeatured2_fontSize: 1.0rem;
    --bundles_box_textFeatured2_backColor: #f2f7fd;


    --bundles_box_priceClaim_borderRadio: 0.5rem 0.5rem 0.5rem 0.5rem;
    --bundles_box_priceClaim1_textColor: var(--naranja);
    --bundles_box_priceClaim1_backColor: var(--negro);
    --bundles_box_priceClaim2_textColor: transparent;
    --bundles_box_priceClaim2_backColor: transparent;

    --bundles_box_priceBefore_fontSize: 2.0rem;
    --bundles_box_priceBeforeCoin_fontSize: 2.0rem;

    --bundles_box_properties_backColor: #ffffff;
    --bundles_box_properties_sep_border: 1px dashed rgba(0,0,0,0.15);
    --bundles_box_properties_propertyPrice_textColor: #000000;
    --bundles_box_properties_propertyPriceText_textColor: #000000;
    --bundles_box_properties_propertyPriceTextB_textColor: #000000;
    --bundles_box_properties_propertyPriceAfter_textColor: #000000;

    --bundles_box_otherDetails_backColor: #ffffff;
    --bundles_box_otherDetails_shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.15);
    --bundles_box_otherDetailsTitle_textColor: #000000;
    --bundles_box_otherDetails_sep_border: 1px solid rgba(0,0,0,0.15);
    --bundles_box_otherDetailsDisabled_backColor: #ffffff;
    /*--bundles_box_otherDetailsDisabled_shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.15);*/
    --bundles_box_otherDetailsDisabled_shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.50);

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

    /*--advantages_backColor: #f2f2f2;*/
    --advantages_backColor: #e6fff4;
    --advantages_h1_textColor: #000000;
    --advantages_h2_textColor: #000000;
    --advantages_h3_textColor: #000000;
    --advantages_icon_textColor: #e10a0a;

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

    --faqs_backColor: #949698;

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

    --smartphones_backColor: #edeef0;
    --smartphones_smartphoneInfo_discount: #e10a0a;

}

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

/*
*/
.c2c_form_stickyELement .phoneArea {
    display: none;
}
@media (min-width: 668px) {
    nav > div > div.rootNav {
        grid-template-columns: auto 1fr auto;
    }
}


/*
@media (min-width: 668px){
    .rootNav .phoneArea > div:nth-of-type(1) {
        display: none;
    }
    .c2c_form_stickyELement .phoneArea {
        justify-self: center;
        row-gap: 0.75rem;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 1rem;
        width: 100%;
        box-sizing: border-box;

        margin-bottom: 1rem;
    }
    .c2c_form_stickyELement .phoneArea > div:nth-of-type(1) {
        text-align: center;
    }
}

@media (max-width: 667px){
    .c2c_form_stickyELement .phoneArea {
        display: none;
    }
}

.c2c_form_stickyELement {
    position: sticky;
    top: 0 !important;
}
*/

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

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

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

.c2c_form_stickyELement {
    position: sticky;
}

@media (min-width: 1170px) {
    .c2c_form_stickyContainer {
        height: 40.00rem;
    }
    .c2c_form_stickyELement {
        top: 10rem;
        margin-top: -5rem;
    }
}
@media (min-width: 668px) and (max-width: 1169px) {
    .c2c_form_stickyContainer {
        height: 55.0vw;
    }
    .c2c_form_stickyELement {
        position: sticky;
        top: 16.0vw;
    }
}
@media (max-width: 667px) {

}

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

@media (min-width: 1170px) {

}
@media (min-width: 668px) and (max-width: 1167px) {
    .heroBanner {
        height: 46vw;
    }
    .heroBanner img {
        width: 100%;
        object-fit: cover;

        height: 46vw;
        object-position: -28vw 100%;
    }
}
@media (max-width: 667px) {
    .heroBanner {
        /*height: 85vw;*/

        width: 100%;
        display: block;
    }
    .heroBanner img {
        width: 100%;
        object-fit: cover;

        /*height: 85vw;*/
        /*object-position: -83vw 100%;*/

        width: 100%;
        object-position: 0 100%;
    }
}

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

section.bundles .box .boxInterior {
    display: grid;
    /*
    grid-template-rows: auto auto 1fr auto auto auto;
    */
    grid-template-rows: auto auto auto auto auto auto;
    row-gap: 0.5rem;

    height: 100%;

    text-align: center;
    padding: 1rem 1rem 0 1rem;
}

section.bundles .box .boxInterior .image img {
    height: 10rem;
    width: auto;
}









section.bundles .box .boxInterior .brand {
    color: #0568ae;
    font-size: 1rem;
}
section.bundles .box .boxInterior .model {
    color: #0568ae;
    font-size: 1.5rem;
    font-weight: 900;
}





section.bundles .box .boxInterior .priceBefore1 {
    text-align: center;
}
section.bundles .box .boxInterior .priceBefore1Desde {
    font-size: 1rem;
    font-weight: 100;
}











section.bundles .box .boxInterior .discapacidad {
    font-size: 0;
    position: absolute;

    display: grid;
    grid-template-columns: 1fr;
    row-gap: 0.75rem;
}

@media (min-width: 568px) {
    section.bundles .box .boxInterior .discapacidad {
        top: 5.50rem;
        right: 3.00rem;
    }
}
@media (max-width: 567px) {
    section.bundles .box .boxInterior .discapacidad {
        top: 5.25rem;
        right: 5.00vw;
    }
}




.discapacidad span.Auditiva:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    color: #0568ae;
    content: '\e91c';
    font-family: 'att-icons';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.discapacidad span.Motora:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    color: #0568ae;
    content: '\e920';
    font-family: 'att-icons';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.discapacidad span.Visual:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.0rem;
    color: #0568ae;
    content: '\e91a';
    font-family: 'att-icons';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.discapacidad span.Cognitiva:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    color: #0568ae;
    content: '\e91e';
    font-family: 'att-icons';
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}






.capacidad:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: '\e915';
    font-family: 'att-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.pantalla:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: '\e907';
    font-family: 'att-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.procesador:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: '\e916';
    font-family: 'att-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.memoria_ram:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: '\e914';
    font-family: 'att-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

@media (min-width: 668px) {
    .capacidad:before,
    .pantalla:before,
    .procesador:before,
    .memoria_ram:before {
        font-size: 1.50rem;
        line-height: 1.75rem;
    }
}
@media (max-width: 667px) {
    .capacidad:before,
    .pantalla:before,
    .procesador:before,
    .memoria_ram:before {
        font-size: 5vw;
        line-height: 9vw;
    }
}

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

@media (min-width: 668px) {
    nav:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0px;
        width: 10.5%;
        background: #2f2f2f;
        -webkit-transform: skewX(-13deg);
        -ms-transform: skewX(-13deg);
        transform: skewX(-13deg);
    }
}
@media (max-width: 667px) {
}