Boceto: el catálogo en contexto

Propuesta P0① del análisis del 17/07. 1 es el comparador que ya viste (misma ficha, dos pieles). 2-4 son las TRES ESCENAS CANÓNICAS sobre las que se re-renderizarían las demos del catálogo — cada una demostrada aquí con una ficha REAL del almacén (mecánica verbatim, ni un número cambiado; solo la piel es de la escena). Mismo negocio ficticio en las tres (Estudio Landa, reformas) para que comparar dos fichas sea comparar mecánicas, no contenidos.

1 · Comparador

La misma ficha, dos pieles

La receta "hero cinematográfico" tal cual vive hoy en el catálogo (gradientes) frente a la misma mecánica en contexto (foto real + nav + CTA). Lado a lado.

10_recetas/receta-hero-cinematografico.md
2 · Escena HERO

Nav + titular + CTA + confianza + foto a sangre

Para demostrar fondos, efectos de hero y texto grande. Aquí: haces de luz cenitales oscilando sobre el hero oscuro, con la sección siguiente asomando.

03_efectos-css/light-rays.md
3 · Escena PÁGINA

Tres bloques de identidad distinta

Para demostrar costuras, scroll y loaders donde viven: el límite entre secciones. Aquí: la cinta que cose el bloque oscuro de marca con el bloque claro de proceso.

09_costura/costura-cinta-cose.md
4 · Escena TARJETA

Sección de oferta con tarjetas reales

Para demostrar micro-interacciones, borders y hovers en su sitio: la tarjeta destacada de una oferta con foto y precio. Aquí: el haz que recorre el borde de la integral.

03_efectos-css/border-beam.md

Boceto interno de propuesta (noindex) · fotos del máster de reformas · doctrina aplicada: la mecánica es sagrada, la piel es tuya. Si estas 3 escenas te valen, el siguiente paso es re-renderizar con ellas las demos de las familias clave del catálogo (heroes, costura, recetas, top fondos) — nada se re-renderiza sin tu OK a las escenas.