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

.testimonials{

    padding:100px 0;

    background:#FAFBFC;

}



/* ==========================================================
   RESUMO
========================================================== */

.rating-summary{

    margin:40px auto 60px;

    text-align:center;

}



.rating-stars{

    margin-bottom:12px;

    color:#F2C811;

    font-size:1.8rem;

    letter-spacing:4px;

}



.rating-summary strong{

    display:block;

    margin-bottom:8px;

    font-size:2rem;

    color:var(--cor-texto);

}



.rating-summary span{

    color:var(--cor-texto-secundario);

}



/* ==========================================================
   GRID
========================================================== */

.testimonials-grid{

    display:grid;

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

    gap:30px;

}



/* ==========================================================
   CARD
========================================================== */

.testimonial-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:35px;

    border-radius:20px;

    background:#fff;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

    overflow:hidden;

}



.testimonial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}



.testimonial-card::before{

    content:"“";

    position:absolute;

    top:-10px;

    left:20px;

    font-size:120px;

    font-family:Georgia, serif;

    color:rgba(33,115,70,.06);

}



/* ==========================================================
   TEXTO
========================================================== */

.testimonial-text{

    position:relative;

    z-index:2;

    margin-bottom:40px;

    font-size:1rem;

    line-height:1.9;

    color:var(--cor-texto-secundario);

}



/* ==========================================================
   AUTOR
========================================================== */

.testimonial-author{

    display:flex;

    align-items:center;

    gap:16px;

}



.testimonial-avatar{

    width:58px;

    height:58px;

    border-radius:50%;

    background:linear-gradient(135deg,#217346,#2FA866);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

}



.testimonial-author h4{

    margin-bottom:4px;

    font-size:1rem;

}



.testimonial-author span{

    color:var(--cor-texto-secundario);

    font-size:.9rem;

}

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

@media(max-width:1100px){

    .testimonials-grid{

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

        gap:25px;

    }

}


/* ==========================================================
   RESPONSIVO TABLET PEQUENO
========================================================== */

@media(max-width:850px){

    .testimonials-grid{

        grid-template-columns:1fr;

    }

}


/* ==========================================================
   RESPONSIVO MOBILE
========================================================== */

@media(max-width:768px){

    .testimonials{

        padding:80px 0;

    }

    .rating-summary{

        margin:30px auto 45px;

    }

    .rating-stars{

        font-size:1.5rem;

    }

    .rating-summary strong{

        font-size:1.7rem;

    }

    .testimonial-card{

        padding:28px 22px;

    }

    .testimonial-text{

        margin-bottom:30px;

        font-size:.95rem;

        line-height:1.7;

    }

    .testimonial-avatar{

        width:52px;

        height:52px;

    }

}