


.faq-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.faq-img {
    width: 600px;
    max-width: 100%;
    height: auto;
}

.faq-title {
    font-family: "SF Pro Text"; font-weight: 700;
    font-size: clamp(24px, 48px, 10vw);
    color: var(--wwhite);
    margin: 0;
    text-align: center;
}

.table-responsive {
    border-radius: 20px;
    box-shadow: 5px 10px 10px var(--gray3);
    padding: 32px;
    margin: 50px 0;
    overflow-x: auto;
    outline: 1px solid var(--bblue);
    -webkit-overflow-scrolling: touch;
}
#configurator-section .container #collapse-prices {
   
    padding: 0vw 3.5vw;
}

#faq .row {
    padding: 0 32px;
}
#pc-section #collapse-faqs .panel-default .panel-body {
    padding-left: 5vw;
}

.by-trade-in .security-section {
    max-width: 1220px;
    margin: 0 auto;
    padding: 40px 0px;
    font-family: system-ui, sans-serif;
    text-align: center;
}
.by-trade-in .banner-tarjetanegocio {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
    .by-trade-in .banner-tarjetanegocio > div {
        flex: 1 1 50%;
    }
.by-trade-in .texto-tarjetanegocio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: 24px;
}
.by-trade-in .banner-tarjetanegocio > div {
    flex: 1 1 50%;
}











@media screen and (max-width: 576px) {
    #faq .row {
        padding: 0 16px;
    }
}

#acerca-de .container {
    height: 100%;
}

    #acerca-de .row {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        #acerca-de .row h1 {
            color: white;
            font-weight: 500;
            font-size: 50px;
        }

            #acerca-de .row h1 img {
                margin-bottom: 20px;
                width: 60%;
            }

#textoBlack {
    background-color: black;
    color: white;
    padding: 40px 80px;
}

    #textoBlack p {
        font-size: 18px;
        text-align: justify;
    }

#espacioT {
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 0px 5%;
}

#table_id .pregunta {
    font-size: 14px;
    letter-spacing: .2px;
    font-family: "SF Pro Text"; font-weight: 600;
}

#table_id tr {
    height: 100px;
    align-items: center;
}

#table_id .respuesta {
    color: var(--gray1);
    font-family: "SF Pro Text"; font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin: 0;
    text-align: left;
}

/*div#table_id_filter label {
    font-size: 14px;
    letter-spacing: .2px;
    font-family: "SF Pro Text"; font-weight: 600;
    color: black;
    margin-right: 20px;
}*/

   /* div#table_id_filter label input {
        color: #707070;
        margin-left: 20px;
    }*/

div#table_id_info {
    text-align: right;
    color: #D0D0D0;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: "SF Pro Text"; font-weight: 400;
}

.highlight {
    background-color: #00ff01 !important;
}
.by-trade-in #intro-section .img-responsive {
    width: 65% !important;
    margin: 0 auto;
}
.title-mini-preguntas{
    font-size:12px !important;
    letter-spacing:-0.02rem;
}
.icons-bonificaccion{
    display:flex;
    grid:20px;
    justify-content:center;
    align-items:center;
}
.icon-tradMAC {
    margin-right:20px;
    margin-left:20px;
}
.mac-trade-in-pr .mac-sections1 {
    padding: 2vw 0 !important;
}
    .mac-sections1 .col-center-txt {
        padding-top: 1vw;
    }
