IMCOMLEOSA IMPORTADORA COMERCIAL LEÓN S.A.

/* ===== TABLET ===== */ @media (max-width:900px){ .cat-grid { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); gap:18px; } #winProductos { width:96vw; height:90vh; } } /* ===== CELULAR ===== */ @media (max-width:600px){ header { padding:0 10px; gap:8px; height:56px; } #logo { height:34px; max-width:110px; } nav.drawer { top:56px; width:220px; } .vista { padding:70px 12px 30px; } .panel { padding:16px; } form.login { padding:20px; } /* flechas del carrusel más grandes para el dedo */ .flecha { width:54px; height:54px; font-size:26px; } #prev{ left:8px; } #next{ right:8px; } /* catálogos en 2 columnas */ .cat-grid { grid-template-columns:repeat(2, 1fr); gap:14px; } .cat-grid.pequena { grid-template-columns:repeat(3, 1fr); gap:10px; } .cat-nombre { font-size:11px; } .sep-cat { font-size:15px; margin:26px 0 14px; } /* ventana de productos a pantalla completa */ #winProductos { top:0; left:0; transform:none; width:100vw; height:100vh; border-radius:0; border:none; } .win-barra { padding:12px; } /* miniaturas y botones táctiles */ .item-media { width:100px; height:70px; } .item-media .del, .item-media .onoff { width:28px; height:28px; font-size:14px; } .fila { gap:8px; } .fila input, .fila select { margin:0; } .btn { padding:11px 16px; font-size:14px; } .acciones { justify-content:center; } #barraPreview { flex-wrap:wrap; justify-content:center; width:92%; border-radius:16px; } }