/*======================================================
RENATO PRIMO - WEBSITE TEMPLATE
CSS PREMIUM LIGHT
PARTE 1/4
======================================================*/


/*======================================================
GOOGLE FONTS
======================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');



/*======================================================
RESET
======================================================*/


*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}


html{

    scroll-behavior:smooth;

}


body{

    font-family:"Inter",sans-serif;

    background:#f8f6f1;

    color:#1c1c1c;

    overflow-x:hidden;

    line-height:1.7;

}


img{

    display:block;

    width:100%;

}


a{

    text-decoration:none;

    color:inherit;

}


ul{

    list-style:none;

}


button,
input,
textarea{

    font-family:inherit;

    border:none;

    outline:none;

}



/*======================================================
ROOT LIGHT
======================================================*/


:root{


    --background:#f8f6f1;


    --background-soft:#f2eee6;


    --white:#ffffff;


    --card:#ffffff;


    --text:#1c1c1c;


    --text-soft:#666666;


    --border:
    rgba(0,0,0,.08);



    --gold:#B08D3C;


    --gold-light:#D4AF37;



    --glass:

    rgba(255,255,255,.65);



    --shadow:

    0 25px 60px rgba(0,0,0,.12);



    --radius:24px;



    --transition:

    .45s cubic-bezier(.2,.8,.2,1);


}



/*======================================================
SCROLLBAR
======================================================*/


::-webkit-scrollbar{

    width:10px;

}


::-webkit-scrollbar-track{

    background:#eee9df;

}


::-webkit-scrollbar-thumb{


    background:

    linear-gradient(

        var(--gold),

        var(--gold-light)

    );


    border-radius:30px;

}



/*======================================================
SELECTION
======================================================*/


::selection{


    background:var(--gold);


    color:white;


}



/*======================================================
CONTAINER
======================================================*/


.container{


    width:min(92%,1280px);


    margin:auto;


}



/*======================================================
CURSOR GLOW
======================================================*/


.cursor-glow{


    position:fixed;


    width:420px;


    height:420px;


    border-radius:50%;



    background:

    radial-gradient(

        circle,

        rgba(176,141,60,.18),

        transparent 70%

    );



    pointer-events:none;



    transform:

    translate(-50%,-50%);



    z-index:0;



    filter:blur(40px);


}




/*======================================================
PRELOADER
======================================================*/


.preloader{


    position:fixed;


    inset:0;


    background:#f8f6f1;



    display:flex;


    justify-content:center;


    align-items:center;



    z-index:99999;



    transition:.8s;


}



.preloader-content{


    text-align:center;


}



.preloader-logo{


    width:140px;


    height:140px;



    display:flex;


    justify-content:center;


    align-items:center;



    margin:auto;


}



.preloader-logo img{


    width:100%;


    height:100%;



    object-fit:contain;



    animation:

    logoIntro 2s ease-in-out infinite;


}



@keyframes logoIntro{


0%{


opacity:0;


transform:scale(.9);


}



50%{


opacity:1;


transform:scale(1);


}



100%{


opacity:.9;


transform:scale(.98);


}



}



.preloader-bar{


    margin-top:30px;


    width:240px;


    height:5px;



    border-radius:50px;


    overflow:hidden;



    background:#ddd7cb;


}



.preloader-bar::before{


    content:"";


    display:block;



    width:0;


    height:100%;



    background:

    linear-gradient(

        90deg,

        var(--gold),

        var(--gold-light)

    );



    animation:

    loading 2s infinite;


}



@keyframes loading{


0%{


width:0;


}


100%{


width:100%;


}



}




/*======================================================
SECTION
======================================================*/


section{


    padding:130px 0;


    position:relative;


}





/*======================================================
SECTION TITLE
======================================================*/


.section-header{


    text-align:center;


    max-width:780px;



    margin:

    0 auto 70px;


}



.section-tag{


    display:inline-flex;


    padding:10px 18px;



    border:

    1px solid rgba(176,141,60,.35);



    border-radius:50px;



    color:var(--gold);



    background:

    rgba(176,141,60,.10);



    margin-bottom:25px;



    font-size:.9rem;


}



