feat: rediseño «El documento» en curso, contacto real y enlaces externos

Primitivas y contenido del rediseño (escala tipográfica, Revelar,
MarcaSeccion, Seccion, Antetitulo, SimboloMarca, Resplandor, ClaridadHero,
sección Proceso de ocho etapas, lib/content.ts reestructurado en seis
secciones con alias para las viejas). Mecanismo y FormaTrabajar se retiran.

Encima, lo de esta sesión:
- recorrido: creeer vuelve a responder cada situación en vez de repetirla
  (el alias apuntaba respuesta a situacion); respuestas en plural. Créditos
  de las seis fotos de México.
- contacto: WhatsApp, email (con mailto:) y LinkedIn reales; iconos de las
  redes en el cierre y el footer (IconoRed, trazos de Simple Icons, CC0).
- enlaces: lo externo abre en otra pestaña con noopener y aviso para
  lectores de pantalla (lib/enlaces.ts); mailto y anclas se quedan.
- Proceso: las ocho tarjetas no aparecían nunca en móvil (amount 0.3 sobre
  una lista de ~3000px); ahora cada una se revela sola. El ≡ de la 08 ya no
  tapa un entregable, título equilibrado, etiqueta a 12px, sin elevar al
  hover lo que no es clicable.
- Disciplinas: la frase «No son la promesa — son los medios» gana peso y
  se agrupa con título e ilustración; sin cortes huérfanos en móvil.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

components/sections/FraseAncla.tsx

@@ -3,6 +3,7 @@
 import { motion } from 'framer-motion';
 import { Container } from '@/components/primitives/Container';
 import { SecuenciaClaridad } from '@/components/primitives/SecuenciaClaridad';
+import { Resplandor } from '@/components/primitives/Resplandor';
 import { TextoDesenfoque } from '@/components/primitives/TextoDesenfoque';
 import { fraseAncla } from '@/lib/content';
 import { fadeInUp, viewportOnce, usePrefersReducedMotion, motionProps } from '@/lib/motion';
@@ -10,7 +11,10 @@ import { fadeInUp, viewportOnce, usePrefersReducedMotion, motionProps } from '@/
 export function FraseAncla() {
   const reduced = usePrefersReducedMotion();
   return (
-    <section className="bg-azul-profundo relative overflow-hidden">
+    <section className="bg-azul-profundo bg-hondo-navy relative overflow-hidden">
+      {/* Centrado: la frase es el momento más quieto de la página, así que la
+          luz viene de detrás de ella y no de un lado. */}
+      <Resplandor className="top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[52rem] h-[52rem]" />
       <Container className="relative py-20 md:py-28 text-center max-w-5xl">
         <motion.div variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="flex justify-center">
@@ -33,6 +37,19 @@ export function FraseAncla() {
             ]}
           />
         </motion.p>
+        {/* El "después": la ancla nombra el diagnóstico; esta línea pinta el
+            resultado en la vida del lector. Sin ella, el único futuro que
+            existe en la página es el negativo (los dolores). */}
+        <motion.p
+          variants={fadeInUp}
+          initial="hidden"
+          whileInView="visible"
+          viewport={viewportOnce}
+          {...motionProps(reduced)}
+          className="mt-8 max-w-[42ch] mx-auto text-white/70 leading-relaxed"
+        >
+          {fraseAncla.despues}
+        </motion.p>
       </Container>
     </section>
   );