From 253ff26fa2bc8b63e57f8251539bf39b33db9ad6 Mon Sep 17 00:00:00 2001 From: erikgh Date: Mon, 3 Aug 2026 12:18:23 -0600 Subject: [PATCH] fix(recorrido): un fotograma, una cosa MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit La pregunta y la respuesta compartían fotograma: la tarjeta de creeer entraba debajo de la del lector y se veían las dos a la vez. El flujo que pidió la dueña es pregunta → scroll → respuesta → scroll → pregunta, con una sola cosa en pantalla cada vez. Las dos tarjetas pasan a ocupar la misma celda de la rejilla, así que la segunda toma el escenario que deja la primera en vez de apilarse bajo ella, y entran desde márgenes opuestos para que el cambio se lea como un relevo. Verificado tiempo a tiempo: los doce muestran exactamente una. Co-Authored-By: Claude Opus 5 --- components/primitives/EscenaDialogo.tsx | 78 ++++++++++++++----------- 1 file changed, 43 insertions(+), 35 deletions(-) diff --git a/components/primitives/EscenaDialogo.tsx b/components/primitives/EscenaDialogo.tsx index 117efd3..36a2c54 100644 --- a/components/primitives/EscenaDialogo.tsx +++ b/components/primitives/EscenaDialogo.tsx @@ -62,42 +62,50 @@ export function EscenaDialogo({ {n} - {/* The reader's card. It gives way a little once the answer lands: still - legible, no longer the thing you are looking at. */} - -

- {n} · {name} -

-

- «{situacion}» -

- + {/* One card per frame — never both. Both live in the same grid cell so + the second can take the stage the first leaves, instead of stacking + under it: the question is asked, it goes, and then the answer is the + only thing on screen. They come in from opposite sides so the swap + reads as one card replacing another, not as one fading into the same + spot. */} +
+ +

+ {n} · {name} +

+

+ «{situacion}» +

+ - {/* creeer's card, handed back. Navy against the reader's white, tilted the - other way, overlapping the corner — two cards on a table, not two - paragraphs in a column. */} - - + {/* creeer's card, handed back: navy against the reader's white, tilted + the other way, and coming in from the opposite margin. */} + + +
); }