.section-header h2{


    font-family:

    "Playfair Display",serif;



    font-size:

    clamp(2.2rem,5vw,4rem);



    margin-bottom:22px;



    line-height:1.2;



    color:#151515;


}



.section-header p{


    color:var(--text-soft);


    font-size:1.08rem;


}





/*======================================================
HEADER
======================================================*/


.header{


    position:fixed;



    top:25px;



    left:50%;



    transform:

    translateX(-50%);



    width:95%;



    max-width:1320px;



    z-index:1000;


}



.header-container{


    display:flex;



    justify-content:space-between;



    align-items:center;



    padding:

    18px 30px;



    border-radius:22px;



    background:

    rgba(255,255,255,.72);



    backdrop-filter:blur(20px);



    border:

    1px solid rgba(0,0,0,.06);



    box-shadow:

    0 15px 40px rgba(0,0,0,.08);



    transition:

    var(--transition);


}




/*======================================================
LOGO
======================================================*/


.logo{


    display:flex;



    align-items:center;



    gap:15px;


}



.logo-icon{


    width:78px;


    height:78px;



    display:flex;



    justify-content:center;



    align-items:center;



    overflow:hidden;



    border-radius:16px;


}



.logo-icon img{


    width:100%;


    height:100%;



    object-fit:contain;


}



.logo-text{


    display:flex;


    flex-direction:column;


}



.logo-text strong{


    color:#151515;


    font-size:1rem;


}



.logo-text span{


    color:var(--gold);


    font-size:.85rem;


}


/*======================================================
NAVBAR
======================================================*/


.navbar{

    display:flex;

    gap:34px;

}


.navbar a{

    position:relative;

    font-weight:500;

    color:#333;

    transition:.4s;

}


.navbar a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:var(--gold);

    transition:.4s;

}


.navbar a:hover{

    color:var(--gold);

}


.navbar a:hover::after{

    width:100%;

}




/*======================================================
BOTÃO PRINCIPAL
======================================================*/


.btn-primary{


    display:inline-flex;


    align-items:center;


    justify-content:center;



    gap:10px;



    padding:16px 30px;



    border-radius:50px;



    background:

    linear-gradient(

        135deg,

        var(--gold),

        var(--gold-light)

    );



    color:white;



    font-weight:700;



    transition:var(--transition);



    box-shadow:

    0 15px 40px rgba(176,141,60,.25);


}



.btn-primary:hover{


    transform:translateY(-4px);



    box-shadow:

    0 25px 50px rgba(176,141,60,.35);


}




/*======================================================
BOTÃO SECUNDÁRIO
======================================================*/


.btn-secondary{


    display:inline-flex;


    align-items:center;


    justify-content:center;



    gap:10px;



    padding:16px 30px;



    border-radius:50px;



    border:

    1px solid rgba(0,0,0,.12);



    background:white;



    transition:var(--transition);


}



.btn-secondary:hover{


    border-color:var(--gold);


    color:var(--gold);


}





/*======================================================
MENU MOBILE
======================================================*/


.menu-toggle,
.mobile-menu{


    display:none;


}




/*======================================================
HERO
======================================================*/


.hero{


    min-height:100vh;



    display:flex;



    align-items:center;



    overflow:hidden;



    position:relative;



    background:#f8f6f1;


}




.hero-background{


    position:absolute;



    inset:0;



    z-index:0;


}



.hero-background img{


    width:100%;


    height:100%;



    object-fit:cover;



    object-position:center;



    filter:

    brightness(.92)

    saturate(.9);



    transform:scale(1.00);


}



.hero-overlay{


    position:absolute;



    inset:0;



    background:

    linear-gradient(

        90deg,

        rgba(248,246,241,.95),

        rgba(248,246,241,.65),

        rgba(248,246,241,.35)

    );



}




.hero-container{


    width:min(92%,1280px);



    margin:auto;



    display:grid;



    grid-template-columns:

    1.2fr .8fr;



    align-items:center;



    gap:60px;



    position:relative;



    z-index:2;


}



