mejoras estateticas v2.3

contacto.html

@@ -18,20 +18,15 @@
   <main>
 
     <!-- Header Contacto -->
-    <section class="section-padding" style="background-color: var(--bg-surface); border-bottom: 1px solid var(--border-color);">
-      <div class="container container-narrow text-center">
+    <section class="section-padding">
+      <div class="container container-narrow text-center" style="padding-bottom: 5rem;">
         <span class="eyebrow">CONVERSACIÓN INICIAL</span>
         <h1 style="margin-bottom: 1.25rem;">Hablemos de lo que necesitás</h1>
         <p class="lead-text" style="margin: 0 auto;">
           Cada organización, proyecto o iniciativa parte de un contexto diferente. <br>Contanos qué te trae a IDE y empecemos por entender cómo podemos aportar valor.
         </p>
       </div>
-    </section>
-
-    <!-- Formulario Inteligente & Datos de Contacto -->
-    <section class="section-padding">
       <div class="container">
-        
         <div class="grid-2" style="gap: 3.5rem; align-items: flex-start;">
           
           <!-- Columna Izquierda: Formulario Inteligente -->
@@ -156,7 +151,6 @@
 
       </div>
     </section>
-
   </main>
 
   <footer id="site-footer"></footer>