.testimonials{

padding:170px 0;

}

.testimonials-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.testimonial-card{

padding:40px;

border-radius:30px;

background:#111216;

border:1px solid rgba(255,255,255,.06);

transition:.35s;

}

.testimonial-card:hover{

transform:translateY(-10px);

border-color:#7C3AED;

}

.stars{

font-size:24px;

color:#FBBF24;

margin-bottom:24px;

}

.testimonial-card p{

margin-bottom:35px;

line-height:1.9;

}

.client{

display:flex;

align-items:center;

gap:18px;

}

.client img{

width:64px;

height:64px;

border-radius:50%;

object-fit:cover;

}

.client strong{

display:block;

margin-bottom:4px;

}

.client span{

color:#AAB6C8;

}

.featured{

transform:scale(1.03);

}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:1200px){

    .testimonials-grid{

        grid-template-columns:repeat(2,1fr);

        gap:28px;

    }

    .featured{

        transform:none;

    }

}

/*==========================================================
TABLET PEQUEÑA
==========================================================*/

@media (max-width:992px){

    .testimonials{

        padding:110px 0;

    }

    .testimonials-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

}

/*==========================================================
MÓVIL
==========================================================*/

@media (max-width:576px){

    .testimonials{

        padding:80px 0;

    }

    .testimonial-card{

        padding:28px;

        border-radius:24px;

    }

    .stars{

        font-size:20px;

        margin-bottom:18px;

    }

    .testimonial-card p{

        margin-bottom:24px;

        font-size:16px;

        line-height:1.75;

    }

    .client{

        gap:14px;

    }

    .client img{

        width:56px;

        height:56px;

    }

    .client strong{

        font-size:17px;

    }

    .client span{

        font-size:14px;

    }

    /* En móvil quitamos el efecto hover */

    .testimonial-card:hover{

        transform:none;

        border-color:rgba(255,255,255,.06);

    }

}


/*==========================================================
TESTIMONIALS SLIDER
==========================================================*/

.testimonials-slider{

    position:relative;

}

/*==============================
DOTS
==============================*/

.testimonial-dots{

    display:none;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:28px;

}

.dot{

    width:10px;

    height:10px;

    border-radius:50%;

    border:0;

    background:rgba(255,255,255,.25);

    cursor:pointer;

    transition:.35s;

}

.dot.active{

    width:34px;

    border-radius:999px;

    background:linear-gradient(90deg,#3B82F6,#7C3AED);

}

/*==========================================================
MOBILE SLIDER
==========================================================*/

@media (max-width:768px){

    .testimonials{

        overflow:hidden;

    }

    .testimonials-slider{

        overflow:hidden;

    }

    .testimonials-grid{

        display:flex;

        gap:20px;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        scroll-behavior:smooth;

        -webkit-overflow-scrolling:touch;

        padding-inline:20px;   /* <-- AQUÍ */

        padding-bottom:8px;

    }

    .testimonials-grid::-webkit-scrollbar{

        display:none;

    }

    .testimonials-grid{

        scrollbar-width:none;

    }

    .testimonial-card{

        flex:0 0 calc(100% - 40px);

        scroll-snap-align:center;

    }

    .testimonial-dots{

        display:flex;

    }

}