.hero-badge{


    display:inline-flex;



    gap:10px;



    align-items:center;



    padding:12px 20px;



    border-radius:50px;



    background:

    rgba(176,141,60,.10);



    border:

    1px solid rgba(176,141,60,.30);



    color:var(--gold);



    margin-bottom:28px;

    margin-top:30px;


}



.hero h1{


    font-family:

    "Playfair Display",serif;



    font-size:

    clamp(3rem,4vw,5.8rem);



    line-height:1.05;



    margin-bottom:30px;



    color:#171717;


}



.hero h1 span{


    color:var(--gold);


}



.hero p{


    color:#666;



    max-width:700px;



    font-size:1.1rem;



    margin-bottom:45px;


}




.hero-buttons{


    display:flex;



    gap:20px;



    flex-wrap:wrap;


}




.hero-stats{


    display:flex;



    gap:25px;



    margin-top:70px;



    flex-wrap:wrap;


}





/*======================================================
STAT CARDS
======================================================*/


.stat-card{


    padding:30px;



    min-width:180px;



    border-radius:22px;



    background:

    rgba(255,255,255,.75);



    backdrop-filter:blur(20px);



    border:

    1px solid rgba(0,0,0,.07);



    box-shadow:

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



    transition:var(--transition);


}




.stat-card:hover{


    transform:translateY(-8px);



    border-color:

    rgba(176,141,60,.35);


}



.stat-card strong{


    display:block;



    font-size:2.4rem;



    color:var(--gold);


}



.stat-card span{


    color:#666;


}




/*======================================================
GLASS CARD HERO
======================================================*/


.hero-side-card{


    display:flex;



    justify-content:center;



    align-items:flex-start;



    transform:translateY(-50px);


}




.glass-card{


    padding:45px;



    border-radius:30px;



    background:

    rgba(255,255,255,.75);



    backdrop-filter:blur(25px);



    border:

    1px solid rgba(0,0,0,.08);



    box-shadow:

    var(--shadow);


}




.glass-card span{


    color:var(--gold);



    font-size:.95rem;



    font-weight:600;



    letter-spacing:.5px;



    text-transform:uppercase;


}



.glass-card h3{


    margin:

    10px 0 22px;



    font-family:

    "Playfair Display",serif;



    font-size:2.3rem;



    color:#161616;


}



.glass-card p{


    color:#666;



    font-size:1.08rem;



    line-height:1.9;


}




/*======================================================
ABOUT
======================================================*/


.about{


    background:#ffffff;


}



.about-content{


    display:grid;



    grid-template-columns:

    1fr 1fr;



    gap:80px;



    align-items:center;


}



.about-image{


    position:relative;


}



.about-image img{


    border-radius:30px;



    box-shadow:

    0 35px 80px rgba(0,0,0,.15);



    transition:.5s;


}



.about-image:hover img{


    transform:scale(1.03);


}




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


.experience-card{


    position:absolute;



    bottom:-30px;



    right:-20px;



    width:240px;



    padding:30px;



    border-radius:24px;



    background:white;



    border:

    1px solid rgba(176,141,60,.25);



    box-shadow:

    0 20px 50px rgba(0,0,0,.12);



}



.experience-card strong{


    display:block;



    font-size:3.2rem;



    color:var(--gold);



    font-family:

    "Playfair Display",serif;


}



.experience-card span{


    color:#555;


}




/*======================================================
ABOUT TEXT
======================================================*/


.about-text h3{


    font-size:2.5rem;



    margin-bottom:25px;



    font-family:

    "Playfair Display",serif;


}



.about-text p{


    color:#666;



    margin-bottom:22px;


}




/*======================================================
FEATURES
======================================================*/


.about-features{


    margin-top:45px;



    display:grid;



    gap:25px;


}



.feature{


    display:flex;



    gap:22px;



    padding:28px;



    border-radius:24px;



    background:#fafafa;



    border:

    1px solid rgba(0,0,0,.06);



    transition:.45s;


}



.feature:hover{


    transform:translateY(-8px);



    border-color:

    rgba(176,141,60,.35);


}



