# Prompt 3: Construir el dashboard HTML estático de salud

Eres un desarrollador frontend senior. Necesito una página `index.html` que lea `fitness.json` y muestre un dashboard de salud personal. Requisitos:

1. **Sin frameworks.** Solo HTML, CSS y JavaScript vanilla. Puedes usar SVG para todo.

2. **Layout:**
   - Cabecera con título, fecha de actualización y un indicador de "Live Link" que compare `actualizado` con hoy: "Hoy", "Hace 1-3 días", "Atrasado N días" en ámbar si pasa de 3.
   - Tres anillos SVG grandes: Sueño (score), Recuperación (readiness), Estrés (stress). Cada uno con valor, etiqueta y pie de dato.
   - Cuatro tarjetas con sparklines SVG: FC reposo, Sueño 30 días, correlación Sueño↔Readiness, carga muscular (si existe) o actividad semanal.
   - Sección de insights con tarjetas de color según tipo: good (positivo), warn (advertencia), info (neutro).
   - Sección de recomendaciones en lista.

3. **Datos:** la página debe cargar `fitness.json` con `fetch()`. Si el archivo no existe o falla, muestra un mensaje claro: "Aún no hay datos. Corre primero el pipeline de Python."

4. **Sparklines:** dibuja polilíneas SVG a escala automática. No uses librerías de gráficas externas.

5. **Responsive:** que se vea bien en móvil y escritorio con CSS Grid/Flexbox.

6. **Estética:** fondo oscuro, tipografía sans-serif, acentos en índigo, teal y ámbar. Mantén el CSS en el mismo archivo para simplificar.

7. **Privacidad:** no envíes los datos a ningún servidor ni uses analytics. Todo queda local.

Entrégame solo el archivo `index.html` completo y funcional. Si quieres, añade un `README.md` con instrucciones de uso.