.secao-depoimentos {
    background: var(--cor-cinza-50);
}

.controles-do-carrossel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
}

.controles-do-carrossel button {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    color: var(--cor-azul-marinho-900);
    background: var(--cor-branca);
    border: 1px solid var(--cor-cinza-200);
    border-radius: 50%;
    font-size: 1.1rem;
}

.controles-do-carrossel button:hover {
    color: var(--cor-branca);
    background: var(--cor-azul-marinho-900);
    border-color: var(--cor-azul-marinho-900);
}

.carrossel-de-depoimentos {
    display: grid;
    grid-auto-columns: minmax(22rem, 40%);
    grid-auto-flow: column;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--cor-dourada-500) var(--cor-cinza-100);
}

.cartao-depoimento {
    min-height: 23rem;
    padding: clamp(1.6rem, 3vw, 2.4rem);
    background: var(--cor-branca);
    border: 1px solid var(--cor-cinza-100);
    border-radius: var(--raio-medio);
    scroll-snap-align: start;
}

.cartao-depoimento__aspas {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 2.2rem;
    color: var(--cor-dourada-500);
}

.cartao-depoimento > p {
    margin: 1.6rem 0 2.3rem;
    color: var(--cor-azul-marinho-900);
    font-family: var(--fonte-titulo);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.5;
}

.cartao-depoimento > strong {
    color: var(--cor-cinza-500);
    font-size: 0.78rem;
}

@media (max-width: 800px) {
    .carrossel-de-depoimentos {
        grid-auto-columns: minmax(19rem, 78%);
    }
}

@media (max-width: 520px) {
    .carrossel-de-depoimentos {
        grid-auto-columns: 92%;
    }
}