#icloud-section .img-responsive {
    width: 11vw;
    margin: 0 auto;
}
.mac-trade-in-pr #pc-section .img-responsive {
    width: 15vw;
    margin: 0 auto;
}
.mac-trade-in-pr .text-titletabla-mac {
    font-size: 1.8rem !important;
    font-family: "SF Pro Text" !important; font-weight: 700 !important;
    text-align: center !important;
}
.mac-trade-in-pr .div-save-mac {
    background: white;
    padding: 50px;
    text-align: center;
    border-radius: 30px;
}
.mac-trade-in-pr #configurator-section {
    padding: 5vw 0 0 0;
}
.mac-trade-in-pr .acordion-mac-tradein h4 {
    margin: 16px !important;
}
.mac-trade-in-pr .acordion-mac-tradein .ico-collapse {
    margin-right: 2vw !important;
}
.mac-trade-in-pr #configurator-section .container #collapse-prices .well {
    padding: 5px 0 3vw 10px !important;
}
#modal-body-tradein h3.head-txt.head-h2 br {
    display: none;
}
div#modal-body-tradein section#intro-section .container .col-xs-12 {
    padding: 0 30px;
}
div#modal-body-tradein #bonus-section {
    padding:10px;
    padding-bottom:100px;
}
div#modal-body-tradein ul.list-process {
    padding-inline-start: 0 !important;
}
.by-trade-in #configurator-section .container #collapse-prices .well .table > thead > tr > th{
    padding:0;
}
div#modal-body-tradein .icons-bonificaccion svg {
    max-width: 100px;
}
div#modal-body-tradein .section#info-section {
    padding: 2vw 30px !important;
}
div#modal-body-tradein #info-section .col-center-txt {
    padding-right: 0;
}
div#modal-body-tradein section#info-section h2 {
    text-align: center;
}
div#modal-body-tradein div#collapse-faqs h4.panel-title {
    margin: 12px 0 !important;
}
div#modal-body-tradein .acordion-mac-tradein h4 {
    margin: 12px 0 !important;
}
.by-trade-in .panel-legals {
    font-size: 12px !important;
}
div#modal-body-tradein div#modal-body-tradein div#collapse-faqs {
    padding: 0;
}
div#modal-body-tradein  #pc-section #collapse-faqs .panel-heading a {
    font-size: 16px !important;
    font-weight: 100;
}
div#modal-body-tradein  .by-trade-in #pc-section #collapse-faqs .panel-default .panel-body {
    font-size: 14px;
}
div#modal-body-tradein #pc-section #collapse-faqs .panel-default .panel-body {
    padding-left: 4vw;
}
div#modal-body-tradein  #configurator-section .container #collapse-prices .well {
    padding: 10px 0 !important;
}
div#modal-body-tradein div#accordion-faqs {
    padding: 0 30px !important;
}
.no-disponible{
    color:#fff !important;
}
    .no-disponible:hover {
        color: #fff !important;
        text-decoration: none !important;
    }



    .by-trade-in #pc-section #collapse-faqs .panel-heading {
        display: flex;
        align-items: flex-start;
    }


.by-trade-in #pc-section #collapse-faqs .panel-title {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    margin-block: 15px 10px;
}

.by-trade-in div#accordion-faqs h4.panel-title a {
    display: flex;
    justify-content: center;
}

    .by-trade-in #pc-section #collapse-faqs .panel-title .ico-collapse {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
    }

    .by-trade-in #pc-section #collapse-faqs .panel-title span {
        display: inline-block;
        line-height: 1.5;
    }


.by-trade-in .panel-default .panel-body {
    padding-left: 0 !important;
    margin-left: calc(60px + 10px);
    margin-top: 5px;
    line-height: 2.3rem;
    border: none;
}

.by-trade-in #pc-section #collapse-faqs .panel-default .panel-body {
    font-size: 14px;
    color: #333;
}

.by-trade-in #pc-section #collapse-faqs .panel-heading a {
    color: #333;
    font-size: 16px;
}
.by-trade-in #pc-section #collapse-faqs {
    margin: 2vw auto 1vw;
}
.panel-body #pc-section #collapse-faqs .panel-heading .panel-title .ico-collapse {
    margin-right: 1vw;
}

.by-trade-in #pc-section .head-faq a {
    color: #333;
    font-size: 30px;
}

    .by-trade-in #pc-section .head-faq a:hover {
        color: #333;
    }

