/* ============================================================ SECTIONS 3 — Trayectoria (experiencia + educación), Contacto ============================================================ */ /* ---------- Trayectoria ---------- */ function Trayectoria({ refMap, onDownloadCV }) { return (
{ if (refMap) refMap.current['trayectoria'] = el; }} style={{ background: 'var(--color-surface)', padding: 'clamp(64px, 9vh, 112px) 0', borderTop: '1px solid var(--color-border)' }}>
{EXPERIENCE.map((e, i) => ( ))}
); } /* ---------- Contacto ---------- */ function Contact({ refMap, onDownloadCV }) { const [sent, setSent] = React.useState(false); return (
{ if (refMap) refMap.current['contacto'] = el; }} style={{ background: 'var(--color-primary)', color: 'var(--color-text-on-dark)' }}>
Hablamos

Diseño y ejecución para tu equipo o tu proyecto

Abierta a roles de Project Manager, coordinación de obra, interiorismo o diseño técnico. Si crees que encajo en tu equipo, escríbeme.

Barcelona · disponibilidad inmediata
} label="Email" value="yan.trotta.work@gmail.com" href="mailto:yan.trotta.work@gmail.com" /> } label="LinkedIn" value="in/yantrotta" href="https://www.linkedin.com/in/yantrotta/" /> } label="Teléfono" value="+34 622 772 260" href="tel:+34622772260" />
{ e.preventDefault(); setSent(true); }} style={{ display: 'flex', flexDirection: 'column', gap: 16, background: 'rgba(255,255,255,0.04)', border: '1px solid var(--color-border-inverse)', borderRadius: 'var(--radius-xl)', padding: 'clamp(22px, 3vw, 34px)' }}>

¿Hablamos?

© 2026 Yan Trotta · Interior & Set Designer · Project Manager Yan Trotta
); } function Field({ label, placeholder, type = 'text', textarea }) { const [f, setF] = React.useState(false); const base = { fontFamily: 'var(--font-sans)', fontSize: 'var(--text-sm)', color: 'var(--white)', background: 'rgba(255,255,255,0.06)', border: `1px solid ${f ? 'var(--color-accent)' : 'var(--color-border-inverse)'}`, borderRadius: 'var(--radius-md)', padding: '12px 14px', outline: 'none', width: '100%', boxSizing: 'border-box', transition: 'border-color var(--dur-fast)' }; return (