feat(recorrido): el fotograma es el mensaje, y la respuesta llega en azul

Fuera tarjetas: la situación va a tamaño de titular sobre el fondo claro,
y al bajar el escenario entero se vuelve azul profundo para la respuesta
de creeer, en blanco y del mismo tamaño. No es una tarjeta sobre la
página del lector, es el terreno de creeer.

El rótulo del punto se repite en la respuesta a propósito: como solo hay
una cosa en pantalla, es lo único que la ata a la pregunta que contesta.
El test lo fija con esa razón escrita.

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

components/sections/__tests__/PuntosInflexion.test.tsx

@@ -9,12 +9,15 @@ describe('<PuntosInflexion />', () => {
     expect(screen.getByText(/llegan a un punto de inflexión/i)).toBeInTheDocument();
   });
 
-  it('renders the six inflection points from the dueña deck', () => {
+  it('labels both halves of every exchange with its inflection point', () => {
     render(<PuntosInflexion />);
-    // Each point now renders once, not twice: the mobile carousel is gone and
-    // the conversation stacks vertically at every breakpoint.
+    // Twice per point, once on each frame. The pinned sequence shows one thing
+    // at a time, so when creeer's answer is on screen the question that
+    // prompted it is gone — the repeated label is the only thing left tying the
+    // two together. Dropping it from the answer would leave six statements
+    // floating with nothing to answer.
     for (const name of ['Crecer', 'Consolidarse', 'Recuperar rentabilidad', 'Simplificar', 'Expandirse', 'Replantear el portafolio']) {
-      expect(screen.getByText(new RegExp(name))).toBeInTheDocument();
+      expect(screen.getAllByText(new RegExp(name))).toHaveLength(2);
     }
     expect(screen.getAllByRole('listitem')).toHaveLength(6);
   });