# Cabecera, navegación y Experiencia IDESAI

## Identidad y diseño compartido

- Logosímbolo horizontal completo: trazados del manual de estilo aportado, con
  su leyenda original. Colores normalizados a los valores hexadecimales del manual.
- Dos recursos SVG, para fondos claros y oscuros, en `imagenes/identidad/`.
- La tipografía de los textos sigue siendo Arial/Helvetica. El logo mantiene
  sus letras trazadas, sin necesitar instalar una fuente.
- Iconos homogéneos para las familias del menú: SVG 32 × 32, trazo 1,6 y rojo
  corporativo. También se usan en Soluciones, Servicios y Experiencia IDESAI.
- Cuatro entradas de menú. Pasar el cursor abre el megamenú; pulsar el nombre
  abre la página. Los botones permiten abrirlo con teclado o pantalla táctil.
- Pie común con contacto, navegación y sello OCA GLOBAL / ISO 9001 original.
- Los accesos al plan y a la matriz están en «Proyecto en desarrollo» del pie.

Editar `fuente/compartido/cabecera.html`, `fuente/compartido/pie.html` y
`recursos/cabecera-pie.css`. `herramientas/navegacion_compartida.py` actualiza
también los documentos autónomos sin regenerar sus contenidos aprobados.

## Nueva sección

- `experiencia/index.html`: presentación y acceso a los cuatro ámbitos.
- `experiencia/idesai.html`: empresa, forma de trabajar y propósito de la web.
- `experiencia/calidad.html`: norma, alcance y documento original de certificación.
- `experiencia/guias.html`: 36 contenidos existentes, con búsqueda y filtros.
- `experiencia/casos.html`: galería e inventario de casos por documentar.
- `experiencia/articulos/`: ocho guías que antes sólo estaban disponibles en
  ventanas de las necesidades. Las ventanas originales permanecen disponibles.

`herramientas/experiencia.py` construye estas páginas y reúne sus contenidos
en `datos/experiencia.json`. Las 25 guías de producto/servicio y los tres artículos
conservan sus direcciones. Los accesos desde la biblioteca llevan el contexto
`origen=experiencia`, con migas de pan hacia la biblioteca. El acceso desde una
solución o producto conserva su recorrido anterior.

## Fotografías y casos

Las páginas de necesidad contenían seis casos pendientes, y Flexibles otro.
No tenían cliente, intervención o resultados documentados ni fotografías de
proyecto vinculadas. Los siete temas se han reunido, conservando ese estado.
La galería usa dos fotografías publicadas por IDESAI, sin atribuirles un cliente
o proyecto. Procedencia en `imagenes/experiencia/procedencia.json`.

Cuando se faciliten los casos reales, habrá que completar: necesidad inicial,
intervención, equipos/servicios, resultado aprobado y fotografías autorizadas.
No presentar las fotografías genéricas como prueba de un caso de éxito.

## Verificación de esta entrega

Recursos locales comprobados; navegación y menú probados con DOM/VM en las
98 páginas con cabecera; 5.972 enlaces de rutas comprobados; búsqueda, filtros,
teclado y estados del menú comprobados. Los contenidos de las páginas aprobadas
se conservan fuera de los elementos compartidos. La validación de distribución
visual en navegador queda para la revisión de la maqueta.

## Revisión: una landing y propuesta de home

Empresa, enfoque, propósito y certificación se reúnen en `experiencia/index.html`,
con tres guías destacadas y un avance de casos. Las antiguas direcciones de empresa,
calidad y casos redirigen a la sección correspondiente de esta landing. La biblioteca
completa y los artículos se conservan como contenido de lectura. El inventario de
siete casos sigue en los datos editoriales; no se presentan proyectos ficticios.

La home se propone en `inicio.html`, con el titular «¿Hasta dónde podemos ayudarte?»,
seis necesidades animadas, cuatro familias de productos, servicios y Experiencia.
Se puede abrir también desde `ABRIR_HOME.html` o pulsando el logo. El índice de
Soluciones aprobado permanece en `index.html`. La fuente de la home es
`herramientas/inicio.py`, con estilos propios en `recursos/inicio.css`.