refactor(simbolo): extraer la geometría del ≡ a lib/simbolo.ts

components/primitives/SimboloTresLineas.tsx

@@ -3,16 +3,13 @@
 import { useRef, useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { usePrefersReducedMotion } from '@/lib/motion';
+import { BARRAS_SIMBOLO } from '@/lib/simbolo';
 
 // The manual's own description of the ≡ symbol, made literal: "las líneas van
 // de muchas/desordenadas (complejidad) a pocas/alineadas (claridad)". Five
 // uneven bars resolve, once in view, into the three clean aligned bars of the
 // official icon (see app/icon.svg) — decorative, one-shot, never loops.
-const FINAL = [
-  { x: 13, y: 13, width: 38, height: 8 },
-  { x: 13, y: 28, width: 38, height: 8 },
-  { x: 13, y: 43, width: 38, height: 8 },
-];
+const FINAL = BARRAS_SIMBOLO;
 
 const BARS = [
   { from: { x: 6, y: 9, width: 22, height: 6, opacity: 0.9 }, to: FINAL[0] },