/*!
 * SoyTecnoTeacher · stt-unidad-movil.css
 * El móvil dentro de las apps de unidad (las de 4 pestañas, en uploads/unidades/<slug>/): una hoja común que cada app
 * enlaza con una línea, después de su <style> («../stt-unidad-movil.css?v=AAAAMMDD»). Solo cambia el móvil: en el
 * ordenador no hace nada. Medido el 28-oct-2026 (scripts/medir-movil.py) y aprobado con la maqueta 5 de
 * docs/movil/maquetas-paso-2.html. Va con !important porque corrige el CSS de cada app, que a veces sigue en el <body>.
 * (c) Jaime Aniorte Garcia · soytecnoteacher.com · Licencia CC BY-NC-ND 4.0
 */
@media (max-width: 781px) {
  /* la cabecera de la unidad, compacta: el título, el curso y las sesiones (la materia y el currículo, en el Mapa) */
  header.uni-header { padding: 14px 16px !important; }
  header.uni-header h1 { font-size: 1.7rem !important; margin: .2rem 0 .3rem !important; }
  header.uni-header .meta span:nth-child(2), header.uni-header .meta span:nth-child(4) { display: none !important; }
  .stt-appbar { padding: .4rem 0 .6rem !important; }

  /* menos relleno: los ejercicios usan todo el ancho (en el móvil se sumaban 108 px por lado y el texto se quedaba en
     unos 175 px) */
  .bloque-unidad { padding: 20px 14px !important; }
  .actividad-bloque { padding: 16px 10px !important; }
  .pregunta { padding: 14px 12px !important; }

  /* el gancho del bloque: el dibujo encima y el texto a todo el ancho */
  .hook { flex-direction: column !important; gap: 8px !important; padding: 16px !important; }
  .hook-emoji { font-size: 2.4rem !important; }

  /* las opciones de los test, una por línea y a todo el ancho (las de símbolos se quedan como están) */
  .opciones:not(.opciones-simbolo) { flex-direction: column !important; }
  .opciones:not(.opciones-simbolo) .opcion { width: 100% !important; text-align: left !important; min-height: 48px !important; }

  /* los huecos: 44 px y letra de 16 (con menos de 16 px, el iPhone amplía la página al tocar el campo) */
  select.hueco { font-size: 16px !important; min-height: 44px !important; padding: 6px 8px !important; }
  .cloze { line-height: 2.9 !important; }

  /* ordenar, comprobar y la barra de bloques: 44 px */
  .orden-mover { width: 44px !important; height: 44px !important; font-size: 1rem !important; }
  .btn-comprobar, .btn-reintentar { min-height: 44px !important; font-size: 1rem !important; padding: 10px 20px !important; }
  .subnav-pill { min-height: 44px !important; font-size: .8rem !important; }
  .btn-small, .btn-ver-respuesta { min-height: 44px !important; }   /* «Estudiar este bloque →» del Mapa (35 px) y «Ver respuesta modelo» (34) */

  /* los rótulos pequeños (10,4-11,5 px), a 12 */
  .subnav-pill .pill-num, .tab-btn .tab-num { font-size: .75rem !important; }
  .chip-clave, .sec-label, .er-titulo, .uni-tag, .ficha-print-btn, .comparativa-tag, .reto-badge { font-size: .75rem !important; }
}