.feature i{


    width:62px;


    height:62px;



    border-radius:18px;



    display:flex;



    align-items:center;



    justify-content:center;



    background:

    linear-gradient(

        135deg,

        var(--gold),

        var(--gold-light)

    );



    color:white;



    font-size:22px;


}



.feature h4{


    margin-bottom:8px;


}



.feature p{


    margin:0;


}

/*======================================================
ÁREAS DE ATUAÇÃO
======================================================*/


.practice{


    background:#f5f1e8;

    padding:120px 0;

}



.practice-grid{


    display:grid;


    grid-template-columns:

    repeat(3,1fr);



    gap:30px;


}



.practice-card{


    overflow:hidden;


    display:flex;


    flex-direction:column;


    border-radius:28px;



    background:#fff;



    border:

    1px solid rgba(0,0,0,.06);



    box-shadow:

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



    transition:.45s;



}



.practice-card:hover{


    transform:translateY(-12px);



    border-color:

    rgba(176,141,60,.35);



    box-shadow:

    0 30px 70px rgba(0,0,0,.15);


}



.practice-image{


    overflow:hidden;



    height:240px;


}



.practice-image img{


    width:100%;


    height:100%;



    object-fit:cover;



    transition:.7s;


}



.practice-card:hover .practice-image img{


    transform:scale(1.08);


}



.practice-card h3{


    margin:

    28px 28px 15px;



    font-family:

    "Playfair Display",serif;



    font-size:1.6rem;



    color:#161616;


}



.practice-card p{


    margin:0 28px;



    color:#666;



    line-height:1.7;


}



.practice-card ul{


    margin:

    25px 28px 30px;



    display:flex;



    flex-direction:column;



    gap:12px;


}



.practice-card li{


    position:relative;



    padding-left:22px;



    color:#555;


}



.practice-card li::before{


    content:"";



    position:absolute;



    left:0;



    top:10px;



    width:7px;



    height:7px;



    border-radius:50%;



    background:var(--gold);


}

/*======================================================
PRACTICE CTA
======================================================*/


.practice-cta{

    margin-top:70px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    gap:25px;

}



.practice-cta p{

    margin:0;

    color:var(--text-soft);

    font-size:1.15rem;

    font-weight:500;

}



.practice-cta .btn-primary{

    min-width:220px;

}



/* efeito premium */

.practice-cta .btn-primary:hover{

    transform:translateY(-5px);

}





/*======================================================
ADVANTAGES
======================================================*/


.advantages{


    background:white;


}



.advantages-grid{


    display:grid;



    grid-template-columns:

    repeat(4,1fr);



    gap:30px;


}



.advantage-card{


    text-align:center;



    padding:45px 35px;



    border-radius:28px;



    background:#fafafa;



    border:

    1px solid rgba(0,0,0,.06);



    transition:.45s;



}



.advantage-card:hover{


    transform:translateY(-12px);



    border-color:

    rgba(176,141,60,.35);



    box-shadow:

    0 25px 60px rgba(0,0,0,.12);


}



.advantage-card i{


    width:80px;


    height:80px;



    margin:auto;



    margin-bottom:25px;



    border-radius:50%;



    display:flex;



    align-items:center;



    justify-content:center;



    background:

    linear-gradient(

    135deg,

    var(--gold),

    var(--gold-light)

    );



    color:white;



    font-size:30px;


}



.advantage-card h3{


    margin-bottom:15px;


}



.advantage-card p{


    color:#666;


}





/*======================================================
TIMELINE
======================================================*/


.timeline{


    background:#f8f6f1;



    padding:120px 0;


}



.timeline-wrapper{


    position:relative;



    display:grid;



    grid-template-columns:

    repeat(5,1fr);



    gap:35px;


}



.timeline-item{


    display:flex;



    flex-direction:column;



    align-items:center;



    text-align:center;



    padding:35px 25px;



    min-height:260px;



    border-radius:24px;



    background:white;



    border:

    1px solid rgba(0,0,0,.07);



    box-shadow:

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



    transition:.4s;


}



.timeline-item:hover{


    transform:translateY(-10px);



    border-color:

    rgba(176,141,60,.35);


}



