#headerSite{

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:99999;

    padding:25px 0;

    transition:all .35s ease;

    background:transparent;

}

#headerSite.scrolled{

    background:rgba(17,17,17,.95);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

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

    padding:15px 0;

}



#headerSite .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.logo img{

    height:65px;

}

nav ul{

    display:flex;

    gap:45px;

    list-style:none;

}

nav a{

    color:#fff;

    font-weight:500;

    transition:.3s;

}

nav a:hover{

    color:var(--gold);

}

.social{

    display:flex;

    gap:18px;

}

.social a{

    color:#fff;

    font-size:20px;

    transition:.3s;

}

.social a:hover{

    color:var(--gold);

}


.menu-mobile{

    display:none;

}

#btnMenu{

    width:46px;

    height:46px;

    border:none;

    border-radius:12px;

    background:rgba(255,255,255,.08);

    color:#FFF;

    font-size:22px;

    cursor:pointer;

    transition:.3s;

}

#btnMenu:hover{

    background:#D4AF37;

    color:#111;

}

@media(max-width:991px){

    #headerSite{

        height:85px;

    }

    .logo img{

        height:52px;

    }

    nav{

        display:none;

    }

    .social{

        display:none;

    }

    .menu-mobile{

        display:block;

    }

}

.menu{

    transition:.35s;

}

.menu.aberto{

    display:flex;

    position:fixed;

    top:85px;

    left:0;

    width:100%;

    background:#111;

    padding:35px;

    z-index:9998;

}

.menu.aberto ul{

    width:100%;

    display:flex;

    flex-direction:column;

    gap:28px;

}

.menu.aberto a{

    color:#FFF;

    font-size:18px;

    font-weight:600;

}

@media (max-width:991px){

    #headerSite{

        height:80px;

        padding:0;

    }

    #headerSite .container{

        height:80px;

        justify-content:center;

        position:relative;

    }

    .logo{

        position:absolute;

        left:50%;

        transform:translateX(-50%);

    }

    .logo img{

        height:48px;
        margin-bottom: 10%;

    }

    .menu-mobile{

        position:absolute;

        left:15px;

        top:50%;

        transform:translateY(-50%);

        display:block;

    }

    .social{

        display:none;

    }

}

@media(max-width:991px){

    .hero-home h1{

        font-size:58px;

        line-height:1;

    }

}

.hero-home p{

    font-size:18px;

    line-height:1.8;

}

@media(max-width:991px){

    .hero-home p{

        font-size:17px;

        padding:0 10px;

    }

}

@media(max-width:991px){

    .hero-buttons{

        flex-direction:column;

        width:100%;

        gap:18px;

    }

    .hero-buttons a{

        width:100%;

        max-width:280px;

        text-align:center;

    }

}