actualizacion de Ecosistema

ecosistema.html

@@ -50,10 +50,10 @@
       <!-- Contenido -->
       <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
         <div class="container container-narrow text-center">
-        <span class="eyebrow" style="color: var(--text-main);">LA PROPUESTA DE VALOR</span>
+        <span class="eyebrow" style="color: var(--text-main);">PROPUESTA DE VALOR</span>
-        <h1 style="margin-bottom: 1.25rem;color:var(--text-main);">Una mirada. <br> Múltiples capacidades. <br> Un mismo propósito.</h1>
+        <h1 style="margin-bottom: 1.25rem;color:var(--text-main);">Diferentes capacidades.<br> Una visión compartida del conjunto.</h1>
         <p class="lead-text" style="margin: 0 auto 2rem auto;color:var(--text-main);">
-          No se trata de sumar soluciones aisladas. Se trata de conectar las capacidades necesarias para generar una transformación real que perdure en el conjunto de la organización.
+          No todos los desafíos necesitan activar todo el Ecosistema. <br>La clave está en comprender el conjunto para saber dónde intervenir.
         </p>
 
         <!-- Principio Destacado en Caja -->
@@ -98,15 +98,17 @@
         <div id="excellence" class="card card-excellence" style="margin-bottom: 2.5rem; padding: 2.5rem;">
           <div class="grid-2" style="gap: 2.5rem; align-items: center;">
             <div>
-              <span class="ecosystem-badge badge-excellence">GESTIÓN Y PROCESOS</span>
+              <span class="ecosystem-badge badge-excellence">Operational Excellence & Sustainability</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para fortalecer la gestión:</strong> Diseñamos y optimizamos la arquitectura de procesos organizacionales, sistemas de gestión de calidad y cumplimiento normativo internacional.
+                <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 style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Normas ISO 9001, 14001, 45001, 21001, 27001.</li>
+                <li>• Procesos</li>
-                <li>• Mapeo, rediseño y optimización de cadenas de valor.</li>
+                <li>• Sistemas de gestión</li>
-                <li>• Indicadores de desempeño (KPIs) y tableros de control de gestión.</li>
+                <li>• Mejora continua</li>
-                <li>• Auditorías internas con enfoque de riesgo y madurez.</li>
+                <li>• Desempeño</li>
+                <li>• Riesgos</li>
+                <li>• Sostenibilidad</li>
               </ul>
             </div>
             <div>
@@ -122,98 +124,114 @@
               <img src="assets/img/projects.png" alt="IDE Project" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
             </div>
             <div>
-              <span class="ecosystem-badge badge-project">DIRECCIÓN Y RESULTADOS</span>
+              <span class="ecosystem-badge badge-project">PMO & Project Services</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para convertir desafíos en proyectos y proyectos en resultados:</strong> Estructuramos la metodología y el control para que las iniciativas estratégicas se cumplan en tiempo, costo y alcance.
+                <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 style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Oficinas de Gestión de Proyectos (PMO) estratégicas y operativas.</li>
+                <li>• Proyectos</li>
-                <li>• Gestión de portafolios, priorización e inversiones.</li>
+                <li>• PMO</li>
-                <li>• Metodologías híbridas: PMBOK® + marcos ágiles (Scrum, Kanban).</li>
+                <li>• Portafolios</li>
-                <li>• Rescate y reestructuración de proyectos con desvíos críticos.</li>
+                <li>• Gobernanza</li>
+                <li>• Metodologías</li>
+                <li>• Resultados</li>
               </ul>
             </div>
           </div>
         </div>
 
