feat(sprint-5/etapa-3): heatmap gradiente 4 stops + modo percentil + localStorage + fix zoom

- colors.ts: gradiente continuo verde→amarillo→naranja→rojo (interpolación N-stops genérica)
- Renombra modos: relative→percentile (rank-based), absolute→minmax
- Hook useHeatmapMode(): persiste selección en localStorage con clave inq-roi:heatmap-mode
- HeatmapLegend: barra de 4 stops, labels P0/P50/P100 en modo percentil
- HeatmapModeToggle: etiquetas "Percentil" / "Min-max"
- pdf-sections.ts: leyenda PDF con 4 stops interpolados
- BpmnCanvas: controles de zoom movidos a esquina inferior izquierda (evita logo bpmn.io)
- Tests: 528 unitarios pasan; E2E recalibrados con vecino más cercano (distancia euclidiana)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

tailwind.config.js

@@ -59,11 +59,12 @@ export default {
           magenta: '#ED3E8F',
         },
         // ── Heatmap (saturado, calibrado para análisis de píxeles E2E) ──
-        // DEBE coincidir con HEATMAP_LOW/MID/HIGH en src/lib/colors.ts.
+        // DEBE coincidir con HEATMAP_STOPS en src/lib/colors.ts (4 stops, Sprint 5 Etapa 3).
         // Cambiar solo en conjunto con recalibración de tests E2E.
         heatmap: {
           low: '#10B981',
           mid: '#F59E0B',
+          highMid: '#F97316',
           high: '#EF4444',
         },
         // ── Semánticos ───────────────────────────────────────────────────