/* FLOTA «el alumno entra y se sorprende» · P3634 (H) (18/10/2026 19:09) — LA VARA DEL DEDO en el celular.
 * El audiolibro (#q69b) y el reproductor ÚNICO (#q69r, el mismo en el aula, /mi_panel, /mi-asistencia, /evaluaciones
 * y /mis-constancias): en el celular y en todo lo táctil (la app de Android es la misma web), cada cosa que se toca
 * mide 44 × 44 px o más y toda letra que se ve mide 12 px o más. Lo de la computadora queda igual.
 * Pasos del alumno: antes, a veces había que atinarle a un botón de 34 px con el dedo; después, un toque y listo.
 * Va APARTE de biblioteca.css y reproductor.css: solo llega con P3634_H prendido (con "0", todo como estaba).
 * Especificidad `html body #q69b …` / `html body #q69r …`: gana sin pelear el orden de las hojas.
 * Última revisión: 18/10/2026 20:09 (P3634 (H), etapa 4), suite test_p3169_biblioteca 338 bien, 0 mal (mide a 375
 * de día y de noche: toques ≥ 44 px, letra ≥ 12 px y nada se sale).
 */
@media (max-width:640px),(pointer:coarse){
  /* ── el audiolibro ── */
  html body #q69b .q69b-volver{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 14px;font-size:13.5px}
  html body #q69b .q69b-q,html body #q69b #q69b-ind-q{min-height:44px;box-sizing:border-box}
  html body #q69b .q69b-voz,html body #q69b .q69b-borrar{width:44px;height:44px}
  html body #q69b a.q69b-tarj-tit{display:flex;align-items:flex-start;min-height:44px;box-sizing:border-box;overflow:visible;
    -webkit-line-clamp:unset;padding-right:34px}
  html body #q69b a.q69b-tarj-tit>.q634h-tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
  html body #q69b .q69b-mas,html body #q69b .q69b-grilla .q69b-mas,html body #q69b .q69b-fa .q69b-mas{width:44px;height:44px;right:-6px;top:-2px}
  html body #q69b .q69b-mini-bt,html body #q69b .q69b-oro-s,html body #q69b .q69b-fila-acc .q69b-oro-s,html body #q69b .q69b-tool,html body #q69b .q69b-chip,
  html body #q69b #q69b-ordenar,html body #q69b .q69b-ax,html body #q69b .q69b-grilla .q69b-axs-3 .q69b-ax{min-height:44px;box-sizing:border-box}
  html body #q69b .q69b-ver{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 6px}
  html body #q69b .q69b-flecha,html body #q69b .q69b-fila-desliza .q69b-flecha{width:44px;height:44px}
  html body #q69b .q69b-vbt{width:44px;height:44px}
  html body #q69b .q69b-letra{min-width:44px;min-height:44px;box-sizing:border-box}
  html body #q69b .q69b-play{min-width:44px;min-height:44px}
  /* los títulos que se tocan en «Mi ruta»: más alto para el dedo, sin mover lo de alrededor */
  html body #q69b .q69b-nodo-txt>a,html body #q69b .q69b-sig-tit>a{display:block;padding:12px 0;margin:-12px 0;position:relative}
  /* letra ≥ 12 px */
  html body #q69b .q69b-cifra-a,html body #q69b .q69b-cifra-b,html body #q69b .q69b-esc-fel,html body #q69b .q69b-esc-st,
  html body #q69b .q69b-eres,html body #q69b .q69b-nv,html body #q69b .q69b-grilla .q69b-nv,html body #q69b .q69b-dur,
  html body #q69b .q69b-grilla .q69b-dur,html body #q69b .q69b-fa .q69b-dur,html body #q69b .q69b-ax,
  html body #q69b .q69b-axs-3 .q69b-ax,html body #q69b .q69b-grilla .q69b-axs-3 .q69b-ax,html body #q69b .q69b-insignia>span:last-child{font-size:12px}
  html body #q69b i[title]{font-size:12px}

  /* ── el reproductor ÚNICO ── */
  html body #q69r .q69r-bt{width:44px;height:44px}
  html body #q69r .q69r-b-txt{min-height:44px}
  html body #q69r .q69r-av-mini{top:-21px;height:44px}
  html body #q69r .q69r-av-grande{height:44px}
  html body #q69r .q69r-h-donde{display:inline-flex;align-items:center;min-height:44px;margin-bottom:2px}
  html body #q69r .q69r-tabs [role="tab"]{min-height:44px;box-sizing:border-box}
  html body #q69r .q69r-cl-bt{width:44px;height:44px}
  html body #q69r .q69r-cl-vaciar{min-height:44px;box-sizing:border-box}
  html body #q69r .q69r-av-x{width:44px;height:44px;top:4px;right:4px}
  html body #q69r .q69r-h-de small,html body #q69r .q69r-m-tx small{font-size:12px}
  html body #q69r .q69r-bt-salto b{font-size:12px}
}
/* la cinta «✅ Aprobado»: en el celular, la de la esquina sube a 12 px; en la cuadrícula y en las filas sigue siendo
   solo el ✅ (biblioteca.css la deja en 0 y pinta el ícono aparte), así que esas no se tocan */
@media (max-width:640px){
  html body #q69b .q69b-cinta{font-size:12px}
  html body #q69b .q69b-grilla .q69b-cinta,html body #q69b .q69b-fa .q69b-cinta{font-size:0}
}