/* Ajustes de pantalla táctil para toda la app (tienda, live y panel).
 *
 * El viewport traía maximum-scale=1 y user-scalable=no para frenar dos
 * zooms molestos, pero a cambio nadie podía acercar la pantalla con los
 * dedos. Estas reglas frenan esos dos zooms por separado y permiten quitar
 * aquel bloqueo:
 *
 *  - touch-action: manipulation anula el zoom por doble toque y conserva el
 *    pellizco para acercar.
 *  - iOS acerca la pantalla al enfocar un campo con letra menor de 16px; los
 *    campos del panel tenían 13 y 14px.
 */

html {
  touch-action: manipulation;
}

@media (hover: none) and (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select,
  textarea {
    font-size: 16px !important;
  }

  /* Botones tipo pastilla (filtros de Pedidos y similares): llevan los
     estilos en línea y sin clase, por eso se apuntan por atributo. Medían
     32px de alto; 40px es lo mínimo cómodo para el dedo. */
  button[style*="border-radius: 20px"] {
    min-height: 40px !important;
  }
}