cambios de Inicio hasta Soluciones

css/styles.css

@@ -8,19 +8,35 @@
 /* --- 1. Variables de Color y Tema --- */
 :root {
   /* Marca IDE */
-  --ide-primary: #094b63;
+  --ide-primary: #1e4a5e;
-  --ide-primary-dark: #223344;
+  --ide-primary-dark: #14313e;
-  --ide-primary-light: #2c69ab;
+  --ide-primary-light: #2c6d8c;
-  --ide-primary-light2: #2c69ab;
+  --ide-primary-light2: #3686ab;
-  --ide-accent: #40ab8e;
+  --ide-accent: #4caf7a;
+  --ide-accent-dark: #388059;
+  --ide-accent-ligth: #71c196;
+  --ide-accent-ligth2: #8ecdab;
+  --ide-grey: #666666;
+  --ide-grey-dark:#333333;
+  --ide-grey-ligth:#cccccc;
+  --ide-academy: #c8102e;
+  --ide-academy-dark:#970c23;
+  --ide-academy-ligth:#EE2F4F;
+  --ide-academy-ligth2:#F7A1AF;
+  --ide-excellence: #009e8f;
+  --ide-excellence-dark: #00665c;
+  --ide-excellence-ligth: #00e0ca;
+  --ide-digital: #1d71b8;
+  --ide-digital-dark: #134d7c;
+  --ide-digital-ligth: #72b3e9;
+  --ide-projects: #f28c2b;
+  --ide-projects-dark: #ad590b;
+  --ide-projects-ligth: #f6b679;
+
   --ide-accent-hover: #4fb389;
   --ide-accent-soft: rgba(19, 167, 138, 0.12);
   --card-overlay: rgba(227, 235, 233, 0.85);
   --ide-dark-gray: #1b1717;
-  --ide-excellence: #4fb389;
-  --ide-projects: #ed8d01;
-  --ide-academy: #a83c41; 
-  --ide-digital: #2c69ab;
   --teal-dark:   #1B5E6E;
   --cta-hover:#40ab8e;
   --bg-subtle: #ecf9fd;

desafios.html

@@ -49,10 +49,11 @@
 
       <!-- Contenido -->
       <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
-        <span class="eyebrow" style="color: var(--text-main)">PUNTO DE PARTIDA</span>
+        <span class="eyebrow" style="color: var(--text-main)">COMENCEMOS POR entender</span>
         <h1 style="margin-bottom: 1.25rem; color:var(--text-main);">¿Qué está pasando en tu organización?</h1>
         <p class="lead-text" style="color:var(--text-main)">
-          No necesitás tener la solución definida para empezar a conversar. Si reconocés alguno de estos síntomas o metas en tu contexto, hacé clic para explorar cómo podemos abordarlo.
+          A veces el problema es evidente. Otras, aparece como una señal, una necesidad de cambio o una oportunidad que todavía no sabemos cómo abordar. Empecemos por comprender qué está pasando e identificar dónde puede estar el verdadero punto de intervención. <br><br> ¿Qué pasaría si transformamos el "problema" en un desafío?
+
         </p>
       </div>
     </section>
@@ -67,9 +68,9 @@
           <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🏢</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">La organización creció y necesitamos ordenar los procesos</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Crecimos y necesitamos ordenar la gestión</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Lo que antes se resolvía informalmente hoy genera desorden, duplicación de esfuerzos o dependencia de personas clave.
+                Lo que antes funcionaba de manera informal empieza a generar descoordinación, retrabajos, falta de claridad o dependencia de personas clave.
               </p>
             </div>
             <button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-1">
@@ -81,9 +82,9 @@
           <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">⏱️</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Los proyectos estratégicos se retrasan o no logran el resultado</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Tenemos muchas iniciativas, pero cuesta convertirlas en resultados</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Iniciativas prioritarias quedan truncas por falta de metodología, gobernanza clara o desvíos en el alcance y presupuesto.
+                Los proyectos avanzan con dificultades, compiten por recursos o pierden foco, y necesitamos mejorar la forma de priorizar, coordinar y ejecutar.
               </p>
             </div>
             <button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-2">
@@ -95,9 +96,9 @@
           <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">👥</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">El equipo no adopta los cambios y persiste la resistencia</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Estamos impulsando cambios, pero cuesta llevarlos a la práctica</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Se diseñaron nuevas pautas o sistemas, pero la gente continúa operando como antes porque falta desarrollo de capacidades.
+                Nuevos procesos, herramientas o formas de trabajar no siempre logran integrarse a la dinámica cotidiana de la organización.
               </p>
             </div>
             <button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-3">
@@ -109,9 +110,9 @@
           <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🤖</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Queremos incorporar Inteligencia Artificial pero no sabemos por dónde</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Queremos aprovechar la tecnología y la IA con sentido</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Existe el interés en modernizar y automatizar tareas, pero temen malgastar recursos en tecnología que no resuelva dolores reales.
+                Vemos oportunidades para automatizar, sistematizar o mejorar decisiones, pero necesitamos identificar dónde la tecnología puede generar valor real.
               </p>
             </div>
             <button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-4">
@@ -123,9 +124,9 @@
           <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">📜</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Nos exigen certificar una norma (ISO 9001, etc.) y queremos que aporte valor</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Necesitamos cumplir nuevos requisitos sin sumar burocracia</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Un cliente o licitación pide certificar, pero no quieren crear burocracia inútil ni un sistema que solo viva en el papel.
+                Una norma, certificación, cliente o regulación exige cambios. Buscamos integrarlos a la gestión para que, además de cumplir, ayuden a mejorar.
               </p>
             </div>
             <button class="btn btn-outline btn-sm" style="width: 100%;" data-open-modal="modal-desafio-5">
@@ -137,13 +138,13 @@
           <div class="card" style="background: linear-gradient(135deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%); border-color: var(--ide-accent); display: flex; flex-direction: column; justify-content: space-between;">
             <div>
               <!-- <div style="font-size: 2rem; margin-bottom: 0.75rem;">🧭</div> -->
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">No sé exactamente qué necesito, pero algo no está funcionando</h3>
+              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Sabemos que algo debería cambiar, pero no tenemos claro por dónde empezar</h3>
               <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 1.5rem;">
-                Usá nuestra herramienta interactiva para diagnosticar la prioridad de tu organización en 3 pasos breves.
+                Los resultados, los procesos o la dinámica de la organización muestran señales que necesitamos comprender antes de decidir dónde intervenir.
               </p>
             </div>
             <a href="index.html#brujula" class="btn btn-primary btn-sm" style="width: 100%;">
-              Iniciar Diagnóstico Rápido →
+              Orientarme con la Brújula IDE →
             </a>
           </div>
 
@@ -155,11 +156,11 @@
     <!--CTA-->
     <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;">¿No encontraste tu desafío?</h2>
+        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">Cada organización tiene su propio punto de partida</h2>
         <p class="lead-text-cta" style="margin-bottom: 1.5rem;">
-          Si tu situación no encaja exactamente en los desafíos anteriores, no te preocupes. Podemos ayudarte a explorar y definir la mejor estrategia para tu organización.
+          Si no encontraste tu situación entre estos ejemplos, empecemos por comprenderla juntos.
         </p>
-        <a href="contacto.html" class="btn btn-outline-cta btn-sm" ">Hablemos de tu desafío →</a>
+        <a href="contacto.html" class="btn btn-outline-cta btn-sm" ">HABLEMOS →</a>
       </div>
     </section>
     <!-- MODALES DE DETALLE DE CADA DESAFÍO -->

includes/footer.html

@@ -20,7 +20,7 @@
         </div>
       </div>
       <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 1.25rem;">
-        Todo está conectado. Comprendemos las organizaciones como sistemas para intervenir estratégicamente donde se genera mayor impacto y valor sostenible.
+        Conectamos el Todo.<br> Comprendemos las organizaciones como sistemas para intervenir estratégicamente donde se genera mayor impacto y valor sostenible.
       </p>
       <!-- Ecosistema resumido (solo nombres) -->
       <div style="font-size: 0.78rem; color: var(--text-muted);">

index-PatriPad.html

@@ -1,429 +0,0 @@
-<!DOCTYPE html>
-<html lang="es" data-theme="light">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>IDE Consultores | Todo está conectado</title>
-  <!-- SEO Meta Tags  -->
-  <!-- Favicon -->
-  <link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
-  <meta name="description" content="Comprender el todo para saber dónde intervenir. Ecosistema de gestión, proyectos, formación y transformación digital.">
-  <meta property="og:title" content="IDE Consultores | Todo está conectado">
-  <meta property="og:description" content="En una organización, cada decisión genera efectos más allá del lugar donde interviene. Ecosistema de capacidades integradas.">
-  <meta property="og:type" content="website">
-
-  <!-- Estilos Centralizados -->
-  <link rel="stylesheet" href="css/styles.css">
-</head>
-<body>
-
-  <!-- Header Modular (Inyectado dinámicamente por JS) -->
-  <header id="site-header"></header>
-
-  <main>
-
-    <!-- BLOQUE 1: HERO - LA DOBLE VÍA DE ENTRADA -->
-    <section class="hero-wrapper section-padding">
-      <div class="container">
-        <div class="hero-grid">
-          
-          <div>
-            <span class="eyebrow">TODO ESTÁ CONECTADO</span>
-            <h1 style="margin-bottom: 1.25rem; line-height: 1.15;">
-              Mejorar una parte no siempre mejora el todo.
-            </h1>
-            <p class="lead-text" style="margin-bottom: 2rem;">
-              En una organización, cada decisión genera efectos más allá del lugar donde interviene. Antes de buscar una solución, hay que comprender el sistema.
-            </p>
-
-            <!-- Doble Entrada Estratégica -->
-            <div class="hero-doble-entrada">
-              <!-- Camino A: Por Desafío -->
-              <a href="desafios.html" class="hero-card-entry" id="hero-entry-desafios">
-                <div>
-                  <!-- <div class="entry-icon">🎯</div> -->
-                  <h3>Tengo un desafío</h3>
-                  <p>Sé que algo no funciona o quiero mejorar un área, pero no tengo claro qué solución necesito.</p>
-                </div>
-                <div class="entry-link-text">
-                  Explorar por Desafíos <span>→</span>
-                </div>
-              </a>
-
-              <!-- Camino B: Por Solución Concreta -->
-              <a href="soluciones.html" class="hero-card-entry" id="hero-entry-soluciones">
-                <div>
-                  <!-- <div class="entry-icon">⚡</div> -->
-                  <h3>Busco una solución</h3>
-                  <p>Busco una implementación puntual (ISO 9001, PMO, Capacitación In-Company, IA en Procesos).</p>
-                </div>
-                <div class="entry-link-text">
-                  Ir a Soluciones Concretas <span>→</span>
-                </div>
-              </a>
-            </div>
-          </div>
-
-          <!-- Visual Conceptual de Nodos / Infinito + Camino 
-          <div class="hero-visual-graphic">
-            <div class="infinito-camino-box">
-              <svg viewBox="0 0 280 200" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; max-width: 240px; margin-bottom: 1.25rem;">
-                <path d="M70 100 C20 40, 20 160, 70 100 C120 40, 160 160, 210 100 C260 40, 260 160, 210 100" stroke="var(--ide-primary)" stroke-width="6" stroke-linecap="round" stroke-dasharray="2 1" opacity="0.3"/>
-                <path d="M50 100 C50 65 80 65 110 100 C140 135 170 135 200 100 C230 65 260 65 260 100 C260 135 230 135 200 100 C170 65 140 65 110 100 C80 135 50 135 50 100 Z" stroke="var(--ide-accent)" stroke-width="4" fill="none" stroke-linecap="round"/>
-                
-                <circle cx="50" cy="100" r="7" fill="var(--ide-primary)"/>
-                <circle cx="110" cy="100" r="7" fill="var(--ide-accent)"/>
-                <circle cx="200" cy="100" r="7" fill="var(--ide-primary-dark)"/>
-                <circle cx="260" cy="100" r="7" fill="var(--ide-accent-hover)"/>
-
-                <line x1="50" y1="100" x2="260" y2="100" stroke="var(--ide-gray)" stroke-width="1.5" stroke-dasharray="4 4"/>
-              </svg>
-              <div class="font-bebas" style="font-size: 1.3rem; color: var(--text-main); letter-spacing: 0.08em; margin-bottom: 0.25rem;">
-                CONECTIVIDAD SISTÉMICA
-              </div>
-              <p style="font-size: 0.85rem; color: var(--text-muted); line-height: 1.4;">
-                Procesos • Personas • Proyectos • Tecnología funcionando en conjunto.
-              </p>
-            </div>
-          </div> -->
-
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 2: LA TENSIÓN Y EL QUIEBRE -->
-    <section class="section-padding">
-      <div class="container" style="background-color: #6366F1;">
-        <div class="tension-box">
-          <div style="max-width: 800px; margin: 0 auto; text-align: center;">
-            <span class="eyebrow">LA INCOMODIDAD PRODUCTIVA</span>
-            <h2 style="margin-bottom: 1.5rem;">
-              Soluciones aisladas para problemas que nunca estuvieron realmente aislados.
-            </h2>
-            <p style="font-size: 1.1rem; color: var(--text-body); line-height: 1.7; margin-bottom: 1.5rem;">
-              Las organizaciones ya tienen procesos, herramientas, personas y tecnología. Sin embargo, algunos desafíos persisten. ¿Por qué? Porque sumar soluciones inconexas no genera transformación. Una mejora en un área puede crear tensiones en otra si no se comprende el sistema completo.
-            </p>
-            <div style="display: inline-block; padding: 0.75rem 1.5rem; background-color: var(--bg-subtle); border-radius: var(--radius-sm); font-weight: 600; color: var(--ide-primary); font-size: 0.95rem;">
-              ¿Qué impacto produjo esa mejora en el conjunto?
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 3: LA BRÚJULA IDE (DIAGNÓSTICO INTERACTIVO DE 3 PASOS) -->
-    <section class="section-padding-sm" id="brujula">
-      <div class="container">
-        <div class="brujula-container" id="brujula-interactive-app">
-          
-          <div class="brujula-header">
-            <div>
-              <span class="eyebrow" style="color: var(--ide-accent);">HERRAMIENTA DE CONSULTORÍA INTERACTIVA</span>
-              <h2 style="font-size: 1.75rem; margin-bottom: 0.5rem;">La Brújula IDE: Diagnóstico Rápido de Conectividad</h2>
-              <p style="font-size: 0.95rem; color: var(--text-muted);">
-                ¿No estás seguro de por dónde empezar? Respondé 2 preguntas breves y te orientamos sobre qué capacidades pueden aportar mayor valor a tu contexto.
-              </p>
-            </div>
-            <div style="text-align: right;">
-              <span id="brujula-step-indicator" style="font-weight: 700; font-size: 0.9rem; color: var(--ide-accent);">Paso 1 de 3</span>
-            </div>
-          </div>
-
-          <!-- Barra de Progreso -->
-          <div class="brujula-progress-bar">
-            <div id="brujula-progress-fill" class="brujula-progress-fill"></div>
-          </div>
-
-          <!-- PASO 1: EL FOCO / PRIORIDAD -->
-          <div class="brujula-step active" id="brujula-step-1">
-            <h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">1. ¿Cuál es tu prioridad u objetivo principal hoy?</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Seleccioná la opción que mejor represente lo que buscan impulsar:</p>
-            
-            <div class="brujula-options-grid">
-              <div class="brujula-option-card brujula-opt-step1" data-val="iso" id="opt-foco-iso">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Mejorar la gestión y cumplir normas (ISO)</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Ordenar procesos, certificar ISO 9001/14001/45001 y elevar la calidad.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step1" data-val="proyectos" id="opt-foco-proyectos">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Ejecutar proyectos con resultados garantizados</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Profesionalizar la gestión, crear una PMO y evitar desvíos en plazos.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step1" data-val="equipo" id="opt-foco-equipo">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Desarrollar las capacidades de mi equipo</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Capacitación In-Company, liderazgo, pensamiento de procesos y cultura.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step1" data-val="tecnologia" id="opt-foco-tecnologia">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Integrar tecnología, automatización o IA</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Transformar digitalmente las tareas rutinarias y aprovechar datos.</span>
-                </div>
-              </div>
-            </div>
-
-            <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; flex-wrap: wrap; gap: 1rem;">
-              <a href="soluciones.html" class="btn btn-ghost btn-sm">Ya sé lo que necesito, ir directo a Soluciones →</a>
-              <button id="brujula-btn-next1" class="btn btn-primary" disabled>Continuar al Paso 2 →</button>
-            </div>
-          </div>
-
-          <!-- PASO 2: EL DOLOR / OBSTÁCULO -->
-          <div class="brujula-step" id="brujula-step-2">
-            <h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">2. ¿Qué es lo que más dificulta avanzar en este momento?</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Identifiquemos la raíz que suele frenar los resultados:</p>
-            
-            <div class="brujula-options-grid">
-              <div class="brujula-option-card brujula-opt-step2" data-val="procesos" id="opt-dolor-procesos">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Falta de claridad en los procesos</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Las áreas trabajan en silos y la información no fluye adecuadamente.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step2" data-val="desvios" id="opt-dolor-desvios">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Los proyectos se retrasan o se desvían</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Cuesta concretar las iniciativas estratégicas en tiempo y forma.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step2" data-val="adopcion" id="opt-dolor-adopcion">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">El equipo no adopta los cambios</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Hay resistencia cultural o falta de capacitación para sostener las mejoras.</span>
-                </div>
-              </div>
-
-              <div class="brujula-option-card brujula-opt-step2" data-val="herramientas" id="opt-dolor-herramientas">
-                <div class="brujula-radio-bullet"></div>
-                <div>
-                  <strong class="opt-title" style="display: block; font-size: 0.95rem; margin-bottom: 0.2rem;">Tenemos herramientas, pero no las aprovechamos</strong>
-                  <span style="font-size: 0.84rem; color: var(--text-muted);">Se incorporó software o tecnología pero no se integró con la operación diaria.</span>
-                </div>
-              </div>
-            </div>
-
-            <div style="display: flex; justify-content: flex-end; margin-top: 2rem;">
-              <button id="brujula-btn-next2" class="btn btn-accent" disabled>Obtener Orientación Personalizada →</button>
-            </div>
-          </div>
-
-          <!-- PASO 3: EL RESULTADO DINÁMICO -->
-          <div class="brujula-step" id="brujula-step-3">
-            <div class="brujula-result-box">
-              <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;">
-                <span class="ecosystem-badge badge-project" style="font-size: 0.85rem;">Combinación Sugerida de Capacidades</span>
-              </div>
-              <h3 id="brujula-result-capacidades" style="font-size: 1.4rem; color: var(--ide-primary); margin-bottom: 0.75rem;">
-                IDE Excellence + IDE Academy
-              </h3>
-              <p id="brujula-result-desc" style="font-size: 1rem; color: var(--text-body); line-height: 1.65; margin-bottom: 1.5rem;">
-                La implementación de procesos y normas es el primer paso. Para que sea sostenible, suele ser clave trabajar también en el desarrollo de capacidades de las personas.
-              </p>
-
-              <div style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
-                <a id="brujula-result-cta" href="contacto.html" class="btn btn-primary">
-                  Conversar con un especialista sobre este diagnóstico →
-                </a>
-                <button id="brujula-btn-restart" class="btn btn-outline btn-sm">
-                  Reiniciar Diagnóstico
-                </button>
-              </div>
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 4: EL MÉTODO IDE (4 PASOS) -->
-    <section class="section-padding bg-subtle-section">
-      <div class="container">
-        <div style="text-align: center; max-width: 760px; margin: 0 auto 3.5rem auto;">
-          <span class="eyebrow">LA NUEVA FORMA DE MIRAR</span>
-          <h2>Comprender el todo para saber dónde intervenir</h2>
-          <p class="lead-text" style="margin: 0 auto;">
-            No se trata de intervenir en todo ni de aplicar fórmulas estandarizadas. Guiamos cada intervención bajo un criterio metodológico riguroso:
-          </p>
-        </div>
-
-        <div class="method-steps-grid">
-          <div class="method-step-card">
-            <div class="method-num">01</div>
-            <h3 style="font-size: 1.15rem; margin-bottom: 0.6rem;">Comprender el Todo</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Para identificar las verdaderas relaciones y causas raíz detrás de cada desafío.</p>
-          </div>
-
-          <div class="method-step-card">
-            <div class="method-num">02</div>
-            <h3 style="font-size: 1.15rem; margin-bottom: 0.6rem;">Focalizar la Intervención</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Para actuar estratégicamente donde se genera el mayor impacto y valor agregado.</p>
-          </div>
-
-          <div class="method-step-card">
-            <div class="method-num">03</div>
-            <h3 style="font-size: 1.15rem; margin-bottom: 0.6rem;">Integrar Capacidades</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Para que la transformación no quede limitada a una única solución aislada.</p>
-          </div>
-
-          <div class="method-step-card">
-            <div class="method-num">04</div>
-            <h3 style="font-size: 1.15rem; margin-bottom: 0.6rem;">Resultados Sostenibles</h3>
-            <p style="font-size: 0.88rem; color: var(--text-muted);">Porque una verdadera mejora no debería solucionar un problema creando otro.</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 5: EL ECOSISTEMA (4 CAPACIDADES) -->
-    <section class="section-padding">
-      <div class="container">
-        <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3rem; flex-wrap: wrap; gap: 1.5rem;">
-          <div>
-            <span class="eyebrow">ECOSISTEMA INTEGRADO</span>
-            <h2>Cuatro capacidades. Una misma mirada.</h2>
-            <p class="lead-text">
-              No son unidades separadas compitiendo por vender. Son capacidades complementarias que se activan según la necesidad real.
-            </p>
-          </div>
-          <a href="ecosistema.html" class="btn btn-outline btn-sm">Ver Ecosistema Completo →</a>
-        </div>
-
-        <div class="ecosystem-grid">
-          
-          <!-- Excellence -->
-          <div class="ecosystem-card">
-            <div>
-              <span class="ecosystem-badge badge-excellence">IDE Excellence</span>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Para fortalecer la gestión</h3>
-              <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1.25rem; line-height: 1.55;">
-                Sistemas de gestión, normas ISO (9001, 14001, 45001, 21001), procesos, calidad y mejora continua con sentido de negocio.
-              </p>
-            </div>
-            <a href="ecosistema.html#excellence" style="font-size: 0.88rem; font-weight: 700; color: var(--ide-primary);">Explorar Excellence →</a>
-          </div>
-
-          <!-- Project -->
-          <div class="ecosystem-card">
-            <div>
-              <span class="ecosystem-badge badge-project">IDE Project</span>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Para convertir proyectos en resultados</h3>
-              <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1.25rem; line-height: 1.55;">
-                Dirección estratégica de proyectos, implementación de PMO, metodologías ágiles/híbridas y control de cumplimiento.
-              </p>
-            </div>
-            <a href="ecosistema.html#project" style="font-size: 0.88rem; font-weight: 700; color: var(--ide-accent);">Explorar Project →</a>
-          </div>
-
-          <!-- Academy -->
-          <div class="ecosystem-card">
-            <div>
-              <span class="ecosystem-badge badge-academy">IDE Academy</span>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Para desarrollar capacidades</h3>
-              <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1.25rem; line-height: 1.55;">
-                Formación ejecutiva e In-Company para que los equipos adopten los cambios y sostengan la transformación en el tiempo.
-              </p>
-            </div>
-            <a href="ide-academy.html" style="font-size: 0.88rem; font-weight: 700; color: #D97706;">Explorar Academy →</a>
-          </div>
-
-          <!-- Digital -->
-          <div class="ecosystem-card">
-            <div>
-              <span class="ecosystem-badge badge-digital">IDE Digital</span>
-              <h3 style="font-size: 1.25rem; margin-bottom: 0.75rem;">Para integrar tecnología con propósito</h3>
-              <p style="font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1.25rem; line-height: 1.55;">
-                Inteligencia artificial aplicada, automatización de flujos de procesos, tableros de datos y transformación digital sensata.
-              </p>
-            </div>
-            <a href="ecosistema.html#digital" style="font-size: 0.88rem; font-weight: 700; color: #6366F1;">Explorar Digital →</a>
-          </div>
-
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 6: SECTORES Y EXPERIENCIA INSTITUCIONAL -->
-    <section class="section-padding-sm bg-subtle-section">
-      <div class="container">
-        <div style="text-align: center; margin-bottom: 2.5rem;">
-          <span class="eyebrow">ÁMBITOS DE EXPERIENCIA</span>
-          <h2 style="font-size: 1.8rem;">Acompañamos la transformación en contextos complejos</h2>
-          <p style="font-size: 0.95rem; color: var(--text-muted); max-width: 65ch; margin: 0.5rem auto 0 auto;">
-            Nuestra metodología se adapta a las particularidades y normativas de múltiples industrias en la región.
-          </p>
-        </div>
-
-        <div class="grid-4" style="text-align: center;">
-          <div class="card" style="padding: 1.5rem 1rem;">
-            <!-- <div style="font-size: 2rem; margin-bottom: 0.5rem;">🌾</div> -->
-            <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Agro & Alimentos</h4>
-            <p style="font-size: 0.82rem; color: var(--text-muted);">Trazabilidad, normas de inocuidad y profesionalización de operaciones.</p>
-          </div>
-
-          <div class="card" style="padding: 1.5rem 1rem;">
-            <!-- <div style="font-size: 2rem; margin-bottom: 0.5rem;">🏭</div> -->
-            <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Industria & Manufactura</h4>
-            <p style="font-size: 0.82rem; color: var(--text-muted);">Eficiencia operativa, seguridad (ISO 45001) y calidad sostenida.</p>
-          </div>
-
-          <div class="card" style="padding: 1.5rem 1rem;">
-            <!-- <div style="font-size: 2rem; margin-bottom: 0.5rem;">🏥</div> -->
-            <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Salud & Servicios</h4>
-            <p style="font-size: 0.82rem; color: var(--text-muted);">Gestión por procesos críticos, experiencia del paciente y cumplimiento.</p>
-          </div>
-
-          <div class="card" style="padding: 1.5rem 1rem;">
-            <!-- <div style="font-size: 2rem; margin-bottom: 0.5rem;">🎓</div> -->
-            <h4 style="font-size: 1.05rem; margin-bottom: 0.25rem;">Educación & Gobierno</h4>
-            <p style="font-size: 0.82rem; color: var(--text-muted);">Norma ISO 21001, transformación de planes y gestión institucional.</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- BLOQUE 7: CTA FINAL DE CONVERSIÓN -->
-    <section class="section-padding">
-      <div class="container">
-        <div class="card" style="background: linear-gradient(135deg, var(--ide-primary-dark) 0%, var(--ide-primary) 100%); color: #FFFFFF; border: none; padding: clamp(2.5rem, 6vw, 4.5rem); text-align: center;">
-          <span class="eyebrow" style="color: var(--ide-accent);">CONVERSACIÓN INICIAL</span>
-          <h2 style="color: #FFFFFF; font-size: clamp(2rem, 4vw, 2.8rem); margin-bottom: 1rem;">
-            ¿Qué desafío querés transformar?
-          </h2>
-          <p style="color: #E2E8F0; font-size: 1.15rem; max-width: 60ch; margin: 0 auto 2.5rem auto; line-height: 1.6;">
-            No necesitás tener la solución predefinida para empezar. Empecemos por entender el contexto de tu organización.
-          </p>
-          <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
-            <a href="contacto.html" class="btn btn-accent btn-lg">HABLEMOS</a>
-            <a href="https://wa.me/5491123456789" target="_blank" rel="noopener noreferrer" class="btn btn-outline btn-lg" style="border-color: rgba(255,255,255,0.4); color: #FFFFFF;">
-              Escribir por WhatsApp
-            </a>
-          </div>
-        </div>
-      </div>
-    </section>
-
-  </main>
-
-  <!-- Footer Modular (Inyectado dinámicamente por JS) -->
-  <footer id="site-footer"></footer>
-
-  <!-- Scripts Centralizados -->
-  <script src="js/main.js"></script>
-</body>
-</html>

index.html

@@ -43,7 +43,7 @@
             <!-- Doble Entrada Estratégica -->
             <div class="hero-doble-entrada">
               <!-- Camino A: Por Desafío -->
-              <a href="desafios.html" class="btn btn-outline btn-sm" id="hero-entry-desafios">Tengo un desafío</a>
+              <a href="desafios.html" class="btn btn-outline btn-sm" id="hero-entry-desafios">Tengo un problema</a>
 
               <!-- Camino B: Por Solución Concreta -->
               <a href="soluciones.html" class="btn btn-outline btn-sm" id="hero-entry-soluciones">Busco una solución</a>
@@ -64,7 +64,7 @@
           <div style="max-width: 700px; margin: 0 auto; text-align: center;">
             <span class="eyebrow">LA INCOMODIDAD PRODUCTIVA</span>
             <h2 style="margin-bottom: 1.5rem;">
-              Cuando los desafíos están conectados, las soluciones también deberían estarlo.
+              Cuando los desafíos están conectados,<br> las soluciones también deberían estarlo.
             </h2>
             <p style="font-size: 1.1rem; color: var(--text-body); line-height: 1.7; margin-bottom: 1.5rem;">
               Una mejora en un proceso, una nueva tecnología, un sistema de gestión o el desarrollo de capacidades puede resolver una necesidad puntual. <br>Pero si no comprendemos cómo esa intervención impacta en el resto, podemos mejorar una parte y generar nuevas tensiones en el conjunto.
@@ -571,7 +571,7 @@
         <div style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3rem; flex-wrap: wrap; gap: 1.5rem;">
           <div>
             <span class="eyebrow">ECOSISTEMA INTEGRADO</span>
-            <h2>Cuatro capacidades. Un mismo propósito: generar impacto.</h2>
+            <h2>Cuatro capacidades. <br>Un mismo propósito: generar impacto.</h2>
             <p class="lead-text">
               No todas las organizaciones necesitan lo mismo. Integramos las capacidades necesarias para responder a cada desafío sin perder de vista el conjunto.
             <br>En IDE entendemos cómo funciona el sistema para identificar dónde intervenir, integrar las capacidades necesarias y generar valor en el conjunto.

soluciones.html

@@ -49,11 +49,10 @@
 
       <!-- Contenido -->
       <div class="container container-narrow text-center" style="position: relative; z-index: 2;">
-        <span class="eyebrow" style="color: var(--text-main)">RESPUESTAS ESPECÍFICAS</span>
+        <span class="eyebrow" style="color: var(--text-main)">IDENTIFIQUEMOS SOLUCIONES</span>
-        <h1 style="margin-bottom: 1.25rem; color:var(--text-main);">Soluciones concretas a necesidades definidas</h1>
+        <h1 style="margin-bottom: 1.25rem; color:var(--text-main);">Soluciones Concretas: Respuestas Específicas</h1>
         <p class="lead-text" style="color:var(--text-main)">
-          Si ya sabés exactamente qué servicio estás buscando, aquí encontrarás el detalle técnico de nuestras intervenciones, alcances y valor esperado.
+        Si ya identificaste qué necesitás, explorá nuestras soluciones, su alcance y el valor que pueden aportar a tu organización.        </p>
-        </p>
       </div>
     </section>
 
@@ -73,20 +72,19 @@
         <!-- Grilla de Soluciones -->
         <div class="grid-2" id="soluciones-grid">
           
-          <!-- Solución 1: ISO 9001 -->
+          <!-- Solución 1 -->
           <div class="card solution-card" data-category="iso">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-excellence">IDE Excellence</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">NORMA INTERNACIONAL</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Implementación y Certificación ISO 9001:2015</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">SISTEMAS DE GESTIÓN Y CERTIFICACIONES</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Diseño e implantación de un Sistema de Gestión de Calidad orientado al cumplimiento, la satisfacción del cliente y la mejora continua de la operación.
+                <strong>Para convertir requisitos en herramientas de gestión.</strong> 
               </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Empresas industriales, de servicios y comerciales que buscan ordenar procesos o cumplir requisitos contractuales de clientes.</p>
+                <p style="margin-top: 0.4rem;">Diseñamos, implementamos e integramos sistemas de gestión que permiten ordenar procesos, gestionar riesgos, mejorar el desempeño y responder a requisitos normativos sin sumar burocracia innecesaria.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Procesos estandarizados, reducción de errores y certificación exitosa sin burocracia innecesaria.</p>
               </div>
             </div>
 
@@ -95,25 +93,25 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>¿Sabías que un SGC requiere capacitar a los líderes? Conocé cómo <strong>IDE Academy</strong> complementa esta implementación.</em>
               </div>
               <a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO9001" class="btn btn-primary btn-sm" style="width: 100%;">
-                Consultar por Implementación ISO 9001 →
+                Explorar soluciones →
               </a>
             </div>
           </div>
 
-          <!-- Solución 2: ISO 14001 / ISO 45001 -->
+          <!-- Solución 2 -->
           <div class="card solution-card" data-category="iso">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-excellence">IDE Excellence</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">SISTEMAS INTEGRADOS</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Sistemas de Gestión Ambiental (14001) y Seguridad (45001)</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">PROCESOS Y MEJORA ORGANIZACIONAL</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Implementación de normas para la gestión responsable del medio ambiente, prevención de riesgos laborales y cumplimiento de la legislación aplicable.
+                <strong>Para transformar la forma en que la organización funciona.</strong> 
               </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Plantas productivas, agroindustria, construcción y logística con exigencias legales y de sostenibilidad.</p>
+                <p>Analizamos procesos, información, roles e indicadores para identificar oportunidades de mejora, reducir ineficiencias y fortalecer la capacidad de gestión y toma de decisiones.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Mitigación de contingencias legales, ambientes de trabajo seguros y posicionamiento sustentable.</p>
+                <p style="margin-top: 0.4rem;">
               </div>
             </div>
 
@@ -122,25 +120,25 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>Integramos tableros de control digital de incidentes a través de <strong>IDE Digital</strong>.</em>
               </div>
               <a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO14001_45001" class="btn btn-primary btn-sm" style="width: 100%;">
-                Consultar por Sistemas Integrados →
+                Explorar soluciones →
               </a>
             </div>
           </div>
 
-          <!-- Solución 3: ISO 21001 -->
+          <!-- Solución 3 -->
           <div class="card solution-card" data-category="iso">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-excellence">IDE Excellence</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">EDUCACIÓN</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Gestión de Calidad para Instituciones Educativas (ISO 21001)</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">PROYECTOS Y PMO</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Estandarización de procesos pedagógicos, administrativos y de evaluación orientados a la experiencia del estudiante y la excelencia académica.
+                <strong>Para convertir iniciativas en resultados.</strong> 
               </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Universidades, institutos terciarios, colegios y centros de capacitación corporativa.</p>
+                <p>Diseñamos y fortalecemos la gestión de proyectos, programas y portafolios para mejorar la priorización, coordinación, gobernanza y ejecución de iniciativas estratégicas.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Mayor retención, coherencia en planes de estudio y prestigio institucional.</p>
+                <p style="margin-top: 0.4rem;">
               </div>
             </div>
 
@@ -149,25 +147,25 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>Complementamos con diseño instruccional y campus virtual vía <strong>IDE Academy</strong>.</em>
               </div>
               <a href="contacto.html?busqueda=Implementar%20o%20certificar%20una%20norma&origen=Solucion_ISO21001" class="btn btn-primary btn-sm" style="width: 100%;">
-                Consultar por ISO 21001 →
+                Explorar soluciones →
               </a>
             </div>
           </div>
 
-          <!-- Solución 4: PMO -->
+          <!-- Solución 4 -->
           <div class="card solution-card" data-category="pmo">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-project">IDE Project</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">DIRECCIÓN ESTRATÉGICA</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Diseño e Implementación de Oficina de Proyectos (PMO)</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">DESARROLLO DE CAPACIDADES</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Estructuración de un marco de gobernanza, metodologías y tableros para priorizar, monitorear y ejecutar el portafolio de proyectos de la empresa.
+                <strong>Para transformar conocimiento en capacidad de acción.</strong> 
               </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Direcciones generales y gerencias que gestionan múltiples proyectos simultáneos sin visibilidad unificada.</p>
+                <p>Diseñamos experiencias de aprendizaje que conectan conocimiento, práctica y contexto para desarrollar las capacidades que personas y equipos necesitan para gestionar, liderar y transformar.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Cumplimiento de plazos, control de presupuestos y alineación estratégica de los recursos.</p>
+                <p style="margin-top: 0.4rem;">
               </div>
             </div>
 
@@ -176,25 +174,24 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>Formamos a tus Project Managers internos mediante los programas de <strong>IDE Academy</strong>.</em>
               </div>
               <a href="contacto.html?busqueda=Gestionar%20o%20impulsar%20un%20proyecto&origen=Solucion_PMO" class="btn btn-primary btn-sm" style="width: 100%;">
-                Consultar por Implementación de PMO →
+                Explorar soluciones →
               </a>
             </div>
           </div>
 
-          <!-- Solución 5: Capacitación In-Company -->
+          <!-- Solución 5 -->
           <div class="card solution-card" data-category="formacion">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-academy">IDE Academy</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">DESARROLLO DE TALENTO</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Programas de Formación y Desarrollo In-Company</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">TRANSFORMACIÓN DIGITAL E INTELIGENCIA ARTIFICIAL</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Talleres y cursos a medida diseñados sobre los casos reales y procesos propios de tu organización (Gestión, Proyectos, Calidad, Liderazgo).
+                <strong>Para poner la tecnología al servicio de la gestión.</strong>              
-              </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Equipos de mandos medios, líderes de procesos y colaboradores que necesitan actualizar competencias.</p>
+                 </p> Identificamos dónde la digitalización, la automatización y la inteligencia artificial pueden simplificar procesos, mejorar decisiones y generar valor real para la organización.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Adopción inmediata en el puesto de trabajo y mayor autonomía operativa.</p>
+                <p style="margin-top: 0.4rem;">
               </div>
             </div>
 
@@ -203,25 +200,25 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>Conocé los programas abiertos y temarios en nuestra página de <strong>IDE Academy</strong>.</em>
               </div>
               <a href="contacto.html?busqueda=Formación%20para%20mi%20organización&origen=Solucion_Capacitacion" class="btn btn-primary btn-sm" style="width: 100%;">
-                Solicitar Propuesta In-Company →
+                Explorar soluciones →
               </a>
             </div>
           </div>
 
-          <!-- Solución 6: IA & Digital -->
+          <!-- Solución 6   -->
           <div class="card solution-card" data-category="digital">
             <div>
               <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
                 <span class="ecosystem-badge badge-digital">IDE Digital</span>
                 <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">AUTOMATIZACIÓN</span>
               </div>
-              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">Inteligencia Artificial y Automatización de Procesos</h3>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">EDUCACIÓN & GOBIERNO</h3>
               <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
-                <strong>Qué es:</strong> Diagnóstico de oportunidades de automatización e integración de asistentes inteligentes de IA para optimizar la gestión documental y operativa.
+                <strong>Para transformar conocimiento, procesos y capacidades en mejores servicios y resultados.</strong> 
               </p>
               <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
-                <p><strong>Para quién:</strong> Organizaciones con alta carga de tareas repetitivas, reportes manuales o dispersión de datos.</p>
+                <p>Integramos sistemas de gestión, procesos, proyectos, gestión del conocimiento, indicadores, desarrollo de capacidades y tecnología para fortalecer organizaciones educativas, organismos públicos e instituciones que brindan servicios de formación.</p>
-                <p style="margin-top: 0.4rem;"><strong>Valor esperado:</strong> Ahorro de horas hombre semanales y toma de decisiones basada en información en tiempo real.</p>
+                <p style="margin-top: 0.4rem;">
               </div>
             </div>
 
@@ -230,7 +227,33 @@
                 <i class="fa-regular fa-lightbulb"></i> <em>Alineamos la tecnología con la estructura de procesos definida por <strong>IDE Excellence</strong>.</em>
               </div>
               <a href="contacto.html?busqueda=Transformación%20digital%20/%20IA&origen=Solucion_IA" class="btn btn-primary btn-sm" style="width: 100%;">
-                Consultar por IA en Procesos →
+                Explorar soluciones →
+              </a>
+            </div>
+          </div>
+
+         <!-- Solución 7 -->
+          <div class="card solution-card" data-category="digital">
+            <div>
+              <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;">
+                <span class="ecosystem-badge badge-digital">IDE Digital</span>
+                <span style="font-size: 0.8rem; font-weight: 700; color: var(--text-muted);">AUTOMATIZACIÓN</span>
+              </div>
+              <h3 style="font-size: 1.3rem; margin-bottom: 0.75rem;">SOLUCIONES SECTORIALES</h3>
+              <p style="font-size: 0.92rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1rem;">
+                <strong>Para responder a desafíos que requieren conocimiento del contexto.</strong> 
+              </p>
+              <div style="background-color: var(--bg-subtle); padding: 1rem; border-radius: var(--radius-sm); font-size: 0.85rem; margin-bottom: 1.25rem;">
+                <p>Integramos gestión, procesos, proyectos, sistemas, capacidades y tecnología para abordar requisitos y desafíos específicos de cada actividad.</p>
+                <p style="margin-top: 0.4rem;">
+            </div>
+
+            <div>
+              <div style="font-size: 0.82rem; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 0.75rem; margin-bottom: 1rem;">
+                <i class="fa-regular fa-lightbulb"></i> <em>Alineamos la tecnología con la estructura de procesos definida por <strong>IDE Excellence</strong>.</em>
+              </div>
+              <a href="contacto.html?busqueda=Transformación%20digital%20/%20IA&origen=Solucion_IA" class="btn btn-primary btn-sm" style="width: 100%;">
+                Explorar soluciones →
               </a>
             </div>
           </div>
@@ -243,11 +266,11 @@
     <!-- Banner de Cierre -->
     <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;">¿Tenés un requerimiento que no figura en la lista?</h2>
+        <h2 style="color: var(--text-inverse); margin-bottom: 1rem;">No todos los desafíos encajan en una única solución.</h2>
         <p class="lead-text-cta" style="margin-bottom: 1.5rem;">
-          Evaluamos alcances específicos para proyectos a medida de consultoría organizacional.
+          Integramos las capacidades necesarias para diseñar una respuesta que tenga sentido para tu organización y su contexto.
         </p>
-        <a href="contacto.html" class="btn btn-outline-cta btn-sm" ">Coordinar una llamada técnica →</a>
+        <a href="contacto.html" class="btn btn-outline-cta btn-sm" ">HABLEMOS →</a>
       </div>
     </section>