._how-to-buy
.faq-header {
    border-radius: 0 0 24px 24px;
    box-shadow: 0 0 32px var(--ggrey);
    
    height: 320px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    ._how-to-buy
    .faq-header::after {
        display: block;
        box-shadow: inset 0px -100px 100px 50px rgba(0, 0, 0, 0.75);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    ._how-to-buy
    .faq-header
    .faq-main-banner {
        display: block;
        filter: blur(8px);
        left: 0;
        object-fit: cover;
        object-position: center center;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

.faq-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

._how-to-buy
.faq-header
.container {
    display: flex;
    align-items: center;
    height: inherit;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.faq-img {
    width: 600px;
    max-width: 100%;
    height: auto;
}

._how-to-buy
.faq-header
.faq-img {
    max-width: 380px;
    margin-top: -64px;
}

._faq {
    background-color: var(--ggrey);
}

    ._faq
    #espacioT {
        background-color: var(--wwhite);
        border-radius: 24px 24px 0 0;
        margin-bottom: 0;
    }

    ._faq
    table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
        box-shadow: unset;
        background-color: var(--bblue7);
    }

    ._faq
    div#table_id_filter label {
        display: flex;
        align-items: flex-start;
        color: var(--bbblue2);
        flex-direction: column;
        font-family: "ubuntu-regular";
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.02em;
        margin-top: 2px;
        row-gap: 8px;
    }

    ._faq
    div#table_id_filter label > input {
        border-radius: 100px;
        font-weight: 400;
        font-size: 16px;
        padding-inline: 16px;
        padding-block: 8px;
        margin: 0;
    }

    .faq-title {
        font-family: "ubuntu-bold";
        font-size: clamp(24px, 48px, 10vw);
        color: var(--wwhite);
        margin: 0;
        text-align: center;
    }

._how-to-buy
.faq-header
.faq-title {
    background-color: var(--wwhite);
    backdrop-filter: blur(16px) saturate(4);
    border-radius: 16px 16px 0 0;
    bottom: 0;
    color: var(--bblue2);
    font-size: 32px;
    position: absolute;
    padding-inline: 48px;
    padding-block: 16px;
}

    ._how-to-buy
    .faq-header
    .faq-title::after {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

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

._faq
.table-responsive {
    margin: 0;
    padding: 0;
    padding-bottom: 16px;
}

._faq
.pregunta.sorting_1 > h3 {
    margin: 0;
    font-size: 16px !important;
    letter-spacing: -0.02em;
}

._faq
.row > h2 {
    font-size: 32px;
}


#faq .row {
    padding: 0 32px;
}

elemento {
  width: 688.817px;
  font-size: 18px;
}

._faq
table.dataTable thead > tr > th.sorting {
    font-size: 20px;
}

@media only screen and (max-width: 640px) {
    ._faq
    div#table_id_filter
    label {
        align-items: center;
        margin-inline: auto;
        margin-top: 16px;
        width: fit-content;
    }

    ._faq .table-responsive {
        margin-top: 32px;
    }

    ._faq
    #espacioT {
        margin-bottom: 24px;
    }

    ._faq .row > h2 {
        margin-inline: auto;
        width: fit-content;
    }
}

@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: "ubuntu-medium";
}

#table_id tr {
    height: 100px;
    align-items: center;
}

#table_id .respuesta {
    color: var(--gray1);
    font-family: "ubuntu-regular";
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin: 0;
    text-align: left;
}

div#table_id_info {
    text-align: right;
    color: #D0D0D0;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: "ubuntu-regular";
}

.highlight {
    background-color: #00ff01 !important;
}

@media (max-width:991px) {
    #galeria {
        height: 300px;
    }

    #iconShop {
        margin-top: 280px;
    }

    #iconShop {
        margin-top: 280px;
        padding: 50px;
    }
}

@media (max-width:768px) {

    #galeria {
        height: 250px;
    }

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

    ._how-to-buy
    .faq-header
    .faq-img {
        max-width: 280px;
    }
}

@media only screen and (max-width: 480px) {
    ._how-to-buy
    .faq-header
    .faq-title {
        font-size: 24px;
        padding: 16px;
        padding-inline: 24px;

    }

    ._how-to-buy
    .faq-header
    .faq-img {
        max-width: 200px;
    }
}

@media (max-width:428px) {
    #textoBlack {
        background-color: black;
        color: white;
        padding: 40px 30px;
    }

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

@media (max-width:375px) {
    #acerca-de .row h1 {
        font-size: 25px;
    }
}