cambios esteticos index+desafios+sluciones+ecosistema

index.html

@@ -31,7 +31,7 @@
         <div class="hero-grid">
           <div>
             <span class="eyebrow">CONECTAMOS EL TODO</span>
-            <h1 style="margin-bottom: 0.5rem; line-height: 1;">
+            <h1 style="margin-bottom: 0.8rem; line-height: 1;">
              ¿Qué pasa cuando dejamos de mirar los problemas por separado?
             </h1>
             <p class="lead-text" style="margin-bottom: 2rem;">
@@ -59,7 +59,7 @@
     <section class="incomodidad-section snowball-bg" style="gap: 3rem;">
       <!--<canvas id="ripple-canvas"></canvas>-->
       <div class="incomodidad-content">
-        <div class="tension-box" style="margin-bottom: 8rem;">
+        <div class="tension-box" style="margin-bottom: 4rem;">
           <div style="max-width: 700px; margin: 0 auto; text-align: center;">
             <span class="eyebrow">LA INCOMODIDAD PRODUCTIVA</span>
             <h2 style="margin-bottom: 1.5rem;">
@@ -686,7 +686,7 @@
     </section>
 
     <!-- BLOQUE 6: CTA FINAL DE CONVERSIÓN -->
-    <section class="section-padding">
+    <section class="section-padding-sm">
       <div class="container">
         <div class="card" style="background: linear-gradient(135deg, var(--ide-primary-dark) 0%, var(--ide-primary-light2) 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>