# G14. Gestión de incidencias visuales en móvil derivadas de caché o entorno

#####   


##### **1. Descripción general del problema**

En entornos móviles pueden reportarse anomalías visuales puntuales relacionadas con la presentación de la interfaz, tales como:

- Superposición aparente entre bloques
- Desalineaciones visuales
- Elementos que no se muestran
- Comportamientos responsive inconsistentes

Estas incidencias pueden manifestarse únicamente en determinados dispositivos, versiones de sistema operativo o navegadores, sin que exista necesariamente un error estructural en el código actual desplegado en producción.

Es importante diferenciar entre:

- Error real de maquetación (layout bug)
- Problema derivado del entorno del usuario (caché, renderizado, configuración)

##### **2. Causa general más frecuente**

La causa más habitual en estos casos es el uso de **recursos cacheados en el navegador móvil**.

Los navegadores móviles almacenan localmente:

- Hojas de estilo CSS
- Archivos JavaScript
- Recursos minificados
- Assets estáticos

Cuando se realizan cambios en producción, el dispositivo puede seguir utilizando versiones anteriores almacenadas en caché, generando discrepancias visuales entre:

- Entorno limpio
- Modo incógnito
- Navegador con caché persistente

Esto puede producir conflictos aparentes que ya no existen en el código actual.

##### **3. Indicadores de incidencia por caché**

Una incidencia puede clasificarse como derivada de caché cuando:

- No se reproduce en modo incógnito.
- No se reproduce en otro dispositivo limpio.
- No se detectan conflictos reales en DevTools.
- No existe error estructural en el CSS actual.
    
    Comparar modo normal vs modo incógnito
    
    Si, en modo incógnito funciona y en modo normal falla. El CSS cargado no es el mismo → problema de caché.
- El comportamiento es inconsistente según navegador o sesión.

El modo incógnito actúa como entorno aislado sin uso de caché previa.

##### **4. Consideraciones técnicas relevantes**

- Cerrar el navegador no elimina la caché.
- Reiniciar el dispositivo no elimina la caché.
- En iOS, la caché se mantiene hasta borrado manual o expiración.
- Safari puede conservar recursos incluso tras actualizaciones de CSS si no hay invalidación correcta.

Por este motivo, una incidencia visual aislada no debe clasificarse automáticamente como bug activo.

##### **5. Procedimiento de verificación**

Ante una incidencia visual en móvil:

1. Reproducir en modo incógnito.
2. Reproducir en otro dispositivo.
3. Verificar ausencia de conflicto real en CSS.
4. Revisar cabeceras de caché (cache-control, versionado de assets).
5. Solicitar limpieza de caché al usuario si procede.

##### **6. Clasificación de la incidencia**

Si se dan estos supuestos:

- El comportamiento no se reproduce en entorno limpio.
- No existe error estructural.
- Se confirma dependencia de sesión o navegador.

La incidencia debe clasificarse como:

<p class="callout info"> **Problema derivado de caché o entorno del usuario, no bug activo en producción.** </p>