/* Carousel - Cards menores, 3 por vez */

.sslp-testimonials-video__wrapper--carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.sslp-testimonials-video__grid--carousel {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    gap: 20px;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__item {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 280px;
    max-width: 350px;
}

/* Thumbnail menor */
.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__thumbnail {
    aspect-ratio: 16 / 10;
}

/* Info mais compacta */
.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__info {
    padding: 12px;
    gap: 10px;
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__avatar {
    width: 36px;
    height: 36px;
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__name {
    font-size: 14px;
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__role {
    font-size: 12px;
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__quote {
    padding: 10px 12px;
    font-size: 13px;
}

.sslp-testimonials-video__grid--carousel .sslp-testimonials-video__play {
    width: 56px;
    height: 40px;
}

@media (max-width: 1024px) {
    .sslp-testimonials-video__grid--carousel .sslp-testimonials-video__item {
        flex: 0 0 calc((100% - 20px) / 2);
        min-width: 260px;
    }
}

@media (max-width: 640px) {
    .sslp-testimonials-video__grid--carousel .sslp-testimonials-video__item {
        flex: 0 0 85%;
        min-width: auto;
    }
    
    .sslp-testimonials-video__grid--carousel {
        gap: 12px;
    }
}

/* Mobile - 1 card centralizado */
@media (max-width: 480px) {
    .sslp-testimonials-video__wrapper--carousel {
        overflow: visible;
        padding: 0 10px;
    }
    
    .sslp-testimonials-video__grid--carousel .sslp-testimonials-video__item {
        flex: 0 0 calc(100vw - 60px);
        min-width: auto;
        max-width: none;
    }
}