From 7e1ae9841ba0c24827e57da5eb23039aafc9ebb7 Mon Sep 17 00:00:00 2001
From: Alex <alex@thax.es>
Date: Tue, 20 Oct 2026 16:33:29 +0200
Subject: [PATCH] =?UTF-8?q?Tarjetas=20de=20Alejandro=20y=20Juan=20con=20le?=
 =?UTF-8?q?ma=20y=20descripci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TSyR5Zw5eGj6oPTRVjvP1b
---
 build.py          | 4 ++--
 public/index.html | 4 ++--
 public/styles.css | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/build.py b/build.py
index 509bc85..c53c4b6 100644
--- a/build.py
+++ b/build.py
@@ -210,8 +210,8 @@ page = f'''<!doctype html>
     <h2>Quiénes somos</h2>
     <p>Somos Alejandro y Juan, las dos personas detrás de Anda Que No Sabes Ná: un programa hecho en Granada, de noche, con ganas de aprender de quien se sienta a charlar.</p>
     <div class="team">
-      <div class="person"><b>Alejandro</b><span>Detrás de Anda Que No Sabes Ná</span></div>
-      <div class="person"><b>Juan</b><span>Detrás de Anda Que No Sabes Ná</span></div>
+      <div class="person"><b>Alejandro</b><em>Da forma a las ideas</em><span>Arquitecto de formación y líder de equipos de ingeniería. Construye productos digitales y herramientas para equipos técnicos, y anda metido en cómo usar la IA en el día a día.</span></div>
+      <div class="person"><b>Juan</b><em>Captura la realidad</em><span>Consultor en metodología BIM y escáner láser 3D. Ayuda a las empresas de la arquitectura, la ingeniería y la construcción a dar el salto digital con mejor calidad y menos costes.</span></div>
     </div>
   </section>
 
diff --git a/public/index.html b/public/index.html
index 392dd11..a5f0792 100644
--- a/public/index.html
+++ b/public/index.html
@@ -130,8 +130,8 @@
     <h2>Quiénes somos</h2>
     <p>Somos Alejandro y Juan, las dos personas detrás de Anda Que No Sabes Ná: un programa hecho en Granada, de noche, con ganas de aprender de quien se sienta a charlar.</p>
     <div class="team">
-      <div class="person"><b>Alejandro</b><span>Detrás de Anda Que No Sabes Ná</span></div>
-      <div class="person"><b>Juan</b><span>Detrás de Anda Que No Sabes Ná</span></div>
+      <div class="person"><b>Alejandro</b><em>Da forma a las ideas</em><span>Arquitecto de formación y líder de equipos de ingeniería. Construye productos digitales y herramientas para equipos técnicos, y anda metido en cómo usar la IA en el día a día.</span></div>
+      <div class="person"><b>Juan</b><em>Captura la realidad</em><span>Consultor en metodología BIM y escáner láser 3D. Ayuda a las empresas de la arquitectura, la ingeniería y la construcción a dar el salto digital con mejor calidad y menos costes.</span></div>
     </div>
   </section>
 
diff --git a/public/styles.css b/public/styles.css
index 622f642..be82c80 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -203,7 +203,8 @@ footer { margin-top: 40px; border-top: 1px solid var(--line); background: var(--
 .person { padding: 22px 24px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(135deg, var(--card), var(--bg2)); transition: .3s; }
 .person:hover { border-color: var(--neon); box-shadow: 0 0 24px rgba(46, 230, 255, .2); }
 .person b { display: block; font-size: 1.3rem; color: var(--neon); text-shadow: 0 0 14px rgba(46, 230, 255, .4); }
-.person span { color: var(--muted); font-size: .95rem; }
+.person em { display: block; margin: 2px 0 10px; font-style: normal; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--amber); }
+.person span { display: block; color: #b4c4d4; font-size: .98rem; line-height: 1.55; }
 .invite {
   display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
   padding: clamp(22px, 4vw, 38px); border-radius: 22px; border: 1px solid var(--line);