{{-- Buscador de la trazabilidad (impo y expo): el mismo formulario de antes, POST a $accion con _token y txtBuscar
     (obligatorio). Parámetros: $accion (URL), $bus (valor actual), $placeholder. --}}
<form action="{{ $accion }}" method="post"
      class="flex flex-wrap gap-2.5 rounded-xl border border-[var(--borde)] bg-[var(--superficie)] px-5 py-4">
    @csrf
    <div class="relative min-w-[16rem] flex-1">
        <x-icono nombre="magnifying-glass" class="pointer-events-none absolute left-3.5 top-1/2 h-5 w-5 -translate-y-1/2 text-[var(--texto-tenue)]" />
        <input type="text" name="txtBuscar" id="txtBuscar" value="{{ $bus }}" required placeholder="{{ $placeholder }}" aria-label="{{ $placeholder }}"
               class="form-input block h-11 w-full rounded-[10px] border-[var(--borde-fuerte)] bg-[var(--superficie-3)] pl-11 pr-4 text-[14px] text-[var(--texto)] placeholder:text-[var(--texto-tenue)]
                      focus:border-[var(--acento)] focus:bg-[var(--superficie)] focus:ring-[3px] focus:ring-[var(--acento-suave)]">
    </div>
    <button type="submit"
            class="inline-flex h-11 items-center gap-2 rounded-[10px] bg-[var(--acento)] px-5 text-[14px] font-semibold text-[var(--acento-contraste)] hover:bg-[var(--acento-hover)] active:bg-[var(--acento-activo)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--acento)] focus-visible:ring-offset-2">
        <x-icono nombre="magnifying-glass" variante="m" class="h-4 w-4" />
        Buscar
    </button>
</form>