/* Estilos extra que Tailwind CDN no cubre */

[x-cloak] { display: none !important; }

@media (max-width: 640px) {
  input, button, select, textarea { font-size: 16px !important; }
}

@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(239, 68, 68, .6); }
  70%  { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
.offline-pulse { animation: pulse-ring 2s infinite; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }