.testimonial{
    background:#fff
}
.testimonial-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:15px
}
.quote-card{
    min-height:270px;
    padding:34px;
    border:1px solid var(--line);
    border-radius:23px;
    background:#f7f4fc
}
.quote-card>span{
    color:var(--purple);
    font:700 70px serif;
    line-height:.7
}
.quote-card blockquote{
    margin:18px 0 27px;
    font:600 24px "Space Grotesk";
    line-height:1.25
}
.person{
    display:flex;
    align-items:center;
    gap:12px
}
.person>div{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:var(--purple);
    font-weight:900
}
.person p{
    margin:0;
    display:grid
}
.person small{
    color:var(--muted)
}
.result-card{
    min-height:270px;
    padding:34px;
    border:1px solid var(--line);
    border-radius:23px;
    background:#f7f4fc;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-content:center;
    gap:15px;
    color:#fff;
    background:linear-gradient(135deg,#2c1464,#6a32d0);
}
.result-card>small{
    grid-column:1/-1;
    color:#cebce9
}
.result-card div{
    padding:20px;
    border-left:1px solid rgba(255,255,255,.14)
}
.result-card strong{
    display:block;

    font:700 40px "Space Grotesk";
}
.result-card span{
    display:block;

    color:rgba(255,255,255,.62);
    font-size:9px;
}
@media(max-width:1080px){
.testimonial-grid{
        grid-template-columns:1fr
    }
}
@media(max-width:700px){
    .result-card{
        grid-template-columns:1fr
    }
    .result-card>small{
        grid-column:auto
    }
}

/* Cases em formato vertical para celular, mantendo o carrossel e o
   conteúdo completo de cada história. */
@media(max-width:700px){
    .testimonials{
        padding:76px 0 84px;
        overflow:hidden;
    }

    .testimonials .section-heading{
        text-align:center;
    }

    .testimonials .section-heading .section-kicker{
        margin-inline:auto;
    }

    .testimonials .section-heading h2{
        max-width:350px;
        margin:18px auto 16px;
        font-size:clamp(30px,9vw,38px);
        line-height:1.12;
    }

    .testimonials .section-heading h2 em{
        display:inline;
    }

    .testimonials .section-heading > p{
        max-width:345px;
        margin-inline:auto;
        font-size:16px;
        line-height:1.55;
    }

    .testimonial-slider{
        margin-top:38px;
        overflow:visible;
    }

    .testimonial-card{
        position:relative;
        grid-template-columns:1fr;
        align-content:start;
        gap:24px;
        padding:22px;
        border-radius:26px;
        box-shadow:0 18px 45px rgba(39,17,95,.08);
    }

    .testimonial-profile{
        min-width:0;
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        grid-template-rows:auto auto;
        column-gap:13px;
        justify-content:start;
        padding-bottom:18px;
        border-bottom:1px solid #eee8f6;
    }

    .avatar{
        grid-row:1/3;
        width:58px;
        height:58px;
        margin:0;
        border-width:3px;
    }

    .testimonial-profile strong{
        align-self:end;
        font-size:15px;
        line-height:1.25;
    }

    .testimonial-profile span{
        align-self:start;
        margin-top:3px;
        font-size:11px;
        line-height:1.35;
    }

    .testimonial-content{
        min-width:0;
    }

    .quote{
        height:24px;
        font-size:62px;
        line-height:.7;
    }

    .testimonial-content h3{
        margin:12px 0 13px;
        font-size:24px;
        line-height:1.18;
        letter-spacing:-.5px;
    }

    .testimonial-content p{
        margin:0;
        font-size:14px;
        line-height:1.6;
    }

    .case-tags{
        gap:7px;
        margin-top:20px;
    }

    .case-tags span{
        padding:7px 11px;
        font-size:10px;
    }

    .testimonial-impact{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0;
        padding:17px 12px;
        border-radius:20px;
    }

    .testimonial-impact div{
        min-width:0;
        padding:5px 9px;
        border-right:1px solid rgba(255,255,255,.18);
        border-bottom:0;
        text-align:center;
    }

    .testimonial-impact div:last-child{
        border-right:0;
    }

    .testimonial-impact strong{
        overflow-wrap:anywhere;
        font-size:clamp(15px,4.4vw,20px);
        line-height:1.1;
    }

    .testimonial-impact p{
        margin-top:5px;
        font-size:9px;
        line-height:1.25;
    }

    .slider-controls{
        gap:10px;
        margin-top:24px;
    }

    .slider-controls span{
        width:10px;
        height:10px;
    }

    .slider-controls span.active{
        width:28px;
        border-radius:999px;
        transform:none;
    }
}








.testimonials{

                            padding:120px 0;

                            }

/* Mantem o titulo de cases na mesma escala e familia das chamadas
   principais da LP. */
.testimonials .section-heading h2{
    font-family:"Plus Jakarta Sans","Space Grotesk",Nunito,sans-serif;
    font-size:clamp(30px,3.4vw,46px);
    font-weight:500;
    line-height:1.22;
    letter-spacing:-.02em;
    color:var(--purple-dark);
}

.testimonials .section-heading h2 em{
    display:block;
    color:#5932c1;
    font-style:normal;
}



                            .testimonial-slider{

                            overflow:hidden;

                            margin-top:60px;

                            }



                            .testimonial-track{

                            display:flex;

                            transition:
                            transform .6s cubic-bezier(.4,0,.2,1);

                            }




                            .testimonial-card{


                            min-width:100%;


                            display:grid;


                            grid-template-columns:

                            240px 1fr 300px;


                            gap:45px;


                            padding:55px;


                            border-radius:35px;


                            background:white;


                            border:

                            1px solid #ebe2fa;


                            box-sizing:border-box;


                            }




                            /* PERFIL */

                            .testimonial-profile{


                            display:flex;

                            flex-direction:column;

                            justify-content:center;


                            }



                            .avatar{


                            width:110px;

                            height:110px;


                            border-radius:50%;


                            overflow:hidden;


                            border:

                            5px solid #eee5ff;


                            margin-bottom:25px;


                            }



                            .avatar img{


                            width:100%;

                            height:100%;


                            object-fit:cover;


                            }




                            .testimonial-profile strong{


                            font-size:20px;


                            color:#17132f;


                            }



                            .testimonial-profile span{


                            color:#81758f;


                            margin-top:8px;


                            }





                            /* CONTEUDO */


                            .quote{


                            font-size:90px;

                            line-height:.5;


                            font-weight:900;


                            color:#6238ca;


                            }



                            .testimonial-content h3{


                            font-size:36px;


                            line-height:1.15;


                            letter-spacing:-1px;


                            margin:20px 0;


                            color:#17132f;


                            }



                            .testimonial-content p{


                            font-size:18px;


                            line-height:1.7;


                            color:#716780;


                            }





                            .case-tags{


                            display:flex;

                            gap:12px;


                            flex-wrap:wrap;


                            margin-top:30px;


                            }



                            .case-tags span{


                            background:#f0e8ff;


                            color:#5932c1;


                            padding:10px 18px;


                            border-radius:30px;


                            font-size:13px;


                            font-weight:800;


                            }





                            /* IMPACTO */


                            .testimonial-impact{


                            border-radius:28px;


                            padding:35px;


                            background:

                            linear-gradient(
                            135deg,
                            #40208a,
                            #7a42dd
                            );


                            color:white;


                            display:grid;


                            grid-template-columns:1fr;


                            gap:25px;


                            justify-content:center;


                            }



                            .testimonial-impact div{


                            border-bottom:

                            1px solid rgba(255,255,255,.2);


                            padding-bottom:20px;


                            }



                            .testimonial-impact div:last-child{


                            border:none;


                            }



                            .testimonial-impact strong{


                            font-size:42px;


                            display:block;


                            }



                            .testimonial-impact p{


                            margin:0;


                            font-size:13px;


                            opacity:.8;


                            }






                            /* CONTROLES */


                            .slider-controls{


                            display:flex;


                            justify-content:center;


                            gap:12px;


                            margin-top:30px;


                            }



                            .slider-controls span{


                            width:12px;


                            height:12px;


                            border-radius:50%;


                            background:#ddd;


                            cursor:pointer;


                            transition:.3s;


                            }



                            .slider-controls span.active{


                            background:#5932c1;


                            transform:scale(1.2);


                            }







                            /* MOBILE */


                            @media(max-width:1100px){


                            .testimonial-card{


                            grid-template-columns:1fr;


                            }



                            .testimonial-impact{


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

                            }
}





                            @media(max-width:700px){


                            .testimonial-card{


                            padding:30px;


                            }



                            .testimonial-content h3{


                            font-size:28px;


                            }



                            .testimonial-impact{


                            grid-template-columns:1fr;


                            }
}





















.product-progress{

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    height:3px;

    background:#f1ebfa;

    overflow:hidden;

    }



    .progress-line{

    display:block;

    height:100%;

    width:20%;


    background:

    linear-gradient(
    90deg,
    #5932c1,
    #a26cff
    );


    transition:

    width .4s ease;

    }


    .testimonial-profile .case-logo{

    background:#ffffff;

    border:1px solid #eee7f7;

    padding:8px;

}


.testimonial-profile .case-logo img{

    width:100%;

    height:100%;

    object-fit:contain;

}

/* Mantém a composição mobile acima das regras legadas deste arquivo. */
@media(max-width:700px){
    .testimonials{padding:76px 0 84px;overflow:hidden}
    .testimonials .section-heading{text-align:center}
    .testimonials .section-heading .section-kicker{margin-inline:auto}
    .testimonials .section-heading h2{
        max-width:350px;
        margin:18px auto 16px;
        font-size:clamp(30px,9vw,38px);
        line-height:1.12;
    }
    .testimonials .section-heading h2 em{display:inline}
    .testimonials .section-heading>p{
        max-width:345px;
        margin-inline:auto;
        font-size:16px;
        line-height:1.55;
    }
    .testimonial-slider{margin-top:38px;overflow:visible}
    .testimonial-card{
        position:relative;
        grid-template-columns:1fr;
        align-content:start;
        gap:24px;
        padding:22px;
        border-radius:26px;
        box-shadow:0 18px 45px rgba(39,17,95,.08);
    }
    .testimonial-profile{
        min-width:0;
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        grid-template-rows:auto auto;
        column-gap:13px;
        justify-content:start;
        padding-bottom:18px;
        border-bottom:1px solid #eee8f6;
    }
    .avatar{
        grid-row:1/3;
        width:58px;
        height:58px;
        margin:0;
        border-width:3px;
    }
    .testimonial-profile strong{
        align-self:end;
        font-size:15px;
        line-height:1.25;
    }
    .testimonial-profile span{
        align-self:start;
        margin-top:3px;
        font-size:11px;
        line-height:1.35;
    }
    .testimonial-content{min-width:0}
    .quote{height:24px;font-size:62px;line-height:.7}
    .testimonial-content h3{
        margin:12px 0 13px;
        font-size:24px;
        line-height:1.18;
        letter-spacing:-.5px;
    }
    .testimonial-content p{margin:0;font-size:14px;line-height:1.6}
    .case-tags{gap:7px;margin-top:20px}
    .case-tags span{padding:7px 11px;font-size:10px}
    .testimonial-impact{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0;
        padding:17px 12px;
        border-radius:20px;
    }
    .testimonial-impact div{
        min-width:0;
        padding:5px 9px;
        border-right:1px solid rgba(255,255,255,.18);
        border-bottom:0;
        text-align:center;
    }
    .testimonial-impact div:last-child{border-right:0}
    .testimonial-impact strong{
        overflow-wrap:anywhere;
        font-size:clamp(15px,4.4vw,20px);
        line-height:1.1;
    }
    .testimonial-impact p{margin-top:5px;font-size:9px;line-height:1.25}
    .slider-controls{gap:10px;margin-top:24px}
    .slider-controls span{width:10px;height:10px}
    .slider-controls span.active{
        width:28px;
        border-radius:999px;
        transform:none;
    }
}