/* ════════════════════════════════════════════════════════════════
   MarketPOS — Catálogo público: layout responsivo en escritorio.
   Acotado al root del catálogo (selector compuesto) → NO afecta el
   móvil (queda igual) ni otras páginas de la app.
   Aplicado in-place (sin rebuild) por la deriva local↔prod. 2026-06-15.
   ════════════════════════════════════════════════════════════════ */

/* Tablet / escritorio chico: 4 columnas, contenedor más ancho */
@media (min-width: 768px) {
  .min-h-screen.bg-slate-50.pb-32.max-w-md.mx-auto { max-width: 56rem; }
  .min-h-screen.bg-slate-50.pb-32.max-w-md.mx-auto .grid.grid-cols-2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Escritorio grande: 5 columnas, contenedor amplio */
@media (min-width: 1100px) {
  .min-h-screen.bg-slate-50.pb-32.max-w-md.mx-auto { max-width: 72rem; }
  .min-h-screen.bg-slate-50.pb-32.max-w-md.mx-auto .grid.grid-cols-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}