/* Ajustes de celular (QA del 23/10 en 320, 360, 375, 412 y 430 px). */

/* tocar no deja destello ni espera el doble toque, y los controles no se seleccionan con un toque largo */
button, a, [role="button"], .pestana, .chip { touch-action: manipulation; }
button, .pestana, .chip, .btn { -webkit-user-select: none; user-select: none; }
input, textarea, select { font-size: max(16px, 1em); }

@media (max-width: 899.98px) {
  /* pestañas de Precios: un fundido avisa que hay más rubros para deslizar */
  .pestanas {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
  }
  /* menos fotos en Precios: solo el primer rubro lleva foto (las otras eran casi la misma toma) */
  .rubro ~ .rubro .rubro-foto { display: none; }
  /* el pie arranca sin el hueco oscuro de arriba */
  .pie { padding-top: 24px; }
}

/* celulares chicos: la barra entra entera (el ícono del menú queda siempre a la vista) */
@media (max-width: 374.98px) {
  .barra { gap: 2px; }
  .marca-sub { display: none; }
  .menu-btn-tx { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .bc-tx { font-size: 13px; }
  .barra-cel { gap: 8px; }
  .barra-cel .btn { padding-inline: 16px; }
}