body,
html {
    font-family: var(--textfont);
}


.phoneNavArea div:nth-of-type(2) a,
input[type=checkbox]:checked + label:before,
.advantages .content:nth-child(1),
.faqs .content:nth-child(1),
#menudesktop a,
#menudesktop a.activo,
section.bundles .boxes .box .price .priceBefore1,
section.bundles .boxes .box .titulo,
b,
button {
    font-family: var(--textfont)
}


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

header {
    background-color: var(--alt_backColor);
    margin-top: var(--navHeight);
}

@media (max-width: 667px) {
    header {
        margin-top: var(--navHeightMobile);
    }
}

@media (min-width: 668px) and (max-width: 1079px) {
    header {
        margin-top: var(--navHeightTablet);
    }
}


section.bundles .box ul.otherDetails input[type="checkbox"],
section.bundles .box ul.otherDetails .arrow,
section.bundles .box ul.otherDetails .accordionTitle {
    display: none;
}

section.bundles .box ul.otherDetails div.accordionContainer {
    margin: 0 0 0 0 !important;
}

section.bundles .box .otherDetails_title {
    text-align: center;
}


@media (min-width: 668px) {

    .rootNav .phoneArea {
        margin: 0 auto;
    }

    .heroInfo .phoneArea {
        margin-right: 0;
    }

    .rootNav .phoneArea > div:nth-of-type(1) {
        display: none;
    }


    .c2c_form_stickyELement .phoneArea {
        justify-self: center;
        row-gap: 0.5rem;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0.5rem;
        width: 100%;
        box-sizing: border-box;
    }

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

    section.bundles details.accordion {
        height: 5.0rem;
        padding: 0 0 0 0;
    }

    section.bundles details.accordion li {
        padding: 0.75rem;
    }
}

@media (max-width: 667px) {


    section.bundles details.accordion {
        padding: 0 0 0 0;
    }

    section.bundles details.accordion li {
        padding: 0.5rem;
    }
}


#clickAction a {
    border-radius: 10rem;
}


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


@media (min-width: 1068px) {
    section.bundles .boxes .box,
    section.smartphones .boxes .box,
    .boxes .box,
    section.faqs .boxes .box {
        flex: calc(25% - 2rem);
        max-width: calc(25% - 2rem);
        margin: 1rem;
    }
}

@media (min-width: 668px) and (max-width: 1067px) {
    section.bundles .boxes .box,
    section.smartphones .boxes .box,
    .boxes .box,
    section.faqs .boxes .box {
        flex: calc(50% - 2rem);
        max-width: calc(50% - 2rem);
        margin: 1rem;
    }
}

@media (max-width: 667px) {
    section.bundles .boxes .box,
    section.smartphones .boxes .box,
    .boxes .box,
    section.faqs .boxes .box {
        flex: 100%;
        margin: 1rem;
    }

}

.heroInfo .box .textFeatured2,
.heroInfo .box .otherDetails {
    display: none;
}

.heroInfo .box .boxInterior {
    border-bottom-left-radius: var(--bundles_box_borderRadio);
    border-bottom-right-radius: var(--bundles_box_borderRadio);
    border: var(--bundles_box_border);
}

.heroInfo .box .properties {
    border-top-left-radius: var(--bundles_box_borderRadio);
    border-top-right-radius: var(--bundles_box_borderRadio);
    padding: 1rem 1rem 0 1rem;
}

.heroInfo .box .boxButton {
    padding: 0 0 1.5rem 0;
}

.heroInfo .box .boxButton button svg {
    fill: var(--negro);
}

@media (min-width: 668px) {
}

@media (max-width: 667px) {
    .heroInfo .box .name {
        display: none;
    }


    .heroInfo .box .price .priceCost .priceBefore2 div:nth-of-type(1) {
        font-size: 1.6rem;
    }

    .heroInfo .box .price .priceCost .priceBefore2 div:nth-of-type(2) {
        font-size: 1.0rem;
        margin-bottom: 0.2rem;
    }

    .heroInfo .box .properties {
        padding: 0.5rem 1rem 0 1rem;
    }

    .heroInfo .box .properties > div.property {
        padding: 0.25rem 0;
    }

    .heroInfo .box .properties > div.propertySep {
        display: none;
    }

    .heroInfo .box .boxButton {
        /*padding: 0 0 0.5rem 0;*/
        padding: 0 0 1.0rem 0;
    }

    /* Form C2C */
    .heroInfo:nth-of-type(2) {
        display: none;
    }
}


@media (max-width: 767px) {
    .box .price .priceCost {
        display: grid;
        row-gap: 0.5rem;
    }

    .box .price .priceCost .priceBefore {
        order: 1;
    }

    .box .price .priceCost .priceAfter {
        width: fit-content;
        margin: 0 auto;
        order: 2;
    }

    .box .price .priceCost .priceAfter hr {
        width: 4.00rem;
        top: 0;
        left: 0;
    }

    .box .price .priceCost .priceAfter1 {
        font-size: 1.25rem;
    }

    .box .price .priceCost .priceAfter2 {
        font-size: 1.25rem;
    }
}


/** _______  ajustes especiales _________ */

section.steps {
    display: none;
}


footer .logo {
    display: none;
}

div.rootNav .logo .isologotipo {
    display: none;
}