cambios esteticos en menu y hero

index.html

@@ -4,6 +4,9 @@
   <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.">
@@ -61,21 +64,18 @@
             </div>
           </div>
 
-          <!-- Visual Conceptual de Nodos / Infinito + Camino -->
+          <!-- 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;">
-                <!-- Concepto Infinito + Camino con nodos interactivos -->
                 <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"/>
                 
-                <!-- Nodos de Capacidades -->
                 <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)"/>
 
-                <!-- Conexión fluida -->
                 <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;">
@@ -85,7 +85,7 @@
                 Procesos • Personas • Proyectos • Tecnología funcionando en conjunto.
               </p>
             </div>
-          </div>
+          </div> -->
 
         </div>
       </div>
@@ -103,7 +103,7 @@
             <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;">
+            <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(--text-primary); font-size: 0.95rem;">
               ¿Qué impacto produjo esa mejora en el conjunto?
             </div>
           </div>