/* ========== Contenedor del carrusel ========== */
.dt-testimonials-carousel {
    overflow: hidden;
    position: relative;
}

/* ========== Pista de testimonios ========== */
.dt-testimonials-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

/* Slide horizontal */
.dt-testimonials-carousel.slide-horizontal .dt-testimonials-track {
    flex-direction: row;
}

/* Slide vertical */
.dt-testimonials-carousel.slide-vertical .dt-testimonials-track {
    flex-direction: column;
}

/* Fade */
.dt-testimonials-carousel.fade .dt-testimonials-track {
    position: relative;
}

/* ========== Ítems individuales ========== */
.dt-testimonial-item {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

    padding: clamp(1.25rem, 1.25vw, 1.25vw);
    text-align: center;
    transition: opacity 0.5s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Fade específico */
.dt-testimonials-carousel.fade .dt-testimonial-item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.dt-testimonials-carousel.fade .dt-testimonial-item.dt-testimonial-active {
    opacity: 1;
    position: relative;
}

/* ========== Visibilidad ========== */
.dt-testimonial-hidden {
    opacity: 0;
    pointer-events: none;
}

.dt-testimonial-active {
    opacity: 1;
    pointer-events: auto;
}

/* ========== Contenido del testimonio ========== */
.dt-testimonial-text {
    font-style: italic;
    margin-bottom: clamp(0.625rem, 0.625vw, 0.625vw);
    line-height: 1.25;
}

.dt-testimonial-name {
    font-weight: bold;
}

.dt-testimonial-company {
    color: #666;
    font-style: normal;
}

.dt-testimonials-carousel.show-quotes .dt-testimonial-text::after,.dt-testimonial-text::before {
    font-size: 125%;
    line-height: 0;
    font-weight: 800;
    font-style: italic;
}
.dt-testimonials-carousel.show-quotes .dt-testimonial-text::after {
    content: '”';
    margin-left: clamp(1rem, 1vw, 1vw);
}

.dt-testimonials-carousel.show-quotes .dt-testimonial-text::before {
    content: '“';
    margin-right: clamp(1rem, 1vw, 1vw);
}


@media (max-width:1024px) {
    .dt-testimonial-item {
        max-width:90%;
    }
}

@media (max-width:767px) {
    .dt-testimonial-item {
        max-width:100%;
    }
}