.timeline-item span{


    width:90px;



    height:90px;



    margin-bottom:25px;



    border-radius:50%;



    display:flex;



    align-items:center;



    justify-content:center;



    font-size:2rem;



    font-weight:700;



    font-family:

    "Playfair Display",serif;



    color:white;



    background:

    linear-gradient(

        135deg,

        var(--gold),

        var(--gold-light)

    );


}



.timeline-item h3{


    font-family:

    "Playfair Display",serif;



    margin-bottom:15px;


}



.timeline-item p{


    color:#666;


}





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


.testimonials{


    background:#fff;


}



.testimonial-slider{


    display:grid;



    grid-template-columns:

    repeat(3,1fr);



    gap:30px;


}



.testimonial-card{


    padding:40px;



    border-radius:28px;



    background:#fafafa;



    border:

    1px solid rgba(0,0,0,.07);



    transition:.45s;


}



.testimonial-card:hover{


    transform:translateY(-10px);



    box-shadow:

    0 30px 60px rgba(0,0,0,.12);


}



.testimonial-stars{


    color:var(--gold);



    margin-bottom:25px;


}



.testimonial-card p{


    color:#666;



    font-style:italic;



    margin-bottom:35px;


}



.client{


    display:flex;



    align-items:center;



    gap:16px;


}



.client img{


    width:70px;


    height:70px;



    border-radius:50%;



    object-fit:cover;


}



.client span{


    color:var(--gold);


}




/*======================================================
FAQ
======================================================*/


.faq{


    background:#f5f1e8;


}



.faq-container{


    max-width:900px;



    margin:auto;


}



.faq-item{


    margin-bottom:20px;



    border-radius:22px;



    overflow:hidden;



    background:white;



    border:

    1px solid rgba(0,0,0,.07);


}



.faq-question{


    width:100%;



    padding:28px;



    display:flex;



    justify-content:space-between;



    background:none;



    color:#222;



    cursor:pointer;



    font-weight:600;


}



.faq-question i{


    color:var(--gold);


}



.faq-answer{


    max-height:0;



    overflow:hidden;



    transition:.45s;


}



.faq-answer p{


    padding:

    0 28px 28px;



    color:#666;


}




/*======================================================
CONTACT
======================================================*/


.contact{


    background:white;


}



.contact-grid{


    display:grid;



    grid-template-columns:

    450px 1fr;



    gap:60px;



    align-items:center;


}



.contact-info h2{


    font-family:

    "Playfair Display",serif;



    font-size:3rem;


}



.contact-info p{


    color:#666;


}



.contact-list{


    display:grid;



    gap:25px;



    margin-top:35px;


}



.contact-list li{


    display:flex;



    gap:18px;


}



.contact-list i{


    width:58px;


    height:58px;



    border-radius:18px;



    display:flex;



    align-items:center;



    justify-content:center;



    background:

    linear-gradient(

        135deg,

        var(--gold),

        var(--gold-light)

    );



    color:white;


}



.contact-map{


    height:520px;



    overflow:hidden;



    border-radius:24px;

     border:2px solid var(--gold);



    box-shadow:

    0 25px 60px rgba(0,0,0,.12);


}



.contact-map iframe{


    width:100%;


    height:100%;



    border:0;


}

.contact-map{
    position:relative;
    overflow:hidden;
    border-radius:24px;
}

.contact-map iframe{
    width:100%;
    height:100%;
    border:0;
}

.map-link{
    position:absolute;
    inset:0;
    z-index:2;
    cursor:pointer;
}







/*======================================================
FOOTER PREMIUM
======================================================*/

.footer{

    background:#111;

    color:white;

    border-top:1px solid rgba(255,255,255,.08);

}



.footer-container{

    width:min(92%,1280px);

    margin:auto;

    padding:80px 20px 50px;


    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;


}



/* LOGO */

.footer-logo{

    margin-bottom:30px;

}



.footer-logo img{

    width:360px;

    max-width:90%;

    height:auto;

    object-fit:contain;

    border-radius: 30px;

}



/* TEXTO FOOTER */

.footer-description{

    max-width:600px;

    color:#aaa;

    font-size:1rem;

    line-height:1.8;

    margin-bottom:35px;

}



