/* ══════════════════════════════════════════════════════════════════════
   AVA · hoja compartida

   Todo lo que vale para TODAS las pantallas vive aquí y en ningún otro
   lado. Se enlaza con una línea en cada página y el navegador la guarda
   en caché siete días: se descarga una vez y sirve para todo el sistema.

   Para cambiar una medida —el alto de un botón, el tamaño mínimo de
   letra— se cambia AQUÍ y cambia en todas partes. Nunca más copiando el
   mismo bloque en treinta archivos.

   Va ANTES del <style> propio de cada página, así lo particular de cada
   app sigue mandando sobre lo general. Solo se marca !important lo que
   no puede ceder nunca (el tamaño de los campos en el iPhone).
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1 · uso con el dedo y pantalla chica ─────────────────────────────
   (hover:none) son las pantallas táctiles: iPhone, Android y tablets. */
@media (hover: none), (max-width: 640px) {

  /* Por debajo de 16 px, Safari amplía la página al tocar el campo y
     todo salta. Con 16 px se escribe sin que se mueva nada. */
  input:not([type=checkbox]):not([type=radio]),
  select, textarea { font-size: 16px !important; }

  /* Apple y Google piden 44 px de zona tocable; 40 es el mínimo sensato
     sin desarmar diseños que ya funcionan. */
  button, .btn, .btnA, .btnf, .qxBtn, .chip, .del, .mch,
  a.btn, a.btnA, a.btnf, [role=button] { min-height: 40px; }
  .del, .mchr, .x { min-width: 40px; }

  /* en la mano, nada por debajo de 11 px se lee */
  .nota, .sub, small, .meta, label.f, .dh { font-size: 12px; }
  .avaIdent .c label, .qxG label { font-size: 10.5px; }
}

/* ── 2 · tablas anchas: se deslizan en vez de romper la pantalla ────── */
@media (max-width: 640px) {
  .card table, main table, .pane table {
    display: block; width: 100%;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
  }
  /* la hoja impresa conserva su tabla de verdad */
  .hoja table, .sheet table { display: table; overflow: visible; }
}

/* ── 3 · el borde del iPhone (barra de gestos) no tapa nada ─────────── */
@supports (padding: env(safe-area-inset-bottom)) {
  .avaFija, .barraFija, .fijoAbajo, .savebar {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
}

/* ── 4 · foco visible: se navega con teclado en PC y Mac ────────────── */
:focus-visible {
  outline: 2px solid #496B8A;
  outline-offset: 2px;
}

/* ── 5 · al imprimir, solo el documento ─────────────────────────────── */
@media print {
  .noprint, .avaBar, .avanav { display: none !important; }
}