Wireframe del esqueleto
Las pantallas de las 7 progresiones. Toca los botones para recorrer la app como la usaría un alumno; pasa el cursor (o toca) sobre cualquier bloque para ver su detalle abajo.
→
→
→
↺ / ✓
→
→
→
→
A · Ruta
Progresión N · Nombre🔥 0 ⚡ 0
BANNER UNIDADEquipo N · icono · nombre · tema
▸ Fuentes consultadas
Equipo N · IntegrantesMaterias · ProfesoresFecha 2026 · rev 1.0
header.top · main #ruta · footer
B · Intro
Nivel 1
Antes de empezarTexto de contexto de la lección…
#leccion · .intro · #go
C · Opción / V-F
¿Pregunta?
.opciones .op · #chk
D · Ordenar
Ordena estos hechos.
#resp .linea · #pool .chip
E1 · Incorrecta
¿Pregunta?
❌ Todavía no. ¡Inténtalo de nuevo!
💡 Pista: texto que guía sin dar la respuesta
➡️ Secuencia correcta: A → B → C → D
.pie.mal · #retry
E2 · Correcta
¿Pregunta?
✅ ¡Excelente!
Explicación de por qué es correcta.
.pie.ok · #sig · ¿más preguntas? ↺ C / D
F · Fin de nivel
🎉
¡Lección completada!
XP +30
ERRORES 0
🔓 ¡Desbloqueaste el Nivel 2!
📚 Resumen del nivel▸ Lo que aprendiste▸ Por qué importa hoy
.fin .big · .cajas · .desbloqueo · .resumen
G · Fin de unidad
🏆
¡Unidad completada!
XP +30
ERRORES 0
📚 Nivel 1 · aprendiste / hoy📚 Nivel 2 · aprendiste / hoy
Piensa y conecta con hoy¿Qué derechos usas hoy…?
.fin · .resumen × N · .hoy