From 159b03dc5ed80d48f9c76f002f9636b0da1a1cf6 Mon Sep 17 00:00:00 2001
From: erikgh <erikguzh@outlook.es>
Date: Mon, 3 Aug 2026 15:16:51 -0600
Subject: [PATCH] =?UTF-8?q?fix(recorrido):=20la=20cabecera=20de=20la=20sec?=
 =?UTF-8?q?ci=C3=B3n=20ten=C3=ADa=20cero=20aire=20por=20debajo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

El escenario anclado arranca justo donde termina el Container de la
cabecera, y ese Container solo llevaba padding arriba. El fondo oscuro
empezaba a tres píxeles de la última línea del titular, así que la
entrada a la sección se leía como una franja clara estrujada entre dos
bloques oscuros en vez de como su apertura.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 components/sections/PuntosInflexion.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/sections/PuntosInflexion.tsx b/components/sections/PuntosInflexion.tsx
index b01669a..4ff8e39 100644
--- a/components/sections/PuntosInflexion.tsx
+++ b/components/sections/PuntosInflexion.tsx
@@ -126,7 +126,11 @@ function Escenificado() {
 
   return (
     <section className="bg-gris-claro relative">
-      <Container className="relative pt-16 md:pt-24">
+      {/* The pinned stage starts the instant this container ends, so without a
+          bottom the dark ground began three pixels under the last line of the
+          title and the intro read as a squeezed strip between two dark blocks
+          rather than as the section's opening. */}
+      <Container className="relative pt-16 pb-16 md:pt-24 md:pb-24">
         <Cabecera reduced={false} />
       </Container>