agregue seccion de porblemas

index.html

@@ -97,7 +97,24 @@
     </div>
   </section>
 
-
+  <!-- PROBLEMAS -->
+  <section>
+    <div class="container">
+      <p class="eyebrow">Puntos de partida frecuentes</p>
+      <h2 style="max-width:20ch;">Desafíos que ayudamos a resolver.</h2>
+      <div class="grid grid-3" style="margin-top:var(--space-4);">
+        <div class="card"><p>"Mi marca no refleja el valor de mi negocio."</p></div>
+        <div class="card"><p>"Tengo redes, pero no generan resultados."</p></div>
+        <div class="card"><p>"Necesito una web que realmente venda."</p></div>
+        <div class="card"><p>"Estoy perdiendo oportunidades por procesos manuales."</p></div>
+        <div class="card"><p>"Necesito atraer clientes con publicidad."</p></div>
+        <div class="card"><p>"Mi negocio creció y mi presencia digital quedó atrás."</p></div>
+      </div>
+      <div style="margin-top:var(--space-4);">
+        <a href="diagnostico.html" class="btn btn-primary">Quiero descubrir qué necesito</a>
+      </div>
+    </div>
+  </section>
 
   <!-- ECOSISTEMA DE SERVICIOS -->
   <section class="section-tight" style="background:var(--bg-sunken);">