# Actualización visual institucional SERINTSA

Fecha: 29 de julio de 2026.

La interfaz fue actualizada tomando como referencia el dashboard institucional suministrado, sin modificar la lógica de negocio ni revertir las correcciones de seguridad previamente aplicadas.

## Alcance aplicado

- Barra lateral azul institucional, menú activo azul/verde y bloque de usuario.
- Encabezado blanco fijo con título dinámico de la vista, buscador del menú y perfil.
- Dashboard con bienvenida, fecha dinámica y tarjetas de indicadores de estilo corporativo.
- Estilo uniforme para tarjetas, paneles, tablas, formularios, botones, alertas, pestañas, modales, paginación, Select2 y Chosen.
- Pantallas de inicio de sesión, registro y recuperación alineadas con la misma identidad visual.
- Página 404 y encuesta pública actualizadas con la marca SERINTSA y sin referencias heredadas.
- Diseño adaptable para escritorio, tableta y teléfono.
- Mejoras de foco, contraste, estados hover y reducción opcional de animaciones.

## Archivos principales

- `assets/css/serintsa-premium.css`: tema visual global.
- `assets/js/serintsa-premium.js`: búsqueda del menú y clasificación visual de tarjetas.
- `admin/header.php`, `admin/sidebar.php`, `admin/footer.php`: estructura administrativa.
- `header.php`, `footer.php`: estructura del portal de usuarios.
- `admin/view/dashboard-view.php`: encabezado institucional del dashboard.
- Vistas públicas de autenticación en `view/` y `admin/view/login-view.php`.

## Notas de despliegue

- Vaciar la caché del navegador y cualquier caché de CDN después de subir los archivos.
- No eliminar los parámetros de versión `?v=20260729-2` de los recursos durante la primera publicación; ayudan a invalidar caché antigua.
- Probar en staging los formularios, tablas, menús desplegables y modales con datos reales.

## Ajuste de tarjetas — fondos suaves

- Se retiraron los rellenos sólidos incrustados en `admin/view/dashboard-view.php`.
- Las tarjetas ahora usan fondos blancos o degradados muy claros, borde fino por categoría e iconos dentro de círculos suaves.
- Se conservaron los colores semánticos: azul, verde, rojo, gris y ámbar, pero únicamente como acentos.
- El ajuste se aplica al dashboard de administradores y empleados, y la clasificación automática mantiene el mismo estilo en otras tarjetas `info-box` del proyecto.
- Se incrementó la versión de caché de CSS y JavaScript a `20260729-2`.

## Réplica de tarjetas de la referencia — build 20260730-4

- Las 12 tarjetas del dashboard se reconstruyeron con fondo blanco, sombra suave y borde superior por fila.
- Se añadieron los subtítulos y enlaces visibles de la referencia en lugar del texto genérico generado por CSS.
- Se reemplazaron los iconos para coincidir con la referencia: documento, cohete, matraz, calendario, equis, portátil, impresora, Word, llave, Excel, carrito y usuarios.
- La tercera fila utiliza círculos sólidos azul marino o verde; las dos primeras usan círculos pastel.
- El script del tema corrige automáticamente plantillas antiguas que aún contengan fondos sólidos o iconos anteriores.
- La versión de caché fue actualizada a `20260730-4`.
