Commit 12, añado el apartado de contactos

Author: SebiGitHub

assets/css/styles.css

@@ -140,3 +140,43 @@ p{color:var(--muted); line-height:1.7}
   text-align: center;
 }
 
+
+.contact-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: center;
+  margin: 20px 0;
+}
+
+.btn-outline {
+  padding: 10px 14px;
+  border-radius: 12px;
+  border: 1px solid rgba(255,255,255,.3);
+  color: var(--text);
+  text-decoration: none;
+  font-weight: 500;
+  background: transparent;
+}
+
+.btn-outline:hover {
+  border-color: var(--cyan);
+}
+
+.social {
+  display: flex;
+  gap: 16px;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.social a {
+  color: var(--muted);
+  text-decoration: none;
+  font-size: 14px;
+}
+
+.social a:hover {
+  color: var(--text);
+}
+

assets/i18n/en.json

@@ -75,8 +75,14 @@
   "s3_title": "Technical support & system improvement",
   "s3_body": "Incident resolution, diagnostics, documentation and user guidance. Strong ability to detect issues and propose practical, efficient solutions."
   },
+
+  "contact": {
+  "title": "Contact",
+  "subtitle": "Interested in working together or knowing more about what I can bring to your team?",
+  "cta_button": "Send email",
+  "linkedin_button": "View LinkedIn"
+  },
 
-  "contact": { "title":"Contact" },
   "about": {
   "title": "About me",
   "body": "I’m a developer trained in DAM with hands-on specialization in Salesforce (APEX 2025). I build clean, fast solutions—from WordPress sites to time-saving automations. I’m seeking my first junior role to deliver real impact while learning fast."

assets/i18n/es.json

@@ -75,8 +75,14 @@
   "s3_title": "Soporte técnico y mejora de sistemas",
   "s3_body": "Diagnóstico, resolución de incidencias, documentación y comunicación con usuarios. Capacidad para detectar problemas y proponer soluciones prácticas."
   },
+
+  "contact": {
+  "title": "Contacto",
+  "subtitle": "¿Te interesa que colaboremos o quieres saber más sobre lo que puedo aportar a tu equipo?",
+  "cta_button": "Enviar correo",
+  "linkedin_button": "Ver LinkedIn"
+  },
 
-  "contact": { "title":"Contacto" },
   "about": {
   "title": "Sobre mí",
   "body": "Soy desarrollador con formación DAM y especialización práctica en Salesforce (APEX 2025). Me gusta construir soluciones claras y rápidas: desde webs con WordPress hasta automatizaciones que ahorran tiempo. Busco mi primera oportunidad como junior para aportar impacto real mientras sigo aprendiendo."

index.html

@@ -57,12 +57,31 @@ <h2 data-i18n="services.title">Servicios</h2>
 
     <section id="contact" class="section">
       <h2 data-i18n="contact.title">Contacto</h2>
-      <p><a id="contact-email" href="mailto:tuemail@ejemplo.com">tuemail@ejemplo.com</a></p>
+      <p data-i18n="contact.subtitle">
+        ¿Te interesa que colaboremos o quieres saber más sobre lo que puedo aportar a tu equipo?
+      </p>
+
+      <div class="contact-actions">
+        <a id="contact-email" class="btn"
+          href="mailto:sebitaexporu@gmail.com"
+          data-i18n="contact.cta_button">
+          Enviar correo
+        </a>
+        <a class="btn-outline"
+          href="https://www.linkedin.com/in/sebastián-expósito-ruiz-a8a24a34a"
+          target="_blank"
+          rel="noopener noreferrer"
+          data-i18n="contact.linkedin_button">
+          Ver LinkedIn
+        </a>
+      </div>
+
       <div class="social">
-        <a href="https://github.com/tuusuario" aria-label="GitHub">GitHub</a>
-        <a href="https://www.linkedin.com/in/tu-perfil" aria-label="LinkedIn">LinkedIn</a>
+        <a href="https://github.com/SebiGitHub" aria-label="GitHub">GitHub</a>
+        <a href="https://www.linkedin.com/in/sebastián-expósito-ruiz-a8a24a34a" aria-label="LinkedIn">LinkedIn</a>
       </div>
     </section>
+
   </main>
 
   <footer class="footer">