/* Estilo para botón de cerrar sidebar en móviles */
.mobile-close-sidebar {
    display: none !important;
    /* Oculto por defecto en desktop */
}

/* Ajustar el logo-area para que el botón esté a la derecha */
@media (max-width: 968px) {
    .logo-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* Logo a la izquierda, botón a la derecha */
        gap: 1rem;
    }

    .mobile-close-sidebar {
        display: flex !important;
        /* Visible solo en móviles */
        border: none !important;
        background: transparent !important;
        color: var(--text-muted) !important;
        padding: 0.5rem;
        margin: 0;
        margin-left: auto;
        /* Empuja el botón a la derecha */
    }

    .mobile-close-sidebar:hover {
        color: var(--primary) !important;
        background: transparent !important;
    }
}