.reviews{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--background1);
    padding-bottom: 4rem;
}

.reviews_background{
    max-width: 1250px;
    width: 100%;
    padding: 4rem 3rem;
    margin: 0 1.5rem;
}

.reviews_titles{
    display: flex;
    justify-content: center; 
}

.reviews_header{
    margin-bottom: 3.5rem;
    text-align: center;
}

.reviews_container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.reviews_background a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviews_background a .btn-quote-v5{
    margin-top: 4rem;
}

/* Quita el max-width fijo para que se adapte al carrusel */
#trackReviews .review-card {
    max-width: unset;
    flex: 0 0 calc((100% - 64px) / 3); /* 3 cards con gap de 32px */
}

@media (max-width: 990px) {
    .reviews_background{
        padding: 4rem;
    }
    #trackReviews .review-card {
        flex: 0 0 calc((100% - 32px) / 2); /* 2 cards */
    }
}

@media (max-width: 768px) {
    #trackReviews .review-card {
        flex: 0 0 100%; /* 1 card */
    }
}