/* Estilos custom mínimos (Tailwind CDN ya provee el grueso) */

html { -webkit-text-size-adjust: 100%; }
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

/* Scroll horizontal sin scrollbar visible para los tabs de categorías */
.no-scrollbar {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* Animación del drawer del carrito */
.drawer { transform: translateX(100%); transition: transform .25s ease-out; }
.drawer.open { transform: translateX(0); }

/* Backdrop */
.backdrop { opacity: 0; pointer-events: none; transition: opacity .2s; }
.backdrop.open { opacity: 1; pointer-events: auto; }

/* Tab activo */
.tab-active { background: #ea580c; color: #fff; border-color: #ea580c; }

/* Imagen placeholder cuando no hay foto */
.img-placeholder {
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  display: flex; align-items: center; justify-content: center;
  color: #9ca3af; font-size: 24px;
}

/* Banner de instalación PWA */
#install-banner {
  transform: translateY(100%);
  transition: transform .25s ease-out;
}
#install-banner.show { transform: translateY(0); }