fix(grafico): SecuenciaClaridad usa el grosor de su propia barra

Cada línea resuelta tomaba el grosor de LINEAS_SIMBOLO[0] sin importar a
qué barra pertenecía; funcionaba por coincidencia porque las tres barras
del manual comparten height: 8. Se indexa ahora por DISPERSAS[i].barra, y
se agrega una prueba de regresión que fija el grosor de cada línea al de
su propia barra (derivado de LINEAS_SIMBOLO, no hardcodeado).

components/primitives/SecuenciaClaridad.tsx

@@ -80,7 +80,8 @@ export function SecuenciaClaridad({
     };
   };
 
-  const grosor = (i: number) => (completa && SOBREVIVE.includes(i) ? LINEAS_SIMBOLO[0].grosor : 1.5);
+  const grosor = (i: number) =>
+    completa && SOBREVIVE.includes(i) ? LINEAS_SIMBOLO[DISPERSAS[i].barra].grosor : 1.5;
 
   // Reduced motion renders plain <line> elements: motion.line would apply its
   // own dash scaffolding and leave the drawing invisible (see the same trap in