/* REDES / LINKS */

.footer-links{

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

    margin-bottom:40px;

}



.footer-links a{

    color:#ddd;

    transition:.35s;

}



.footer-links a:hover{

    color:var(--gold);

}



/* PARTE FINAL */

.footer-bottom{

    padding:25px 20px;

    text-align:center;

    color:#999;

    border-top:

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

}



.footer-bottom p{

    margin:0;

    font-size:.95rem;

}



/* DESENVOLVIDO POR VEXION */

.footer-dev{

    margin-top:12px;

    font-size:.9rem;

    color:#888;

}



.footer-dev a{

    color:var(--gold);

    font-weight:600;

    transition:.35s;

}



.footer-dev a:hover{

    color:var(--gold-light);

    letter-spacing:.5px;

}



/* MOBILE */

@media(max-width:600px){


    .footer-container{

        padding:60px 20px 40px;

    }


    .footer-logo img{

        width:220px;

    }


}

 
/*======================================================
ANIMAÇÕES
======================================================*/


@keyframes float{


    0%,100%{


        transform:translateY(0);


    }


    50%{


        transform:translateY(-12px);


    }


}



@keyframes pulse{


    0%{


        box-shadow:

        0 0 0 0 rgba(176,141,60,.45);


    }



    70%{


        box-shadow:

        0 0 0 18px rgba(176,141,60,0);


    }



    100%{


        box-shadow:

        0 0 0 0 rgba(176,141,60,0);


    }


}



@keyframes fadeUp{


    from{


        opacity:0;

        transform:translateY(60px);


    }


    to{


        opacity:1;

        transform:translateY(0);


    }


}



@keyframes fadeLeft{


    from{


        opacity:0;

        transform:translateX(-70px);


    }



    to{


        opacity:1;

        transform:translateX(0);


    }


}



@keyframes fadeRight{


    from{


        opacity:0;

        transform:translateX(70px);


    }



    to{


        opacity:1;

        transform:translateX(0);


    }


}



.hero-side-card{


    animation:

    float 6s ease-in-out infinite;


}



.btn-primary{


    animation:

    pulse 3s infinite;


}




/*======================================================
SCROLL REVEAL
======================================================*/


.reveal{


    opacity:0;


    transform:translateY(60px);



    transition:1s;


}



.reveal.active{


    opacity:1;


    transform:translateY(0);


}





/*======================================================
HEADER SCROLL
======================================================*/


.header.scrolled .header-container{


    padding:14px 24px;



    background:

    rgba(255,255,255,.92);



    backdrop-filter:blur(25px);



    box-shadow:

    0 20px 50px rgba(0,0,0,.12);


}





/*======================================================
HOVER GLOBAL
======================================================*/


img{


    transition:.5s;


}



button{


    cursor:pointer;


}





/*======================================================
RESPONSIVO 1200px
======================================================*/


@media(max-width:1200px){


.hero-container{


    grid-template-columns:1fr;


    text-align:center;


}



.hero-buttons{


    justify-content:center;


}



.hero-stats{


    justify-content:center;


}



.hero-side-card{


    transform:none;


}



.about-content{


    grid-template-columns:1fr;


}



.practice-grid{


    grid-template-columns:

    repeat(2,1fr);


}



.advantages-grid{


    grid-template-columns:

    repeat(2,1fr);


}



.timeline-wrapper{


    grid-template-columns:

    repeat(2,1fr);


}



.contact-grid{


    grid-template-columns:1fr;


}



}



 
/*======================================================
RESPONSIVO 992px
======================================================*/


