.faq-list{
    display:grid;
    gap:10px
}
@media(max-width:1080px){
.faq-grid{
        grid-template-columns:1fr
    }
}











                            .faq-section{
    background:var(--soft);


                                padding:120px 0;

                                background:#faf8ff;
}



                                .faq-grid{
    display:grid;
    grid-template-columns:.65fr 1.35fr;
    gap:75px;



                                display:grid;

                                grid-template-columns:

                                380px 1fr;


                                gap:80px;


                                align-items:start;
}





.faq-intro 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);


                                margin:25px 0;


                                }



.faq-intro h2 em{
                                display:block;
                                color:#5932c1;
                                font-style:normal;

                                }



                                .faq-intro p{


                                font-size:18px;

                                line-height:1.7;

                                color:#756b89;


                                }





                                .faq-highlight{


                                margin-top:40px;


                                padding:25px;


                                border-radius:24px;


                                background:white;


                                border:1px solid #ebe3fa;


                                display:flex;

                                flex-direction:column;


                                gap:8px;


                                }



                                .faq-highlight strong{


                                color:#5932c1;

                                font-size:22px;


                                }



                                .faq-highlight span{


                                font-size:14px;

                                color:#81758f;


                                }







                                .faq-list details{
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;



                                background:white;


                                border:

                                1px solid #ebe3fa;


                                border-radius:22px;


                                margin-bottom:18px;


                                padding:0 30px;


                                transition:.35s ease;
}




                                .faq-list details:hover{


                                border-color:#cbb4ff;


                                }




                                .faq-list details[open]{


                                box-shadow:

                                0 20px 50px rgba(89,50,193,.08);


                                border-color:#9b75ee;


                                }






                                .faq-list summary{
    min-height:65px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    cursor:pointer;
    list-style:none;
    font-size:1rem;
    font-weight:900;



                                list-style:none;


                                cursor:pointer;


                                padding:28px 0;


                                display:flex;


                                justify-content:space-between;


                                align-items:center;


                                font-size:18px;


                                font-weight:800;


                                color:#17132f;
}



                                .faq-list summary::-webkit-details-marker{
    display:none;


                                display:none;
}





                                .faq-list summary div{


                                display:flex;


                                align-items:center;


                                gap:18px;


                                }




                                .faq-list summary i{


                                width:42px;

                                height:42px;


                                display:flex;


                                align-items:center;

                                justify-content:center;


                                border-radius:14px;


                                background:#f0e8ff;


                                color:#5932c1;


                                font-size:22px;


                                }





                                .faq-list summary span{
    color:var(--purple);
    font-size:20px;



                                font-size:28px;


                                color:#5932c1;


                                transition:.3s;
}





                                .faq-list details[open] summary span{


                                transform:rotate(45deg);


                                }





                                .faq-list p{
    margin:0;
    padding:0 20px 20px;
    color:var(--muted);
    font-size:11px;
    line-height:1.7;



                                padding:

                                0 60px 30px;


                                font-size:16px;


                                line-height:1.8;


                                color:#716780;


                                margin:0;
}





@media(max-width:900px){


                                .faq-grid{


                                grid-template-columns:1fr;


                                gap:40px;


                                }



.faq-intro h2{
                                font-size:clamp(30px,3.4vw,46px);


                                }
}

/* FAQ recomposto para telas pequenas: introdução centralizada e
   acordeão com leitura e área de toque confortáveis. */
@media(max-width:700px){
    .faq-section{
        padding:76px 0 84px;
        background:
            radial-gradient(circle at 10% 8%,rgba(137,103,219,.13),transparent 28%),
            #faf8ff;
    }

    .faq-grid{
        gap:34px;
    }

    .faq-intro{
        text-align:center;
    }

    .faq-intro .section-kicker{
        margin-inline:auto;
    }

    .faq-intro h2{
        max-width:360px;
        margin:18px auto 16px;
        font-size:clamp(30px,9vw,38px);
        line-height:1.12;
    }

    .faq-intro h2 em{
        display:inline;
    }

    .faq-intro p{
        max-width:330px;
        margin-inline:auto;
        font-size:16px;
        line-height:1.55;
    }

    .faq-highlight{
        max-width:340px;
        margin:24px auto 0;
        padding:18px 20px;
        gap:4px;
        border-radius:19px;
        text-align:left;
        box-shadow:0 12px 30px rgba(89,50,193,.06);
    }

    .faq-highlight strong{
        font-size:18px;
    }

    .faq-highlight span{
        font-size:12px;
        line-height:1.4;
    }

    .faq-list{
        gap:10px;
    }

    .faq-list details{
        margin-bottom:0;
        padding:0 16px;
        border-radius:18px;
    }

    .faq-list details[open]{
        box-shadow:0 14px 34px rgba(89,50,193,.09);
    }

    .faq-list summary{
        min-height:78px;
        gap:12px;
        padding:13px 0;
        font-size:14px;
        line-height:1.3;
    }

    .faq-list summary div{
        min-width:0;
        gap:11px;
        text-align:left;
    }

    .faq-list summary i{
        width:38px;
        height:38px;
        flex:0 0 38px;
        border-radius:12px;
        font-size:20px;
    }

    .faq-list summary > span{
        width:30px;
        height:30px;
        display:grid;
        flex:0 0 30px;
        place-items:center;
        border-radius:50%;
        background:#f0e8ff;
        font-size:22px;
        line-height:1;
    }

    .faq-list p{
        padding:0 4px 20px 49px;
        font-size:14px;
        line-height:1.65;
        text-align:left;
    }
}
