header{
    width: 100%;
    top: 0;
    padding: 51px 8%;
    background-color: rgba(224, 196, 184,0.8);
    position: fixed;
}

#navbar{
    top: 0;
    left: 0;
    margin: 10px;
    margin-left: 2%;
    width: 95%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0px 10%;
    position: fixed;
    
}



#nav_logo a img{
    /*font-size:24px;
    color: rgb(180,93,98);
    text-decoration: none;*/
    margin: auto;
    width: 80px;
    object-fit: contain;
    display: flex;
    height: 100%;
    align-items: center

    /* Melhora a nitidez de imagens pequenas em telas de alta resolução */
    
}

#nav_list{
    display: flex;
    list-style: none;
    gap:48px;
    
}

.nav-item a{
    text-decoration: none;
    color: rgb(180,93,98);
    font-weight: 600;

}
.nav-item.active a{
    color: rgb(180,93,98);
    border-bottom: 3px solid rgba(180, 93, 97, 0.808);
}

#mobile_btn{
    display: none;
}

#mobile_menu{
    display: none;
}

@media screen and (max-width: 1170px) { 
    #nav_list,
    #navbar .btn-default{
        display: none;
        
    }

    #nav_logo a{
        left: 50%;
        transform: translateX(-50%);

    }


    #mobile_btn{
        display: block;
        border: none;
        background-color: transparent;
        font-size: 1.5rem;
        cursor: pointer;
        margin-left: auto;
    }

    #mobile_menu.active{
        padding-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    
    #mobile_nav_list{
        
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 12px 0px;

    }
    #mobile_nav_list .nav-item {
        
        list-style: none;
        text-align: center;
    }
}