/* assets/css/styles_nabvar.css */

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:#F6F3EE;
    border-bottom:1px solid rgba(47,93,80,.16);
}

.nav-content{
    height:92px !important;
    display:flex;
    align-items:center !important;
    justify-content:space-between;
    gap:18px;
}

/* LOGO CORREGIDO */

.logo{
    flex-shrink:0;

    width:275px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:flex-start;

    overflow:hidden;

    position:relative;
    top:0;
    left:-6px;
}

.logo img{
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:left center;

    display:block;
}

.nav-menu{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex-wrap:nowrap;
    min-width:0;
}

.nav-menu a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    color:rgba(47,93,80,.82);

    font-size:14px;
    font-weight:900;
    line-height:1;

    white-space:nowrap;

    transition:.25s;
}

.nav-menu a i{
    font-size:14px;
    flex-shrink:0;
}

.nav-menu a:hover,
.nav-menu a.active{
    color:#2F5D50;
    background:rgba(47,93,80,.10);
    padding:10px 12px;
    border-radius:999px;
}

.nav-toggle{
    display:none;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#2F5D50;
    color:#F6F3EE;
    font-size:18px;
    cursor:pointer;
}

/* NOTEBOOK */

@media(max-width:1200px){

    .nav-content{
        height:88px !important;
        gap:14px;
    }

    .logo{
        width:235px;
        height:66px;
        left:-4px;
    }

    .nav-menu{
        gap:10px;
    }

    .nav-menu a{
        font-size:12.5px;
        gap:5px;
    }

    .nav-menu a i{
        font-size:12.5px;
    }

    .nav-menu a:hover,
    .nav-menu a.active{
        padding:9px 10px;
    }

}

/* MOBILE */

@media(max-width:900px){

    .nav-content{
        height:86px !important;
    }

    .logo{
        width:245px;
        height:66px;
        left:-4px;
    }

    .nav-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-shrink:0;
    }

    .nav-menu{
        position:absolute;
        top:86px;
        left:20px;
        right:20px;

        display:none;

        flex-direction:column;
        align-items:flex-start;

        gap:22px;

        background:#ffffff;

        border:1px solid rgba(47,93,80,.18);
        border-radius:28px;

        padding:28px 24px;

        box-shadow:0 18px 45px rgba(47,93,80,.13);
    }

    .nav-menu.active{
        display:flex;
    }

    .nav-menu a{
        font-size:17px;
        line-height:1.2;
        white-space:normal;
        gap:10px;
    }

    .nav-menu a i{
        font-size:16px;
    }

    .nav-menu a:hover,
    .nav-menu a.active{
        padding:10px 14px;
    }

}

/* MOBILE CHICO */

@media(max-width:520px){

    .nav-content{
        height:80px !important;
    }

    .logo{
        width:220px;
        height:60px;
        left:-3px;
    }

    .nav-menu{
        top:80px;
        left:14px;
        right:14px;

        gap:20px;

        padding:24px 22px;
    }

}