/* ══════════════════════════════════════════════════════════════════════════
   Ilya HACCP · arreglos de iPhone/iPad

   1) EL ZOOM AL TOCAR UN CAMPO
      Safari en iOS hace zoom automático cuando enfocas un input cuya letra
      mide menos de 16px, y luego deja la página descolocada. Los campos de
      los registros están a 12–13px, así que saltaba en todos.

      El arreglo NO es bloquear el zoom con `maximum-scale=1` —eso impide
      ampliar a quien lo necesita para leer—, sino subir la letra de los
      campos a 16px en pantallas pequeñas. En escritorio se quedan como
      estaban.

   2) Área de toque cómoda en el mismo sitio: un campo de 16px con poco
      alto sigue siendo difícil de acertar con el dedo en una cocina.
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 860px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select,
  textarea {
    font-size: 16px !important;
    /* iOS ignora el line-height heredado en los campos y los deja bajos */
    line-height: 1.35;
  }

  /* Que se puedan tocar con el dedo mojado, que es como se rellenan estos
     registros de verdad. 44px es el mínimo que recomienda Apple. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select {
    min-height: 44px;
  }
}