feat(secciones): puntos de inflexión y dolores, con gráfico en toda la página

Dos secciones nuevas tomadas del deck de la dueña, verbatim y sin
reescribir: los 6 puntos de inflexión y los 4 dolores en primera persona.

El resto de las secciones incorpora la capa gráfica: fondos de puntos,
duotono sobre foto en Mecanismo y Cómo empezar, pantalla partida sí/no en
Para quién, y pasos conectados con línea de progreso.

Las fotos son CC BY-SA 4.0 y llevan crédito en el footer, como exige la
licencia al haberlas modificado.

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

components/sections/__tests__/Estratega.test.tsx

@@ -11,4 +11,12 @@ describe('<Estratega />', () => {
     render(<Estratega />);
     expect(screen.getByText(/El tiempo no se compra/i)).toBeInTheDocument();
   });
+  it('never lets CSS uppercase turn the brand name into CREEER', () => {
+    const { container } = render(<Estratega />);
+    const brand = screen.getByText('creeer');
+    expect(brand.className).toContain('normal-case');
+    // the eyebrow around it may be uppercase, the brand name may not
+    expect(brand.closest('p')?.className).toContain('uppercase');
+    expect(container.textContent).not.toMatch(/CREEER|Creeer/);
+  });
 });