detalles finalizados v0.8.3 lista

ecosistema.html

@@ -26,8 +26,8 @@
         <div class="container container-narrow">
           <span class="eyebrow">PROPUESTA DE VALOR</span>
           <h1>Diferentes capacidades.<br> Una visión compartida del conjunto.</h1>
-          <p class="lead-text">
-            No todos los desafíos necesitan activar todo el Ecosistema. <br>La clave está en comprender el conjunto para saber dónde intervenir.
+          <p class="lead-text" style="margin-top: 1rem;">
+            Cada desafío activa la parte del Ecosistema que necesita. <br>La clave está en comprender el conjunto para saber dónde intervenir.
           </p>
         </div>
       </div>
@@ -60,14 +60,17 @@
               <p>
                 <strong>Para fortalecer la gestión y mejorar el desempeño:</strong> Integramos procesos, sistemas de gestión, mejora continua y sostenibilidad para ayudar a las organizaciones a gestionar mejor, optimizar su desempeño y generar valor sostenible.
               </p>
-              <ul>
-                <li>• Procesos</li>
-                <li>• Sistemas de gestión</li>
-                <li>• Mejora continua</li>
-                <li>• Desempeño</li>
-                <li>• Riesgos</li>
-                <li>• Sostenibilidad</li>
-              </ul>
+
+              <!-- Lista en formato píldoras -->
+              <div class="pills-list">
+                <span class="pill-item">Procesos</span>
+                <span class="pill-item">Sistemas de gestión</span>
+                <span class="pill-item">Mejora continua</span>
+                <span class="pill-item">Desempeño</span>
+                <span class="pill-item">Riesgos</span>
+                <span class="pill-item">Sostenibilidad</span>
+              </div>
+
               <a class="btn btn-outline btn-sm" data-modal-target="modal-ide-excellence">CONOCER MÁS →</a>
             </div>
             <div>
@@ -77,7 +80,7 @@
         </div>
 
         <!-- 2. IDE Project -->
-        <div id="project" class="card card-projects card-ecosistema">
+        <div id="project" class="card card-project card-ecosistema">
           <div class="grid-2 eco">
             <div>
               <img src="assets/img/projects.png" alt="IDE Project">
@@ -86,16 +89,16 @@
               <span class="ecosystem-badge badge-project">PMO & Project Services</span>
               <p>
                 <strong>Para convertir iniciativas en resultados:</strong> Fortalecemos la capacidad de las organizaciones para seleccionar, priorizar y gestionar proyectos, conectando estrategia, recursos y ejecución para transformar iniciativas en resultados.
-
               </p>
-              <ul>
-                <li>• Proyectos</li>
-                <li>• PMO</li>
-                <li>• Portafolios</li>
-                <li>• Gobernanza</li>
-                <li>• Metodologías</li>
-                <li>• Resultados</li>
-              </ul>
+              <!-- Lista en formato píldoras -->
+              <div class="pills-list">
+                <span class="pill-item">Proyectos</span>
+                <span class="pill-item">PMO</span>
+                <span class="pill-item">Portafolios</span>
+                <span class="pill-item">Gobernanza</span>
+                <span class="pill-item">Metodologías</span>
+                <span class="pill-item">Resultados</span>
+              </div>
               <a class="btn btn-outline btn-sm" data-modal-target="modal-ide-project">CONOCER MÁS →</a>
             </div>
           </div>
@@ -109,14 +112,15 @@
               <p>
                 <strong>Tecnología con sentido: </strong> Conectamos gestión, procesos, datos e inteligencia artificial para identificar dónde la tecnología puede simplificar, automatizar y potenciar la forma en que las organizaciones trabajan y toman decisiones.
               </p>
-              <ul>
-                <li>• Digitalización</li>
-                <li>• Automatización </li>
-                <li>• Datos.</li>
-                <li>• Inteligencia Artificial</li>
-                <li>• Integración </li>
-                <li>• Decisiones </li>
-              </ul>
+              <!-- Lista en formato píldoras -->
+              <div class="pills-list">
+                <span class="pill-item">Digitalización</span>
+                <span class="pill-item">Automatización</span>
+                <span class="pill-item">Datos</span>
+                <span class="pill-item">Inteligencia Artificial</span>
+                <span class="pill-item">Integración</span>
+                <span class="pill-item">Decisiones</span>
+              </div>
               <a class="btn btn-outline btn-sm" data-modal-target="modal-ide-digital">CONOCER MÁS →</a>
             </div>
             <div>
@@ -136,13 +140,14 @@
               <p>
                 <strong>Para desarrollar capacidades: </strong>Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para fortalecer las capacidades que profesionales, equipos y organizaciones necesitan para gestionar, liderar y transformar.
               </p>
-              <ul>
-                <li>• Formación Ejecutiva</li>
-                <li>• In-Company</li>
-                <li>• Programas</li>
-                <li>• Talleres</li>
-                <li>• Rutas de aprendizaje</li>
-              </ul>
+              <!-- Lista en formato píldoras -->
+              <div class="pills-list">
+                <span class="pill-item">Formación Ejecutiva</span>
+                <span class="pill-item">In-Company</span>
+                <span class="pill-item">Programas</span>
+                <span class="pill-item">Talleres</span>
+                <span class="pill-item">Rutas de aprendizaje</span>
+              </div>
               <a href="ide-academy.html" class="btn btn-outline btn-sm">EXPLORAR IDE ACADEMY →</a>
             </div>