/* Situar MI Asignatura · ux-movil.css · rama ux/situar-navegacion-simple · capa «móvil y accesibilidad»
   Revisado a 360, 390, 768 y 1440 px y con zoom al 200 %: sin desplazamiento horizontal, controles de navegación
   de al menos 44 px, foco visible con el dorado de la marca y reglas de impresión. */

/* ---------- foco visible ---------- */
.ux-nav-btn:focus-visible, .ux-etapa:focus-visible, .ux-tab:focus-visible, .ux-menu summary:focus-visible,
.ux-menu a:focus-visible, .ux-menu button:focus-visible, .ux-tarjeta .btn:focus-visible, .ux-enl:focus-visible,
.ux-vista button:focus-visible, .ux-pend button:focus-visible, .ux-ayuda-links a:focus-visible, .ux-ayuda-links button:focus-visible{
  outline:3px solid var(--oro); outline-offset:2px; }
#uxNav:focus{ outline:none; }
/* texto solo para lectores de pantalla (anuncio de etapa) */
.ux-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }

/* ---------- pantallas medianas (tabletas) ---------- */
@media (max-width:760px){ .ux-resumen{ grid-template-columns:repeat(2, minmax(0,1fr)); } }

/* ---------- teléfonos ---------- */
@media (max-width:700px){
  header.app.ux{ padding:10px 12px; }
  header.app.ux .ux-id{ flex-wrap:wrap; gap:4px 10px; }
  header.app.ux .ux-id h1{ font-size:1.25rem; }
  .ux-nav-btn{ padding:9px 12px; font-size:.88rem; }
  .ux-menu > .ux-menu-panel{ min-width:220px; max-width:calc(100vw - 32px); }
  .ux-etapas{ display:none; } .ux-compacta{ display:flex; }
  .ux-diaria{ flex-wrap:nowrap; } .ux-tab{ font-size:.88rem; padding:10px 6px; }
  .ux-tarjeta{ flex-direction:column; align-items:stretch; } .ux-tarjeta .ux-acciones{ justify-content:flex-start; }
  .ux-planbar{ position:static; }
  .ux-acciones-etapa .ux-sec{ margin-left:0; width:100%; }
  .ux-ayuda-links ul{ grid-template-columns:1fr; }
}

/* ---------- movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce){ .ux-etapa, .ux-tab, .ux-tarjeta{ transition:none !important; } }

/* ---------- impresión: solo el contenido ---------- */
@media print{ #uxNav, header.app.ux .ux-nav, .ux-acciones-etapa, .ux-planbar, #simIndicador, .ux-vista, #uxAccClases{ display:none !important; } }