/* ============================================================
   AYCOMER · Adaptación a móvil y tablet
   Archivo: responsive.css
   No edites colores aquí: todos viven en tokens.css
   ============================================================ */

/* ============================================================
   MÓVIL
   ============================================================ */
.barra-movil{
  position:fixed;left:0;right:0;bottom:0;z-index:85;background:var(--sup);border-top:1px solid var(--linea);
  display:none;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));
}
.barra-movil button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--texto-3);padding:4px 12px;position:relative}
.barra-movil button.on{color:var(--fucsia-txt)}
.barra-movil svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9}
.barra-movil .globo{top:-2px;right:4px;border-color:var(--sup)}
.btn-filtros-movil{display:none}

@media (max-width:1180px){
  .rejilla-cat{grid-template-columns:repeat(5,1fr)}
  .rejilla-prod,.rejilla-prod.ancha{grid-template-columns:repeat(3,1fr)}
  .tira-valor{grid-template-columns:repeat(2,1fr)}
  .pie-rejilla{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:980px){
  :root{--hdr:118px}
  .portada-caja{grid-template-columns:1fr}
  .vitrinas{min-height:340px}
  .catalogo{grid-template-columns:1fr}
  .filtros{display:none}
  .btn-filtros-movil{display:inline-flex}
  .pago-caja{grid-template-columns:1fr}
  .resumen-lateral{position:static}
  .pd{grid-template-columns:1fr}
  .vender{grid-template-columns:1fr;padding:32px}
  .terr-mapa{grid-template-columns:1fr}
  .terr-col ul{max-height:180px}
}
@media (max-width:760px){
  body{padding-bottom:70px}
  .barra-movil{display:flex}
  .franja-der{display:none}
  .cab-fila{flex-wrap:wrap;padding:12px 0 10px;gap:10px}
  .buscador{order:3;width:100%;flex:1 0 100%}
  .buscador input{padding:12px 14px 12px 42px}
  .buscador .ir{display:none}
  .territorio{flex:1;min-width:0}
  .territorio-txt strong{max-width:none}
  .marca-txt{display:none}
  .icono-btn.solo-esc{display:none}
  .rejilla-cat{grid-template-columns:repeat(3,1fr)}
  .rejilla-prod,.rejilla-prod.ancha{grid-template-columns:repeat(2,1fr);gap:11px}
  .prod-cuerpo{padding:11px 12px 13px}
  .prod-precio{font-size:18px}
  .tira-valor,.pie-rejilla{grid-template-columns:1fr}
  .portada-txt{padding:28px 22px}
  .bloque{padding:30px 0}
  .ventana{padding:0}
  .ventana-caja{max-height:100vh;height:100%;border-radius:0;width:100%}
  .demo-btn{bottom:78px;left:14px;padding:10px 14px;font-size:12px}
  .campos{grid-template-columns:1fr}
  .avisos{bottom:84px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}