diff --git a/components/primitives/IlustracionBifurcacion.tsx b/components/primitives/IlustracionBifurcacion.tsx
index 5b4757d..c78e211 100644
--- a/components/primitives/IlustracionBifurcacion.tsx
+++ b/components/primitives/IlustracionBifurcacion.tsx
@@ -25,7 +25,7 @@ export function IlustracionBifurcacion({ className = '' }: { className?: string
if (reduced) {
return (
);
}
diff --git a/components/primitives/IlustracionNudo.tsx b/components/primitives/IlustracionNudo.tsx
index a3ba20b..799f57e 100644
--- a/components/primitives/IlustracionNudo.tsx
+++ b/components/primitives/IlustracionNudo.tsx
@@ -8,7 +8,7 @@ import { useEnVista } from '@/lib/motion';
// going anywhere. The strands draw themselves in sequence, which reads as the
// knot tightening rather than as decoration appearing.
const HEBRAS = [
- { d: 'M30 90 C 60 20, 130 20, 140 70 C 148 112, 78 118, 70 78 C 63 44, 120 38, 150 66', ancho: 2.5 },
+ { d: 'M30 90 C 60 20, 130 20, 140 70 C 148 112, 78 118, 70 78 C 63 44, 120 38, 150 66', ancho: 3 },
{ d: 'M20 60 C 70 110, 120 110, 160 60', ancho: 2 },
{ d: 'M40 110 C 80 40, 110 130, 155 95', ancho: 2 },
{ d: 'M25 40 C 90 70, 100 100, 165 40', ancho: 1.5 },
diff --git a/components/primitives/__tests__/IlustracionBifurcacion.test.tsx b/components/primitives/__tests__/IlustracionBifurcacion.test.tsx
index adf6d06..3d6600f 100644
--- a/components/primitives/__tests__/IlustracionBifurcacion.test.tsx
+++ b/components/primitives/__tests__/IlustracionBifurcacion.test.tsx
@@ -31,4 +31,11 @@ describe('', () => {
const { container } = render();
expect(container.querySelectorAll('circle').length).toBeGreaterThanOrEqual(1);
});
+
+ it('keeps every stroke within the shared line-art scale', () => {
+ const { container } = render();
+ const anchos = Array.from(container.querySelectorAll('path')).map((p) => p.getAttribute('stroke-width'));
+ expect(anchos.length).toBeGreaterThan(0);
+ anchos.forEach((a) => expect(['1.5', '2', '3']).toContain(a));
+ });
});
diff --git a/components/primitives/__tests__/IlustracionConvergencia.test.tsx b/components/primitives/__tests__/IlustracionConvergencia.test.tsx
index e203c2c..700ff46 100644
--- a/components/primitives/__tests__/IlustracionConvergencia.test.tsx
+++ b/components/primitives/__tests__/IlustracionConvergencia.test.tsx
@@ -14,4 +14,11 @@ describe('', () => {
const { container } = render();
expect(container.querySelectorAll('path')).toHaveLength(4);
});
+
+ it('keeps every stroke within the shared line-art scale', () => {
+ const { container } = render();
+ const anchos = Array.from(container.querySelectorAll('path')).map((p) => p.getAttribute('stroke-width'));
+ expect(anchos.length).toBeGreaterThan(0);
+ anchos.forEach((a) => expect(['1.5', '2', '3']).toContain(a));
+ });
});
diff --git a/components/primitives/__tests__/IlustracionNudo.test.tsx b/components/primitives/__tests__/IlustracionNudo.test.tsx
index 4bb4842..a449304 100644
--- a/components/primitives/__tests__/IlustracionNudo.test.tsx
+++ b/components/primitives/__tests__/IlustracionNudo.test.tsx
@@ -20,6 +20,13 @@ describe('', () => {
expect(container.querySelectorAll('path').length).toBeGreaterThanOrEqual(3);
});
+ it('keeps every stroke within the shared line-art scale', () => {
+ const { container } = render();
+ const anchos = Array.from(container.querySelectorAll('path')).map((p) => p.getAttribute('stroke-width'));
+ expect(anchos.length).toBeGreaterThan(0);
+ anchos.forEach((a) => expect(['1.5', '2', '3']).toContain(a));
+ });
+
it('renders plain, fully-visible strands under reduced motion instead of motion.path\'s dash scaffolding', () => {
// Force the reduced-motion branch. motion.path applies stroke-dasharray/
// stroke-dashoffset even with no explicit initial/animate resolution,