@media (max-width: 1199px) {
    .dashboard-sidebar-offcanvas {
        width: 320px !important;
    }

    .dashboard-sidebar-offcanvas__header {
        border-bottom: 1px solid #e5e7eb;
        padding: 1rem;
    }

    .dashboard-sidebar-offcanvas__title {
        font-size: 1.9rem;
        font-weight: 700;
        color: #1f2937;
        margin: 0;
    }

    .mobile-menu-section {
        border-bottom: 1px solid #e5e7eb;
        padding: 0.25rem 0;
    }

    .mobile-menu-section-title {
        padding: 0.9rem 1rem 0.6rem;
        font-size: 1rem;
        font-weight: 500;
        color: #374151;
    }
    .mobile-menu-link {
        display: block;
        width: 100%;
        padding: 0.85rem 1rem;
        text-decoration: none;
        color: #374151;
        background: #fff;
        line-height: 1.4;
    }

    .navmenu a:hover, .navmenu .active, .navmenu .active:focus {
        color: #4CAF50; /* Verde más visible */
    }

    .mobile-menu-link--sub {
        padding-left: 1.5rem;
        font-size: 0.98rem;
    }

    .mobile-menu-link--highlight {
        position: relative;
        margin: 0.35rem 0.5rem;
        padding-left: 1.4rem;
        border-radius: 12px;
        background-color: #eaf1e2;
    }

    .mobile-menu-link--highlight::before {
        content: "";
        position: absolute;
        left: 0.55rem;
        top: 0.55rem;
        bottom: 0.55rem;
        width: 4px;
        border-radius: 999px;
        background-color: #8ab75a;
    }
}

.text-success {
    --bs-text-opacity: 1;
    color: rgb(40 117 78) !important;
}

@media (max-width: 767.98px) {
    .logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}