mensaje = null, 1000);
"
x-show="mensaje"
x-cloak
x-transition
class="fixed bottom-4 left-4 right-4 sm:left-auto z-[9999] sm:max-w-sm px-4 py-3 rounded-lg shadow-lg text-sm font-medium mb-[env(safe-area-inset-bottom)]"
:class="tipo === 'error' ? 'bg-red-600 text-white' : 'bg-gray-900 text-white'"
x-text="mensaje"
>