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,