.by-trade-in .support-link {
    color: var(--bblue);
    text-decoration: underline !important;
    font-family: "SF Pro Text";
    font-size: 16px;
}

.by-trade-in #pc-section .panel-recomendations .panel-body {
    font-weight: 500;
}

.by-trade-in .icloud {
    padding: 50px 0;
}

.by-trade-in .list-process li {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 10px;
    font-family: 'SF Pro Text';
    text-align: left;
    color:#333;
}

 .by-trade-in #pc-section .panel-recomendations {
    margin: 20px 0 auto;
}

.by-trade-in #pc-section .img-responsive {
    width: 11vw;
    margin: 0 auto;
}

.by-trade-in .list-process {
    padding: 0;
}

.by-trade-in .texto-tarjetanegocio h4 p {
    margin-bottom: 10px;
    font-family: 'SF Pro Text';
    text-align: left;
}

.by-trade-in .texto-tarjetanegocio h4 {
    text-align: left !important;
    width: 100%;
}

.by-trade-in .texto-tarjetanegocio p {
    font-size: 16px !important;
    color:#fff;
    text-align:left;
}

.tabla-padding-b {
    padding-bottom: 0 !important;
}

.by-trade-in #configurator-section .container #collapse-prices {
    max-width: 1200px;
}

.by-trade-in .panel-heading {
    padding: 0;
}

.by-trade-in .panel.panel-default {
    padding: 0;
}

div#collapse-prices .well p {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

div#collapse-prices .well {
    padding: 12px 0 !important;
}
.by-trade-in #configurator-section .container #collapse-prices {
    width: 60vw;
}
.by-trade-in table td th {
    font-size:14px; 
}

div#quieroCanjear .by-trade-in #configurator-section .container #collapse-prices {
    width: 45vw;
    max-width: 50vw;
}
div#quieroCanjear .by-trade-in p.p-bonifi {
    color: white;
    text-align: center;
}
div#quieroCanjear  div#collapse-prices .well p{
    text-align:center;
}
div#quieroCanjear .p-ymodal {
    padding: 0 30px !important;
}
div#quieroCanjear .modalicloud-trade-in div {
    padding: 0 30px !important;
}
div#quieroCanjear .by-trade-in #pc-section .img-responsive {
    width: 10vw;
}
div#quieroCanjear .list-process li{
    font-size:14px; 
}
div#quieroCanjear #icloud-section .img-responsive {
    width: 10vw;
}
p.head-txt.text-center.p-bonifi {
    font-size: 16px;
}
.modalicloud-trade-in {
    display: flex;
    align-items: center;
}
.by-trade-in #pc-section {
    padding: 0;
}
    .by-trade-in #pc-section #collapse-faqs .panel-heading .panel-title .ico-collapse {
        margin-right: 10px;
    }
.by-trade-in .panel.panel-default.panel-legals p {
    font-size: 12px;
}
.by-trade-in  #configurator-section {
    font-size: 14px;
}
.by-trade-in .tabla-padding-b{
    padding:0 !important;
}
.by-trade-in #configurator-section .container #collapse-prices {
    transform: translate(0px, -3vw);
}
.by-trade-in .informa-neg {
    margin-top: 0;
}
h2.text-center.modal-tradein-pdp {
    color: #000;
    font-family: 'SF Pro Text';
}
.by-trade-in .icloud {
    padding: 30px 0;
}
 .modal-title-trade-in {
    display: none;
}
div#modal-body-tradein .modal-title-trade-in {
    display: block;
    color: #333;
    font-size: 34px;
    line-height: 36px;
}
div#modal-body-tradein #intro-section h3 {
    margin-top: 1vw;
    font-size: 24px;
}
div#modal-body-tradein .tabla-padding-b table {
    border-spacing: inherit !important;
}
@media screen and (min-width: 2000px) {
    div#quieroCanjear .by-trade-in #configurator-section .container #collapse-prices {
        width: 800px !important;
    }
}

