refactor(recorrido): fuera la cabecera; el escenario abre la sección

Con el recorrido en segundo lugar, esa franja clara quedaba como una
lasca entre el azul del hero y el escenario oscuro. Se va: la sección
arranca directamente en la secuencia anclada, y su fondo pasa a azul para
que cualquier costura sea oscura.

Quitarla dejaba la sección sin ningún encabezado, que en una pieza de
5.400px es un agujero en el esquema del documento — para un lector de
pantalla las seis parejas colgarían de nada. El rótulo «¿Te reconoces?»,
que ya estaba en el escenario, pasa a ser el <h2>. Hay una prueba que
exige que exista y que sea h2.

Actualizado también el comentario de orden en page.tsx, que describía una
disposición que ya no es la del archivo.

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

components/sections/__tests__/PuntosInflexion.test.tsx

@@ -4,9 +4,14 @@ import { PuntosInflexion } from '../PuntosInflexion';
 import { puntosInflexion } from '@/lib/content';
 
 describe('<PuntosInflexion />', () => {
-  it('renders the section title', () => {
+  it('still has a heading after losing its header block', () => {
     render(<PuntosInflexion />);
-    expect(screen.getByText(/llegan a un punto de inflexión/i)).toBeInTheDocument();
+    // The eyebrow and the deck's title used to sit in a light strip above the
+    // pinned stage; with them gone the lead carries the heading level. A
+    // section this long with no heading at all is a hole in the outline —
+    // for a screen reader the six exchanges would hang off nothing.
+    const encabezado = screen.getByRole('heading', { name: /te reconoces/i });
+    expect(encabezado.tagName).toBe('H2');
   });
 
   it('labels both halves of every exchange with its inflection point', () => {