-        <!-- 3. IDE Academy -->
+<!-- 3. IDE Digital -->
-        <div id="academy" class="card card-academy" style="margin-bottom: 2.5rem; padding: 2.5rem;">
-          <div class="grid-2" style="gap: 2.5rem; align-items: center;">
-            <div>
-              <span class="ecosystem-badge badge-academy">DESARROLLO HUMANO</span>
-              <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para desarrollar las capacidades que hacen posible la transformación:</strong>Formación ejecutiva e In-Company diseñada para que los equipos comprendan, apliquen y sostengan los cambios.
-              </p>
-              <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
-                <li>• Capacitación In-Company sobre casos y procesos reales.</li>
-                <li>• Programas de liderazgo de equipos y gestión del cambio.</li>
-                <li>• Formación de auditores internos y dueños de procesos.</li>
-              </ul>
-              <a href="ide-academy.html" class="btn btn-outline btn-sm">Ver Catálogo de Cursos →</a>
-            </div>
-            <div>
-              <img src="assets/img/academy.png" alt="IDE Academy" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
-            </div>
-          </div>
-        </div>
-
-        <!-- 4. IDE Digital -->
         <div id="digital" class="card card-digital" style="padding: 2.5rem;">
           <div class="grid-2" style="gap: 2.5rem; align-items: center;">
             <div>
               <img src="assets/img/digital.png" alt="IDE Digital" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
             </div>
             <div>
-              <span class="ecosystem-badge badge-digital">TECNOLOGÍA CON SENTIDO</span>
+              <span class="ecosystem-badge badge-digital">Business Digital Solutions</span>
               <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
-                <strong>Para integrar tecnología, datos e IA con propósito:</strong> No sumamos herramientas por moda; automatizamos procesos clave y potenciamos la toma de decisiones con analítica de datos.
+                <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 style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted);">
-                <li>• Implementación práctica de Inteligencia Artificial en flujos operativos.</li>
+                <li>• Digitalización</li>
-                <li>• Automatización No-Code / Low-Code de tareas repetitivas.</li>
+                <li>• Automatización </li>
-                <li>• Tableros de Business Intelligence (BI) y visualización de KPIs.</li>
+                <li>• Datos.</li>
-                <li>• Diagnósticos de madurez digital y ciberseguridad básica.</li>
+                <li>• Inteligencia Artificial</li>
+                <li>• Integración </li>
+                <li>• Decisiones </li>
               </ul>
             </div>
           </div>
         </div>
 
-      </div>
+        <!-- 4. IDE Academy -->
+        <div id="academy" class="card card-academy" style="margin-bottom: 2.5rem; padding: 2.5rem;">
+          <div class="grid-2" style="gap: 2.5rem; align-items: center;">
+            <div>
+              <span class="ecosystem-badge badge-academy">Executive Learning & Capability Development</span>
+              <p style="font-size: 1.05rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1rem;">
+                <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 style="list-style: none; display: flex; flex-direction: column; gap: 0.6rem; font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
+                <li>• Formación Ejecutiva</li>
+                <li>• In-Company</li>
+                <li>• Programas</li>
+                <li>• Talleres</li>
+                <li>• Rutas de aprendizaje</li>
+              </ul>
+              <a href="ide-academy.html" class="btn btn-outline btn-sm">EXPLORAR IDE ACADEMY →</a>
+            </div>
+            <div>
+              <img src="assets/img/academy.png" alt="IDE Academy" style="width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md);">
+            </div>
+          </div>
+        </div>
+       </div>
     </section>
 
-    
+        <!-- Ejemplos Concretos de Integración -> ahora es PREGUNTAS FRECUENTES-->
-
-    <!-- Ejemplos Concretos de Integración -->
     <section class="section-padding bg-subtle-section">
       <div class="container">
         <div style="text-align: center; margin-bottom: 3rem;">
-          <span class="eyebrow">CASOS DE INTEGRACIÓN</span>
+          <span class="eyebrow">PREGUNTAS FRECUENTES</span>
-          <h2>Cómo se conectan las capacidades en la práctica</h2>
+          <h2>¿Cómo funciona el Ecosistema IDE en la práctica?</h2>
         </div>
 
         <div class="grid-3">
           
           <div class="card">
