.faq {
    --tamanho-titulo: clamp(26px, 2.6vw, 34px);
    padding-top: 16px;
    padding-bottom: 34px;
}

.faq .conteudo>.texto {
    margin-bottom: 12px;
}

.faq .itens {
    gap: 6px;
}

.faq .item {
    padding: 10px 16px;
    border: 1px solid var(--cor-borda);
    border-radius: 7px;
    background: rgb(255 255 255 / 30%);
}

.faq .titulo {
    position: relative;
    padding-right: 28px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.01em;
}

.faq .titulo::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--cor-tag);
    border-bottom: 2px solid var(--cor-tag);
    transform: rotate(45deg);
}

.faq .titulo button {
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
}

.faq .descricao {
    padding-top: 4px;
    font-size: 16px;
}

.faq .item.is-collapsed .descricao {
    display: none;
}

.faq .item.is-open .descricao {
    display: block;
}

.faq .item.is-open .titulo::after {
    top: 8px;
    transform: rotate(225deg);
}

@media (max-width: 767px) {
    .faq .item {
        padding: 12px 14px;
    }

    .faq .titulo {
        line-height: 1.35;
    }
}