EIS-003 — Construir el layout global con navegación, pie y SEO base

EIS-003 — Construir el layout global con navegación, pie y SEO base

1. Contexto técnico

Layout compartido por todas las páginas: cabecera con navegación a las 7 secciones (Inicio, El Libro, ¿Por qué Designio?, Metodología, Recursos, Cómo se construyó, Comparativa, Autor), pie con marca y nota de IA (RI-09), y componente SEO (title/description/canonical/OG/Twitter + sitemap + robots.txt).

2. Restricciones de arquitectura

• Navegación funcional sin JavaScript (CSS-only o <details>); como máximo una isla mínima para el menú móvil si lo anterior no alcanza AA.
• HTML semántico: header/nav/main/footer, skip-link, una h1 por página.
• @astrojs/sitemap activo; robots.txt permite indexación.
• Nota al pie (RI-09): contenidos con asistencia de IA bajo dirección del autor.

3. Criterios de aceptación (Test-Driven Intent)

criterios:
  - id: C1
    given: "cualquier página construida"
    when: "se valida el HTML resultante"
    then: "existen landmarks semánticos, skip-link operativo y exactamente una h1"
  - id: C2
    given: "el sitio construido"
    when: "se inspecciona dist/"
    then: "existen sitemap-index.xml y robots.txt, y cada página tiene canonical + OG + description únicos"
  - id: C3
    given: "viewport de 360 px y de 1920 px"
    when: "se navega por el menú con teclado"
    then: "todos los destinos son alcanzables y visibles con focus visible"

4. Definition of Done

• BaseLayout.astro + Seo.astro usados por todas las páginas existentes.
• Auditoría de teclado documentada en el manifiesto de implementación.