-            <span class="ecosystem-badge badge-excellence">Excellence</span> + <span class="ecosystem-badge badge-academy">Academy</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Necesito contratar las cuatro capacidades del Ecosistema?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">Certificación ISO con Adopción Real</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Excellence diseña el Sistema de Gestión de Calidad, mientras que IDE Academy capacita a los líderes de proceso para que el sistema viva en la cultura diaria.
+             <strong>No. </strong> Cada intervención se diseña a partir del desafío y del contexto de la organización. Podemos trabajar desde una única capacidad o integrar varias cuando su combinación permite generar mayor valor.
+          </div>
+
+          <div class="card">
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿IDE trabaja con soluciones prediseñadas o desarrolla propuestas a medida?</h4>
+            <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
+             <strong>Ambas posibilidades pueden convivir. </strong> Contamos con soluciones y metodologías que sirven como punto de partida, pero definimos el alcance de cada intervención según los objetivos, necesidades y contexto de la organización.
             </p>
           </div>
 
           <div class="card">
-            <span class="ecosystem-badge badge-project">Project</span> + <span class="ecosystem-badge badge-digital">Digital</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Qué pasa si no sé qué capacidad necesito?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">PMO con Tableros Inteligentes</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Project estructura la gobernanza del portafolio, e IDE Digital implementa asistentes automáticos de seguimiento y tableros en tiempo real para el directorio.
+             <strong>No hace falta definirlo de antemano. </strong> Empezamos por comprender qué está pasando, identificar dónde puede estar el punto de intervención y, a partir de allí, determinar qué capacidades pueden aportar valor.
             </p>
           </div>
 
           <div class="card">
-            <span class="ecosystem-badge badge-excellence">Excellence</span> + <span class="ecosystem-badge badge-digital">Digital</span>
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Puedo trabajar con IDE para una necesidad puntual?</h4>
-            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">Reingeniería de Procesos con IA</h4>
             <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
-              IDE Excellence mapea y simplifica los flujos de trabajo, e IDE Digital automatiza la ingesta y clasificación de documentación con agentes de IA.
+             <strong>Si. </strong> La mirada sistémica no implica intervenir en toda la organización. Podemos abordar una necesidad específica manteniendo en perspectiva sus relaciones e impactos sobre el conjunto.
+
+
+            </p>
+          </div>
+
+          <div class="card">
+            <h4 style="font-size: 1.15rem; margin: 0.75rem 0 0.5rem 0;">¿Cómo sé por dónde empezar?</h4>
+            <p style="font-size: 0.88rem; color: var(--text-muted); line-height: 1.55;">
+             <strong>Si ya identificaste qué necesitás, podés explorar nuestras soluciones. </strong>Si todavía estás tratando de comprender el desafío, la Brújula IDE puede ayudarte a encontrar un primer punto de orientación.
             </p>
           </div>
 
@@ -224,9 +242,9 @@
     <!-- CTA Final -->
     <section class="section-padding" style="background-color: var(--teal-dark); border-top: 1px solid var(--border-color);">
       <div class="container container-narrow text-center">
-        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">¿Qué combinación de capacidades necesita tu organización?</h2>
+        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">¿Dónde podemos generar mayor impacto en tu organización?</h2>
         <p class="lead-text-cta" style="margin-bottom: 1.5rem;">
-          Conversemos para diseñar una propuesta a medida de tu realidad.
+          Conversemos para comprender tu desafío e identificar qué capacidades pueden aportar mayor valor.
         </p>
         <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
           <a href="contacto.html" class="btn btn-primary-cta btn-sm">HABLEMOS</a>

includes/footer.html

@@ -38,7 +38,7 @@
     <div>
       <h4 class="footer-heading" style="padding-bottom: 5px;">Explorar</h4>
       <ul class="footer-links">
-        <li><a href="desafios.html" class="footer-link">Tengo un Desafío</a></li>
+        <li><a href="desafios.html" class="footer-link">Tengo un Problema</a></li>
         <li><a href="soluciones.html" class="footer-link">Busco una Solución</a></li>
         <li><a href="somos-ide.html" class="footer-link">Somos IDE</a></li>
         <li><a href="insights.html" class="footer-link">Insights & Blog</a></li>