feat(frase-ancla): la secuencia resuelve en el ≡ sobre la frase

components/sections/FraseAncla.tsx

@@ -2,7 +2,7 @@
 
 import { motion } from 'framer-motion';
 import { Container } from '@/components/primitives/Container';
-import { SimboloTresLineas } from '@/components/primitives/SimboloTresLineas';
+import { SecuenciaClaridad } from '@/components/primitives/SecuenciaClaridad';
 import { TextoDesenfoque } from '@/components/primitives/TextoDesenfoque';
 import { fraseAncla } from '@/lib/content';
 import { fadeInUp, viewportOnce, usePrefersReducedMotion, motionProps } from '@/lib/motion';
@@ -14,7 +14,9 @@ export function FraseAncla() {
       <Container className="relative py-28 md:py-40 text-center max-w-5xl">
         <motion.div variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="flex justify-center">
-          <SimboloTresLineas className="pointer-events-none select-none w-14 text-dorado" />
+          {/* El pago de la tensión abierta en el hero: aquí las líneas sí
+              resuelven en el ≡, justo cuando el copy nombra la claridad. */}
+          <SecuenciaClaridad className="pointer-events-none select-none w-28 md:w-36 text-dorado" />
         </motion.div>
         <motion.p
           variants={fadeInUp}

components/sections/__tests__/FraseAncla.test.tsx

@@ -8,4 +8,9 @@ describe('<FraseAncla />', () => {
     expect(container.textContent).toMatch(/Las empresas no dejan de crecer/i);
     expect(container.textContent).toMatch(/falta de claridad/i);
   });
+
+  it('resolves the brand metaphor into the mark', () => {
+    const { container } = render(<FraseAncla />);
+    expect(container.querySelectorAll('[data-resolucion]')).toHaveLength(3);
+  });
 });