system/episodes/042-paridad-visual-alcanzada.md

2026-03-24 published

042 - Paridad visual alcanzada

042 - Paridad visual alcanzada

Tras la desincronía entre localhost y producción, este episodio documenta la cadena de custodia visual: mismas reglas de densidad, mismos bordes y mismos puntos de navegación que el Command Center de referencia.

Intervenciones

  • LatestFeed.astro — Rejilla de tres columnas (≥768px), <article> con borde 1px solid var(--color-purple), barra terminal [ DATA_CHIP#00X ] + y estado, tipografía mono en títulos (text-sm / sm:text-base), metadatos a 0.65rem, hover con box-shadow: 0 0 15px var(--color-purple) (unificado en global.css).
  • videos/index.astroCinematic Hub, raíles de celuloide en SVG (perforaciones rectangulares) y píldora SYNTHCODE PLAY con pulso de glow (keyframes dedicados).
  • videos/[slug].astroSin segunda resolución por getEntry: la entrada se pasa en props desde getStaticPaths, alineando siempre slug ↔ documento. UI: embed amplio (max-width: min(92vw, 72rem)), enlace ↩ VOLVER AL VAULT en cian neón encima del bloque de título.
  • sagas/[slug].astro — Lista vertical de tarjetas (sin fila en breakpoint ancho), fondo negro, borde morado, títulos cian; chip #EP-XXX sobre miniatura según prefijo numérico del fichero.

Clean Sweep (Fase 5) — limpieza y paridad total

  • Contenido videos/ — Eliminados los Markdown de prueba (001-vault-signal-test, 002-monitor-checksum). La vitrina /videos/ queda con una sola entrada legítima: 001-la-revolucion-del-latido.md (mismo tubo de embed que La Odisea en series/, copy alineado a Videos).
  • Naming Vault → Videos — Header, índice y detalle de /videos/, feed de Home (LatestFeed): textos y SEO visibles sin “Video Vault”; enlace de retorno ↩ VOLVER A VIDEOS; CTA de tarjeta ABRIR_VIDEO →.
  • Menú Sagas — Ítems del desplegable = carpetas reales bajo src/content/docs/sagas/ (slugs monoespaciados, href /sagas/[slug]), borde del panel #bc13fe y hover cian reforzado.
  • Portal sagas/[slug] — Tarjetas más densas, bordes #bc13fe, chip #EP con fondo negro semitransparente y texto cian; título de episodio a 1.125rem (text-lg equivalente).
  • Encoding — Corregido manualmente 000-recon-3.md (título/H1 y copia: guión largo UTF-8, tildes).

Dictamen

La paridad no es “parecerse un poco”: es misma gramática (bordes, mono, chips, glow). Cuando el build y las rutas estáticas no mienten, la UI deja de ser frágil ante merges torcidos.