{{-- Barra de carga global: se muestra sola mientras Livewire tiene
     cualquier petición en curso (guardar, pulsar un botón, etc.), sin
     tener que añadirla botón a botón. Para navegación entre páginas
     (wire:navigate) ya la pone Livewire solo, ver config/livewire.php. --}}
<div wire:loading.delay class="fixed top-0 inset-x-0 z-[9999] h-[3px] overflow-hidden bg-black/5">
    <div class="h-full w-1/3 barra-carga-animada" style="background-color: var(--brand, #7c2d12);"></div>
</div>
<style>
    .barra-carga-animada {
        animation: barra-carga-mover 1s ease-in-out infinite;
    }
    @keyframes barra-carga-mover {
        0% { margin-left: -33%; }
        100% { margin-left: 100%; }
    }
</style>