<header class="bg-white border-b border-zinc-200/80 h-16 shadow-xs text-zinc-800 sticky top-0 z-40 transition-colors lg:hidden">
    <div class="max-w-7xl mx-auto px-4 h-full flex items-center justify-between">
        <!-- Izquierda: Botón Menú Móvil y Contexto o Breadcrumb -->
        <div class="flex items-center space-x-4 min-w-0">
            <!-- Botón toggle móvil -->
            <button onclick="document.getElementById('app-sidebar').classList.remove('-translate-x-full')" class="lg:hidden p-2 rounded-xl text-zinc-600 hover:text-emerald-700 hover:bg-zinc-100 transition-colors shrink-0">
                <c-lbi.rmx.menu w="1.35rem" h="1.35rem" class="shrink-0" />
            </button>

            <!-- Indicador de Contexto del Sistema (Eliminado) -->
        </div>


    </div>
</header>
