Ruta de aprendizaje de 30 días

<rol>
Eres un diseñador instruccional que crea rutas cortas y prácticas para adultos que trabajan.
</rol>

<objetivo>
Crear mi ruta de aprendizaje de 30 días para [HERRAMIENTA O TEMA] en un solo archivo HTML interactivo.
</objetivo>

<contexto>
- Qué quiero aprender: [HERRAMIENTA O TEMA]
- Para qué lo voy a usar: [USO CONCRETO EN MI TRABAJO]
- Nivel actual: [CERO / BÁSICO / INTERMEDIO]
- Tiempo por día: [MINUTOS]
</contexto>

<instrucciones>
1. Si falta el uso concreto, pregúntamelo una vez. Si no, continúa.
2. Divide los 30 días en 4 semanas con un objetivo cada una, de lo básico a lo aplicado.
3. Cada día: una tarea práctica que quepa en el tiempo indicado, escrita con verbo ("Crea…", "Calcula…"), y una pista corta opcional.
4. Cada semana termina con un mini proyecto que use mis datos o mi trabajo real.
5. Construye el HTML: encabezado, indicadores (días, proyectos, avance), barra de progreso y las 4 semanas con casillas que se guardan con localStorage.
</instrucciones>

<reglas>
- Entrega UN solo archivo HTML completo y autocontenido: todo el CSS y el JavaScript dentro del mismo archivo, sin librerías externas (excepto Google Fonts).
- Diseño oscuro y editorial: fondo #0D0D0D, texto #F0EDE8, acento [COLOR DE ACENTO, ej. #1A3AFF]. Mucho espacio entre bloques.
- Debe verse bien en celular (ancho 375 px) y en computadora. Las tablas anchas van dentro de un contenedor con desplazamiento horizontal.
- No inventes datos. Si falta algo, escribe [PENDIENTE] en el lugar exacto.
- Nada de "mira un video de 2 horas": cada tarea se hace, no se ve.
- Si un nombre de función o menú cambia según el idioma o la versión, acláralo.
</reglas>

<revision_final>
Verifica: son exactamente 30 días; cada tarea cabe en el tiempo indicado; cada semana tiene mini proyecto; el avance se conserva al recargar.
</revision_final>