Diseño fino, visor de PDF y el roadmap cerrado

Martes de pulir. Ninguna funcionalidad nueva de peso: tipografía, contenedores, paginación y un par de cosas que se veían mal. El tipo de día que no sale en las demos pero que decide si una web parece acabada o no.

Tipografía real y todo en su sitio

El site ya usa Inter e Instrument Serif en todas partes, como decía el diseño, y el hero de la home ha perdido el overflow. Con el mismo espíritu: el header de escritorio cabe en una sola línea (corte de 1200px), los <main> de cuenta y boletines ahora tienen el contenedor .wrap, las secciones de la home limitan el ancho al mismo contenedor que el menú superior, y la CTA de la home ya no quita el padding del contenedor. Antes, cada bloque estiraba como quería.

El error más pequeño del día, en /butlletins en móvil: trece píxeles de overflow. .sub-form__row sin flex-wrap. Trece píxeles no son nada y son todo: obligaban a hacer scroll lateral.

La paginación, con ventana de páginas y elipsis: cuando un listado tiene muchas páginas, ya no pinta treinta números seguidos. Y el bloque .pagination estaba duplicado en el CSS; deduplicado de paso.

El 404 que no era

Las entrevistas de la home apuntaban a /entrevistas/<id>, pero la ficha resuelve por slug. Resultado: 404 seguro. El cambio es pequeño:

const entSlug = d.slug ?? String((d as { id: unknown }).id);
return { href: `/entrevistas/${entSlug}`, /* ... */ };

Slug cuando lo hay, id de salvavidas cuando no. Los enlaces de la home ya llegan.

Consejos y artículos con PDF en la página

Nuevo componente PdfEmbed: un <iframe> nativo, cero JavaScript de cliente y ninguna librería externa. Chrome, Firefox y Safari traen visor de PDF propio; si alguien lo tiene desactivado, el figcaption guarda el enlace de descarga. Las portadas y los adjuntos PDF de los consejos y de los artículos se leen dentro de la propia página.

El roadmap, cerrado por escrito

AGENTS.md y el resumen del proyecto: el roadmap queda cerrado y todo queda a punto para la sesión de revisión de diseño. Fases de la 0 a la 8 escritas, atómicas y revisables. Ahora toca que el diseño pase la revisión con el site en marcha, no con maquetas.

Día de policía fina. Cuando el grueso está hecho, los detalles se ven.