QA visual del Living Map

19 de agosto 2026 · Reparación de los títulos y espacios empalmados en PC que reportaste, verificada con capturas reales de producción en 6 tamaños de pantalla y una doble confirmación por tres revisores independientes.

1 · La marca quedaba debajo de la pastilla del atardecer (PC)

La pastilla "Sunset" estaba clavada en la misma esquina que la marca y la tapaba casi por completo. Ahora van apiladas, con aire.

Antes: la pastilla Sunset tapa la marca live data whatsincabo.com
Antes — la marca apenas asoma detrás de la pastilla
Después: marca arriba y pastilla Sunset debajo, separadas
Después — marca legible y pastilla debajo

2 · El botón ⓘ de los créditos salía repetido 6 veces

El botón se agrandó a 44px para el dedo, pero su icono de fondo quedó en mosaico: se pintaba 6 veces encimado sobre el texto de créditos. Ahora es uno solo, pequeño y alineado en PC.

Antes: seis circulitos i encimados sobre la atribución
Antes — icono azulejado sobre el texto
Después: un solo botón i alineado dentro de la pastilla
Después — un solo ⓘ, texto completo

3 · En tablet, los chips tapaban los créditos del mapa

En pantallas medianas no hay sitio físico para la línea de créditos abierta: la fila de chips la dejaba ilegible. Ahora en tablet y móvil arranca plegada en un botón circular al estilo del sitio, y se abre con un toque; en PC grande sigue siempre visible.

Antes: chips montados encima del texto de atribución en tablet
Antes — texto de créditos debajo de los chips
Después: atribución plegada en un botón circular navy con borde dorado
Después — círculo ⓘ del lenguaje del sitio

4 · En móviles chicos el título tocaba el botón My Trip

A 360px de ancho, la "s" de "Los Cabos" terminaba exactamente donde empieza My Trip. Se afinó la tipografía en pantallas chicas y ahora respira.

Antes: título pegado al botón My Trip a 360px
Antes — 0px de aire
Después: título con aire ante My Trip
Después — con margen

Cómo se ve hoy

Capturas de producción tomadas después del último despliegue.

Vista final en móvil 390px
Móvil (390px)
Vista final en tablet 834px
Tablet (834px)
Vista final en PC 1920px
PC (1920px)

Confirmación doble ✓

Primera confirmación: medición automática de rectángulos de cada elemento de la interfaz en 18 anchos de pantalla (de 360 a 1920px) sobre producción — cero colisiones.

Segunda confirmación: tres revisores independientes analizaron las capturas finales sin conocer los cambios entre sí:

PC ✓Tablet ✓Móvil ✓18 anchos medidos3 revisores