feat(pasos): el numeral pasa a ser el gráfico en Mecanismo y ComoEmpezar

Las dos secciones de pasos toman prestado el recurso del recorrido: la
cifra enorme y casi transparente. En Mecanismo sigue al paso activo del
autoplay, así que la sección respira sin pedirle atención a nadie. En
ComoEmpezar el numeral pequeño en dorado crece y se apaga, y el acento
dorado se queda en el icono, para que no compitan dos marcadores.

El objetivo no es añadir efectos: es que el recorrido no parezca de otra
página. Mismo lenguaje, distinto contenido.

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

components/sections/Mecanismo.tsx

@@ -25,6 +25,28 @@ export function Mecanismo() {
         <FondoFoto src="/images/mecanismo-bg.jpg" className="inset-0 opacity-25" wash="bg-azul-profundo/80" />
       </motion.div>
       <Container className="relative py-16 md:py-24">
+        {/* The step you are on, set enormous and almost invisible behind the
+            column — the same device the recorrido uses, so the two sections
+            read as one page rather than as one showpiece and its neighbour.
+            It follows the autoplay, which gives the section a slow pulse
+            without adding anything the reader has to attend to. */}
+        {reduced ? (
+          <span aria-hidden="true" className="pointer-events-none absolute top-10 right-6 md:right-12 select-none font-sans font-black leading-none text-white/[0.05] text-[9rem] md:text-[18rem]">
+            {mecanismo.steps[active].n}
+          </span>
+        ) : (
+          <motion.span
+            key={active}
+            aria-hidden="true"
+            initial={{ opacity: 0, y: 18 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6, ease: [0.22, 1, 0.36, 1] }}
+            className="pointer-events-none absolute top-10 right-6 md:right-12 select-none font-sans font-black leading-none text-white/[0.05] text-[9rem] md:text-[18rem]"
+          >
+            {mecanismo.steps[active].n}
+          </motion.span>
+        )}
+
         <motion.p variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="text-xs tracking-[0.3em] uppercase font-black text-dorado">{mecanismo.eyebrow}</motion.p>
         <motion.h2 variants={fadeInUp} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}