/* Jaime.Lab · piso de usabilidad (auditoría UX y UI del 2026-10-19). Va después del kit JAIME.AI (jaimeai/jaimeai-ui.css, que es
   generado y no se edita a mano) y del CSS de cada página. Dos reglas: ningún texto bajo 12 px y zonas táctiles de 44 px en celular. */

/* ---- texto: mínimo 12 px (el kit trae 9 a 11,5 px en etiquetas, píldoras y tablas) ---- */
.nav-lbl, .lateral .marca small, .pie-lateral, .pie-lateral .copy, .usuario-card .u-r, .cab .eyebrow, .ja-eyebrow, label.campo, .pill, .tabla th,
.dato .d-t, .desarrollo .sello, .desarrollo .bloque h3, .entrada .kicker, .entrada-arte .lema span, .nav .pronto, .tip b, kbd { font-size: 12px; }
.pill, .nav .pronto { letter-spacing: .06em; }
.graf text { font-size: 12px; }
.enlaces-lateral a { font-size: 12.5px; }

/* ---- zonas táctiles: 44 px en celular y en pantallas táctiles ---- */
@media (max-width: 700px), (pointer: coarse) {
  .nav, .pestanas button, .personas button, .h-chips button, .btn { min-height: 44px; }
  .barra-movil button { width: 44px; height: 44px; }
  .enlaces-lateral a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
  .h-marca { display: inline-flex; align-items: center; min-height: 44px; }
  .h-pie a { display: inline-flex; align-items: center; min-height: 44px; }
  label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) { min-height: 44px; display: flex; align-items: center; gap: 10px; }
  input[type="checkbox"], input[type="radio"] { width: 24px; height: 24px; flex: none; }
}