# KIOS — Cinco sitios desde las imágenes aprobadas

Abre `index.html` para ver la colección, o cualquiera de los cinco archivos:

1. `01-institucional.html`
2. `02-servicios.html`
3. `03-propuesta.html`
4. `04-sectores.html`
5. `05-cultura.html`

Extrae el ZIP completo y conserva `assets/` junto a los HTML. No requiere instalación, compilación ni servicios externos. Cada página usa `assets/base.css`, una hoja CSS propia y `assets/site.js`.

## Qué está implementado

- Portadas reconstruidas a partir de las cinco referencias, con fotografías limpias y texto/controles HTML.
- Secciones completas de servicios, contexto, valores, preguntas y contacto.
- Selector sincronizado de servicios con teclado.
- Selector contextual de sectores, con fotografía, textos y selección de contacto sincronizados.
- Configurador comercial con validación, regreso entre pasos, revisión y descarga.
- Formularios de consulta e interés con revisión del contenido y descarga local.
- Menús nativos, búsqueda local, acordeones, enlaces internos y adaptación móvil.

Las imágenes aprobadas se conservan en `referencias/`. Las miniaturas de la galería corresponden a esas referencias. Las capturas de los sitios implementados se guardan en `previews/`.

## Contenido y contacto

Los formularios no envían datos a KIOS. Preparan un documento que el visitante puede revisar y descargar. Para publicar se deben proporcionar canales oficiales y, si se quiere envío directo, integrar el servicio correspondiente.

Las fotografías conceptuales no documentan instalaciones ni empleados reales. La imagen identificada como «Equipo KIOS» procede del manual. No se incluyen clientes, cifras, vacantes ni certificaciones inventadas.

## Tipografía e imágenes

El azul principal es #002175. Poppins se utiliza para aproximar la tipografía de las imágenes aprobadas. Se incluye localmente con licencia OFL; Titillium Web se conserva como fuente de marca y se usa en numerales y la franja de valores.

Los archivos `assets/hero-*.webp` contienen únicamente fondos fotográficos y formas, sin menús ni textos rasterizados. Se prepararon con la herramienta integrada de generación/edición de imágenes, pidiendo conservar la composición y retirar tipografía, logos y controles. Los PNG correspondientes conservan la versión sin compresión WebP. El texto, los logotipos y las acciones están en HTML.

El archivo `proceso/build.py` permite regenerar el HTML a partir de sus secciones fuente; no se necesita para usar ni editar directamente las páginas entregadas.

Los logotipos SVG se extrajeron de los trazados originales del manual. La reproducción conserva la composición y el estilo de cada imagen; la limpieza fotográfica, las fuentes disponibles, los iconos y la adaptación móvil pueden producir pequeñas diferencias respecto a la referencia rasterizada.