{{-- Acciones destructivas: eliminar, anular (layout.md §6.4). El rojo es semántico, no de la empresa. --}}
<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex h-9 items-center justify-center gap-2 rounded-lg px-4 text-[13px] font-semibold text-white transition
    bg-red-600 hover:bg-red-700 active:bg-red-800 dark:bg-red-500 dark:hover:bg-red-600
    focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--superficie)]
    disabled:cursor-not-allowed disabled:opacity-50']) }}>
    {{ $slot }}
</button>