@media(max-width:992px){


.navbar{


    display:none;


}



.header-btn{


    display:none;


}



.menu-toggle{


    display:flex;


    flex-direction:column;


    gap:6px;


    cursor:pointer;


    background:none;


}



.menu-toggle span{


    width:30px;


    height:3px;



    border-radius:10px;



    background:#222;



    transition:.4s;


}



.mobile-menu{


    position:absolute;



    top:95px;



    left:50%;



    transform:translateX(-50%);



    width:95%;



    max-width:420px;



    padding:25px;



    display:flex;



    flex-direction:column;



    gap:18px;



    background:white;



    border:

    1px solid rgba(0,0,0,.08);



    border-radius:25px;



    box-shadow:

    0 25px 60px rgba(0,0,0,.15);



    opacity:0;



    visibility:hidden;



    transition:.45s;


}



.mobile-menu.active{


    opacity:1;


    visibility:visible;


}



.mobile-menu a{


    padding:15px;



    border-radius:14px;


}



.mobile-menu a:hover{


    background:#f5f1e8;


    color:var(--gold);


}



.mobile-btn{


    text-align:center;



    background:

    linear-gradient(

    135deg,

    var(--gold),

    var(--gold-light)

    );



    color:white;



    padding:16px;



    border-radius:50px;


}



.testimonial-slider{


    grid-template-columns:1fr;


}


}




/*======================================================
RESPONSIVO 768px
======================================================*/


@media(max-width:768px){


section{


    padding:90px 0;


}



.hero{


    padding-top:150px;


}



.hero h1{


    font-size:2.8rem;


}



.hero p{


    font-size:1rem;


}



.hero-buttons{


    flex-direction:column;


}



.hero-buttons a{


    width:100%;


}



.hero-stats{


    flex-direction:column;


}



.stat-card{


    width:100%;


}



.practice-grid{


    grid-template-columns:1fr;


}



.advantages-grid{


    grid-template-columns:1fr;


}



.timeline-wrapper{


    grid-template-columns:1fr;


}



.glass-card{


    padding:35px;


}



.about-text h3{


    font-size:2rem;


}



.contact-info h2{


    font-size:2.2rem;


}



.section-header h2{


    font-size:2.4rem;


}



.contact-map{


    height:380px;


}



}




/*======================================================
RESPONSIVO 500px
======================================================*/


@media(max-width:500px){


.header{


    top:12px;


}



.header-container{


    padding:14px 18px;


}



.logo-text{


    display:none;


}



.logo-icon{


    width:52px;


    height:52px;


}



.hero-badge{


    font-size:.82rem;


    padding:10px 16px;


}



.hero h1{


    font-size:2.2rem;


}



.hero p{


    font-size:.95rem;


}



.section-tag{


    font-size:.8rem;


}



.experience-card{


    width:200px;


    right:0;


}



.footer-logo img{


    width:260px;


}


}




/*======================================================
AJUSTES PREMIUM FINAIS
======================================================*/


html{


    scroll-padding-top:120px;


}



body{


    -webkit-font-smoothing:antialiased;


    -moz-osx-font-smoothing:grayscale;


    text-rendering:optimizeLegibility;


}



::placeholder{


    color:#999;


}





/*======================================================
TYPING CARD SEM SALTO
======================================================*/


.typing-card{


    display:inline-flex;


    align-items:center;


    justify-content:center;



    min-height:55px;



    padding:0 25px;



    overflow:hidden;



    transition:

    width .3s ease,

    height .3s ease;


}



.typing-text{


    display:inline-block;


    white-space:nowrap;


}




/*======================================================
HEADER WHATSAPP
======================================================*/


.header-actions{


    display:flex;


    align-items:center;


    gap:18px;


}



.header-whatsapp{


    width:48px;


    height:48px;



    border-radius:50%;



    display:flex;



    align-items:center;



    justify-content:center;



    background:var(--gold);



    color:white;



    font-size:1.5rem;



    transition:.35s;


}



.header-whatsapp:hover{


    background:var(--gold-light);



    transform:

    translateY(-3px) scale(1.06);


}




/*======================================================
DESENVOLVIDO POR VEXION
======================================================*/


.footer-dev{


    margin-top:12px;


    font-size:.9rem;


    color:#aaa;


}



.footer-dev a{


    color:var(--gold);



    font-weight:600;



    transition:.35s;


}



.footer-dev a:hover{


    color:var(--gold-light);



    letter-spacing:.5px;


}

.menu-toggle{
    transition:transform .7s cubic-bezier(.22,1,.36,1);
}

.menu-toggle.active{
    transform:rotate(360deg);
}