@charset "utf-8";
/* CSS Document */

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

.testimonials
{

    background:#f8f7f3;

    padding:100px 0;

}



/* GRID */

.testimonials-grid
{

    display:grid;

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

    gap:2rem;

}



/* CARD */

.testimonial-card
{

    background:#fff;

    border-radius:24px;

    padding:2.5rem 2rem;

    text-align:center;

    box-shadow:
    0 20px 50px rgba(0,0,0,.06);

    transition:.4s ease;

    position:relative;

}



.testimonial-card:hover
{

    transform:translateY(-12px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.12);

}



/* FOTO */

.client-photo
{

    width:90px;

    height:90px;

    margin:0 auto 1.2rem;

    border-radius:50%;

    overflow:hidden;

    border:4px solid #c89b3c;

}


.client-photo img
{

    width:100%;

    height:100%;

    object-fit:cover;

}



/* STARS */

.stars
{

    color:#c89b3c;

    letter-spacing:3px;

    font-size:1.1rem;

    margin-bottom:1.2rem;

}



/* TEXTO */

.testimonial-card p
{

    color:#64748b;

    line-height:1.8;

    margin-bottom:2rem;

    font-size:1rem;

}



/* CLIENTE */

.client-info strong
{

    display:block;

    color:#12483c;

    font-size:1.1rem;

}



.client-info span
{

    color:#94a3b8;

    font-size:.9rem;

}



/* ANIMACION */

.testimonial-card
{

    animation:fadeUp .8s ease both;

}


@keyframes fadeUp
{

from
{

opacity:0;

transform:translateY(40px);

}


to
{

opacity:1;

transform:translateY(0);

}

}



/* TABLET */

@media(max-width:992px)
{

.testimonials-grid
{

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

}

}



/* MOBILE */

@media(max-width:576px)
{


.testimonials
{

padding:70px 0;

}


.testimonials-grid
{

grid-template-columns:1fr;

}


.testimonial-card
{

padding:2rem 1.5rem;

}


}