# Fase D — revisión visual local

## Estado

Corrección visual pública completada y detenida para aprobación humana. **No se generó un ZIP nuevo, no se desplegó y no se modificó cPanel.**

## Archivos modificados

- `resources/views/pages/home.blade.php`
- `resources/views/pages/application.blade.php`
- `resources/views/components/services.blade.php`
- `public/assets/css/site.css`
- `public/assets/js/site.js`
- `public/assets/fonts/Asap-wdth-wght.ttf`
- `public/assets/fonts/Raleway-wght.ttf`
- `storage/framework/views/.gitkeep`
- `storage/framework/sessions/.gitkeep`
- `storage/framework/cache/data/.gitkeep`
- `storage/logs/.gitkeep`
- `FASE-D-REVIEW.md`

`bootstrap/cache/.gitignore` ya existía y conserva esa carpeta en el paquete.

## Diferencias visuales corregidas

- Hero ajustado a una altura y composición más próximas al HTML histórico: bloque textual en la mitad izquierda, fotografía recuperada, CTA de 300 px en escritorio y escala controlada en móvil.
- Contenedor, header blanco de 106 px, logo 214×114, navegación, espaciado y CTA alineados con las medidas recuperadas.
- Asap y Raleway ahora cargan localmente desde fuentes recuperadas; no existe dependencia de Google Fonts.
- Los símbolos genéricos de servicios fueron sustituidos por iconos lineales semánticos de automóvil, vivienda y escudo, reproduciendo los tres conceptos documentados del original.
- Servicios ajustados a los paddings históricos 123/65 px y tipografía/escala contenida.
- WhatsApp reconstruido como fila 6/6 dentro del grid de 1200 px, con fondo original, paddings históricos y enlace histórico recuperado.
- “Gestiona tu préstamo” reconstruido como fila 5/7, sin altura mínima artificial ni gran vacío añadido.
- CTA final y footer ajustados a paddings, cuatro columnas, colores y barra inferior verde documentados.
- Responsive corregido para evitar texto sobrepuesto al vehículo/teléfono y conservar proporciones en pantallas pequeñas.

## Evidencia histórica utilizada

- Mirror real localizado en `flexi/source/reference/frontend-mirror/flexiprestamos.com.do/` (la ruta abreviada indicada en la misión no existe directamente).
- `flexi/source/reference/inicio-original.html`.
- `flexi/reports/VISUAL-SPECIFICATION.md`.
- Assets originales recuperados de uploads/reconstrucción: logo, `flexiprestamos.jpg`, `conversacion-2.png`, `gris-claro.png`, banners y fuentes Asap/Raleway.
- HTML preservado de Home, Sobre Nosotros, Servicios, Contacto y Solicitud.

## Wizard de solicitud

- El indicador muestra visualmente **únicamente `1`, `2`, `3`**.
- “Personal”, “Vehículo” y “Solicitud” fueron eliminados de la interfaz visible.
- Las descripciones siguen disponibles mediante `aria-label` y texto `.sr-only`.
- Se redujo el margen entre indicador y formulario.
- El selector JavaScript usa solo los tres hijos directos para que el progreso acumulado funcione correctamente en pasos 1, 2 y 3.
- No se alteraron formulario POST, CSRF, `submission_token`, validación ni persistencia.

## Pruebas

- Suite final: **68 pruebas aprobadas, 243 assertions, 0 fallos**.
- Baseline previo: 68 pruebas, 243 assertions, 0 fallos.
- Backend, migraciones, autenticación, autorización, panel, finanzas y rutas internas no fueron modificados.

## Validación visual

Playwright/Chromium generó 22 capturas y verificó HTTP 200, assets y overflow horizontal con resultado: **0 fallos**.

Capturas obligatorias:

- `output/review-phase-d/screenshots/home-1920.png`
- `output/review-phase-d/screenshots/sobre-nosotros-1920.png`
- `output/review-phase-d/screenshots/servicios-1920.png`
- `output/review-phase-d/screenshots/contacto-1920.png`
- `output/review-phase-d/screenshots/solicitud-paso-1.png`
- `output/review-phase-d/screenshots/solicitud-paso-2.png`
- `output/review-phase-d/screenshots/solicitud-paso-3.png`

Responsive adicional: variantes Home/Sobre Nosotros/Servicios/Contacto/Solicitud a 1366×768, 768×1024 y 390×844.

## Solución de carpetas vacías

Se añadieron marcadores seguros `.gitkeep` para garantizar tras extracción:

- `storage/framework/views`
- `storage/framework/sessions`
- `storage/framework/cache/data`
- `storage/logs`

`bootstrap/cache` queda garantizado por su `.gitignore` existente. Los marcadores no contienen logs, sesiones ni cachés reales. El próximo empaquetado debe copiar estas rutas y sus archivos marcadores antes de crear el ZIP; así ZipArchive conserva la estructura.

## Pendientes

- Aprobación visual humana de las capturas.
- Solo después de aprobación: reconstruir y verificar un **nuevo** paquete productivo que incluya los marcadores. El paquete anterior no debe reutilizarse como entrega corregida.