/* HubRestaurante — estilos base (complementan Tailwind CDN) */

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

html { -webkit-tap-highlight-color: transparent; }

/* Evita zoom accidental y selección en UI táctil */
.no-select { -webkit-user-select: none; user-select: none; }

/* Scrollbars discretos */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: content-box; }

/* Animación de entrada suave para tarjetas */
@keyframes hub-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.hub-pop { animation: hub-pop .35s cubic-bezier(.2,.8,.2,1) both; }

/* Botón táctil grande */
.touch-btn { min-height: 56px; }

/* Teclado numérico (PIN) */
.pin-key {
  aspect-ratio: 1 / 1;
  font-size: 1.6rem;
  font-weight: 600;
  border-radius: 1rem;
  transition: transform .08s ease, background .15s ease;
}
.pin-key:active { transform: scale(.94); }