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/primitives/Antetitulo.tsx

@@ -0,0 +1,41 @@
+import type { ElementType, ReactNode } from 'react';
+
+// The short gold line in letter-spaced caps that announces each section.
+//
+// It used to be hand-written in eight places, and the colour travelled with it:
+// `text-dorado` reads at 6,07:1 on azul-profundo and at 2,76:1 on white, so
+// half of those copies were illegible and every fix had to be made eight times.
+// The rule lives here now, and the default is the safe one — forgetting the
+// prop cannot produce an unreadable antetítulo.
+//
+// `as` takes `motion.p` where the section wants it to animate in, and `h2`
+// where the antetítulo is the only heading the section has.
+
+type Fondo = 'claro' | 'oscuro';
+
+const tono: Record<Fondo, string> = {
+  claro: 'text-dorado-texto',
+  oscuro: 'text-dorado',
+};
+
+export function Antetitulo({
+  children,
+  sobre = 'claro',
+  as: Tag = 'p',
+  className = '',
+  ...rest
+}: {
+  children: ReactNode;
+  sobre?: Fondo;
+  as?: ElementType;
+  className?: string;
+  // Whatever the caller's `as` needs — in practice Framer's variants/viewport
+  // props when a section wants its antetítulo to animate in.
+  [prop: string]: unknown;
+}) {
+  return (
+    <Tag className={['text-rotulo uppercase font-semibold', tono[sobre], className].filter(Boolean).join(' ')} {...rest}>
+      {children}
+    </Tag>
+  );
+}