Itera sobre un diseño ya generado para una interfaz de simulador de parches de seguridad en servidores Windows Server. Este diseño ya cuenta con una vista estructurada en columnas, cada una representando una etapa secuencial del proceso: Validación SaltStack, Archivos Temporales, Validación Windows Update, Instalación de Parches, Validación de Reinicio y Generación de Informes. Cada servidor es representado con un estado y color (verde, amarillo, azul, rojo, gris).

🎯 Instrucciones específicas para esta iteración:

1. Mantener el diseño existente tal como está. No se deben mover columnas, alterar la disposición general ni el tipo de vista.

2. Añadir animaciones de transición suaves entre las etapas (stages):

   • Por ejemplo, cuando un servidor pasa de una etapa a la siguiente, que lo haga con una animación tipo slide in, fade in/out, o una transición que simule movimiento de progreso.
   • También puede iluminar brevemente el borde del servidor para indicar avance.

3. Las animaciones deben ser breves, suaves y profesionales, sin distracciones ni efectos exagerados.

4. Las transiciones deben transmitir una sensación de flujo y progreso, reforzando visualmente que se trata de un proceso secuencial.

5. Usar las mismas paletas de colores establecidas:

   • Fondo: #F9FAFB
   • Azul principal: #2563EB
   • Gris: #6B7280
   • Verde: #22C55E
   • Amarillo: #FACC15
   • Rojo: #EF4444
   • Azul claro (en proceso): #3B82F6

6. No se debe requerir scroll. Todo debe seguir siendo visible en una sola vista.

🎨 El resultado debe seguir siendo parte de un dashboard profesional, moderno y fácil de usar. Las animaciones deben enriquecer la experiencia sin cambiar la estructura ni recargar visualmente.

Itera sobre un diseño ya generado de una plataforma de simulación de parches de seguridad para servidores Windows. El diseño ya tiene una estructura de grid por columnas, con 6 etapas (stages) verticales y listas de servidores con su estado de progreso representado por colores.

🎯 Instrucciones específicas para esta iteración:

1. Mantener la estructura de columnas y servidores tal como está. No mover ni alterar la distribución actual del layout.
2. Añadir un componente visual superior tipo multi-step progress line horizontal, ubicada arriba de las columnas, para representar gráficamente el flujo del proceso completo en 6 etapas:
   • Validación SaltStack
   • Archivos Temporales
   • Validación Windows Update
   • Instalación de Parches
   • Validación de Reinicio
   • Generación de Informes
3. Esta línea debe:
   • Mostrar de forma clara qué etapa está actualmente activa o ejecutándose.
   • Usar íconos o círculos numerados + etiquetas para cada paso.
   • Cambiar dinámicamente su color según el avance del proceso (siguiendo los colores de estado existentes: verde, amarillo, azul, rojo, gris).
   • Incluir una animación de transición breve al avanzar de un paso a otro (por ejemplo, el nodo del paso se ilumina o crece levemente al activarse).
4. La línea debe tener un diseño moderno, minimalista y limpio, alineado al dashboard actual.
5. No debe aumentar el alto general del dashboard significativamente: debe integrarse sin forzar scroll vertical.

🎨 Paleta de colores a respetar:

• Fondo: #F9FAFB
• Azul principal: #2563EB
• Gris: #6B7280
• Verde: #22C55E
• Amarillo: #FACC15
• Rojo: #EF4444
• Azul claro (en proceso): #3B82F6

El objetivo es reforzar visualmente el flujo de proceso completo de manera amigable, sin alterar el diseño ya funcional. La línea de progreso ayuda a usuarios a comprender en qué etapa general se encuentran los servidores en tiempo real.