nav {
    transition: background-color .3s ease, box-shadow .3s ease;
}
    nav.scrolled {
        background: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    nav ul.navbar-nav > li {
        margin-right: 1.2rem
    }
nav .logo{
    max-width:130px;
}
/* A partir de lg, o offcanvas vira barra normal */
@media (min-width: 992px) {
    .navbar .offcanvas {
        position: static;
        transform: none;
        visibility: visible;
        background-color: transparent;
        border: 0;
        height: auto;
        align-items: flex-end;
    }

    .navbar .offcanvas-backdrop {
        display: none;
    }

    .navbar .offcanvas-body {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0;
    }
}

/* Mobile: dropdowns sempre abertos e “chapados” dentro do sidemenu */
@media (max-width: 991.98px) {

    /* Deixa o toggle "morto" (vira só um título da seção) */
    .navbar .offcanvas .dropdown-toggle {
        pointer-events: none;
        cursor: default;
    }

        .navbar .offcanvas .dropdown-toggle::after {
            display: none;
        }

    /* Menus de dropdown viram listas simples */
    .navbar .offcanvas .dropdown-menu {
        display: block;
        position: static;
        float: none;
        box-shadow: none;
        border: 0;
        background: transparent;
        padding: 0 0 0 1rem; /* indent opcional */
        margin: 0;
    }

    .navbar .offcanvas .dropdown-item {
        padding-left: 0;
    }
}