@media (max-width:1400px) {
    .mac-trade-in-pr #configurator-section .container #collapse-prices {
        width: 54vw !important;
        padding: 0vw 6vw !important;
    }
}
@media (max-width:1100px) {
    div#quieroCanjear .by-trade-in #configurator-section .container #collapse-prices {
        width: 70vw;
        max-width: 70vw;
    }
}
    @media (max-width:991px) {
        #galeria {
            height: 300px;
        }

        div#quieroCanjear .by-trade-in #configurator-section .container #collapse-prices {
            max-width: 100vw;
        }

        #iconShop {
            margin-top: 280px;
        }

        #iconShop {
            margin-top: 280px;
            padding: 50px;
        }

        .mac-trade-in-pr #configurator-section .container #collapse-prices {
            width: 70vw !important;
        }

        .mac-trade-in-pr h2.head-txt.head-h2 {
            text-align: center;
        }

        .mac-trade-in-pr h5.head-txt.head-h5 {
            text-align: center;
        }

        .mac-trade-in-pr #pc-section #collapse-faqs {
            width: 100%;
            margin: 0;
        }

        .mac-trade-in-pr section#info-section {
            padding: 2vw 4vw !important
        }

        .mac-trade-in-pr #pc-section #collapse-faqs .panel-heading a {
            font-size: 1.4rem !important;
            font-weight: 100;
        }

        #textoBlack p {
            font-size: 16px;
        }

        .bloquesIma .row .textoB p {
            font-size: 16px;
        }

        div#silverB .row p {
            font-size: 16px;
        }

        #acerca-de .row h1 {
            font-size: 35px;
        }

        .container-fluid.espaciosB h3 {
            font-size: 20px;
        }

        .text-titletabla-mac {
            font-size: 1.6rem;
        }

        .head-h2 {
            font-size: 2.1rem;
            line-height: 2.5rem;
            margin-bottom: 3rem;
        }

        .principal {
            font-size: 2.9rem !important;
            line-height: unset;
        }

        #bonus-section .head-h5 {
            font-size: 1.4rem;
            line-height: 2rem;
        }

        #icloud-section .head-h4 {
            font-size: 1.8rem;
        }

        #pc-section #collapse-faqs .panel-default .panel-body {
            padding-left: 6vw;
        }

        div#modal-body-tradein #configurator-section .container #collapse-prices {
            width: 96% !important;
            padding: 0vw 2vw !important;
        }

        .by-trade-in #pc-section #collapse-faqs {
            width: 100%;
        }

        .by-trade-in #configurator-section .container #collapse-prices {
            width: 90vw;
            padding: 0vw 1vw;
        }

        .by-trade-in section div {
            padding: 0 15px;
        }
        .by-trade-in .banner-tarjetanegocio {
            display: block !important;
        }
        .by-trade-in .modalicloud-trade-in {
            display: block;
        }
            .by-trade-in  img.img-iphone {
                max-width: 200px !important;
            }
        .by-trade-in #pc-section .head-h4 {
            font-size: 20px;
        }
        div#modal-body-tradein #pc-section #collapse-faqs .panel-heading a {
            line-height: 1.5;
        }
    }

    @media (max-width:768px) {

        #galeria {
            height: 250px;
        }

        .modalicloud-trade-in {
            display: inline-grid;
            align-items: center;
        }

        #icloud-section .img-responsive {
            width: 30vw !important;
        }

        .by-trade-in #pc-section .img-responsive {
            width: 30vw !important;
        }

        #pc-section .txt-list {
            font-size: 14px;
        }

        #icloud-section .head-h4 {
            font-size: 20px;
        }

        .by-trade-in #pc-section #collapse-faqs .panel-heading a {
            font-size: 16px;
        }

        .by-trade-in .texto-tarjetanegocio p {
            font-size: 14px !important;
        }

        .head-h2 {
            font-size: 16px !important;
        }

            .head-h2 br {
                display: none;
            }

        .by-trade-in .support-link {
            font-size: 14px;
        }

        .by-trade-in .list-process li {
            font-size: 14px;
        }

        .by-trade-in #pc-section #collapse-faqs .panel-default .panel-body {
            font-size: 14px;
        }

        .by-trade-in .panel-default .panel-body {
            margin-left: calc(30px + 10px);
        }

        #iconShop {
            margin-top: 250px;
        }

        #textoBlack p {
            font-size: 16px;
        }

        .bloquesIma .row .textoB p {
            font-size: 16px;
        }

        div#silverB .row p {
            font-size: 16px;
        }

        #silverB img {
            width: 65%;
        }

        #acerca-de .row h1 {
            font-size: 35px;
        }

        .container-fluid.espaciosB h3 {
            font-size: 20px;
        }

        .text-titletabla-mac {
            font-size: 1.6rem;
        }

        .mac-trade-in-pr #configurator-section .container #collapse-prices {
            width: 80vw !important;
        }

        .head-h2 {
            font-size: 2.1rem;
            line-height: 2.5rem;
            margin-bottom: 3rem;
        }

        .principal {
            font-size: 2.9rem !important;
            line-height: unset;
        }

        .title-medium {
            font-size: 1.3rem !important;
            line-height: 20px;
        }

        #bonus-section .head-h5 {
            font-size: 1.4rem;
            line-height: 2rem;
        }

        .by-trade-in #configurator-section .container #collapse-prices .well .table > tbody > tr > td {
            font-size: 14px;
        }
        div#modal-body-tradein div#accordion-faqs {
            padding: 0 !important;
        }
        div#quieroCanjear .modalicloud-trade-in div {
            padding: 0 !important;
        }
        .by-trade-in h6.title-medium{
            font-size:14px !important;
        }
        .by-trade-in .informa-neg .security-section .banner-tarjetanegocio picture img.img-iphone {
            width: 45% !important;
        }
        .by-trade-in a[aria-expanded="true"] i {
            color: #0071e3;
            transform: initial;
            transition-property: transform;
        }
        
        .by-trade-in #intro-section .img-responsive {
            width: 100% !important;
        }
        .icons-bonificaccion.icons-tradein-canje svg {
            width : 80px;
        }
       
        .by-trade-in #pc-section .head-faq a {
            font-size: 20px;
        }
    }

    @media (max-width:430px) {
        #textoBlack {
            background-color: black;
            color: white;
            padding: 40px 30px;
        }
       .by-trade-in #icloud-section .container-info {
            padding: 20px;
        }

        .bloquesIma {
            height: 400px;
        }

        div#silverB .row {
            display: block;
            align-items: center;
            justify-content: center;
        }

        .container-fluid.espaciosB i {
            font-size: 40px;
        }

        #iconShop {
            margin-top: 720px;
        }

        .acordion-mac-tradein h4 {
            font-size: 1.4rem;
            letter-spacing: initial;
        }

            .acordion-mac-tradein h4 a {
                font-size: 1.6rem !important;
                letter-spacing: initial;
            }

        #intro-section .img-responsive {
            width: 100% !important;
        }

        .mac-trade-in-pr #configurator-section .container #collapse-prices {
            width: 90vw !important;
        }

        .modal-content.modal-cuenta.modal-content-tradein {
            padding-inline: 0 !important;
        }

        div#modal-body-tradein #pc-section .head-faq a {
            font-size: 2.1rem !important;
        }
        .banner-tarjetanegocio.p-0 {
            display: block;
        }
    }

    @media (max-width:375px) {
        #acerca-de .row h1 {
            font-size: 25px;
        }

        .by-trade-in #pc-section #collapse-faqs .panel-heading a {
            color: #333;
            font-size: 16px;
        }
    }

