chema74.github.io/index.html at main · chema74/chema74.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Txema Ríos | Portfolio Técnico de Inteligencia Artificial Aplicada</title>

  <meta
    name="description"
    content="Portfolio técnico de Txema Ríos: agentes de inteligencia artificial aplicada, RAG documental, automatización, análisis comercial internacional y proyectos demostrables."
  />
  <meta name="author" content="Txema Ríos" />
  <meta name="theme-color" content="#0b1020" />
  <meta name="robots" content="index, follow" />

  <link rel="canonical" href="https://chema74.github.io/" />

  <meta property="og:title" content="Txema Ríos | Portfolio Técnico de Inteligencia Artificial Aplicada" />
  <meta
    property="og:description"
    content="Proyectos reales de agentes, documentación inteligente, automatización y análisis aplicado a procesos de negocio."
  />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://chema74.github.io/" />
  <meta name="twitter:card" content="summary" />

  <link rel="stylesheet" href="assets/css/styles.css" />
</head>

<body>
  <a class="skip-link" href="#contenido">Saltar al contenido principal</a>

  <header class="site-header">
    <div class="container header-inner">
      <a class="brand" href="index.html" aria-label="Inicio">
        <span class="brand-mark" aria-hidden="true">IA</span>
        <span class="brand-text">
          <strong>Txema Ríos</strong>
          <small>Portfolio técnico</small>
        </span>
      </a>

      <nav class="main-nav" aria-label="Navegación principal">
        <a class="active" href="index.html" aria-current="page">Inicio</a>
        <a href="proyectos.html">Proyectos</a>
        <a href="productos.html">Productos</a>
        <a href="index.html#areas">Áreas</a>
        <a href="index.html#perfil">Perfil</a>
        <a href="contacto.html">Contacto</a>
        <a href="https://github.com/chema74" target="_blank" rel="noopener noreferrer">GitHub</a>
      </nav>
    </div>
  </header>

  <main id="contenido">
    <section class="hero hero-home">
      <div class="container hero-grid">
        <div class="hero-content">
          <p class="eyebrow">Inteligencia artificial aplicada · agentes · automatización · documentación inteligente</p>
            <!-- BADGES TÉCNICOS - Añadido para V2 -->
<div class="tech-badges" style="display:flex; gap:0.5rem; flex-wrap:wrap; margin:1rem 0 1.5rem;">
  <span style="background:#f6f8fa; border:1px solid #d1d9e0; padding:4px 10px; border-radius:20px; font-size:0.82rem; color:#4a5568;">Python 3.11+</span>
  <span style="background:#f6f8fa; border:1px solid #d1d9e0; padding:4px 10px; border-radius:20px; font-size:0.82rem; color:#4a5568;">135 tests OK</span>
  <span style="background:#f6f8fa; border:1px solid #d1d9e0; padding:4px 10px; border-radius:20px; font-size:0.82rem; color:#4a5568;">Local-first</span>
  <span style="background:#f6f8fa; border:1px solid #d1d9e0; padding:4px 10px; border-radius:20px; font-size:0.82rem; color:#4a5568;">Sin cloud</span>
  <span style="background:#2ea44f; color:white; padding:4px 10px; border-radius:20px; font-size:0.82rem; font-weight:500;">✅ V2 Ready</span>
</div>
          <h1>Construcción técnica de sistemas de inteligencia artificial para procesos reales.</h1>

          <p class="hero-lead">
            Portfolio de IA (<em>Artificial Intelligence – Inteligencia Artificial</em>) aplicada a pequeñas y medianas
            empresas, análisis de negocio, documentación interna, comercio exterior, contratos, cumplimiento y automatización operativa.
          </p>

          <p class="hero-note">
            No es una landing de promesas. Es una web para revisar trabajo técnico: repositorios, arquitectura,
            demos, límites, decisiones de diseño y piezas que pueden evolucionar hacia soluciones reales.
          </p>

        <div class="hero-actions" aria-label="Acciones principales">
  <a class="btn btn-primary" href="https://github.com/chema74/agentes-ia-pymes" target="_blank" rel="noopener">🌟 Proyecto Estrella (V2)</a>
  <a class="btn btn-secondary" href="proyectos.html">Explorar proyectos</a>
  <a class="btn btn-outline" href="contacto.html">Contactar</a>
</div>
        </div>

        <aside class="hero-card hero-system-card" aria-label="Resumen técnico del portfolio">
          <span class="card-label">Repositorio principal</span>
          <h2>Agentes_IA</h2>
          <p>
            Monorepo público con demos, agentes, productos técnicos, documentación, pruebas y estructura de portfolio.
          </p>

          <div class="signal-stack" aria-label="Resumen de capacidades">
            <div>
              <strong>10</strong>
              <span>proyectos de portfolio</span>
            </div>
            <div>
              <strong>9</strong>
              <span>agentes y líneas técnicas</span>
            </div>
            <div>
              <strong>RAG</strong>
              <span>Retrieval-Augmented Generation – Generación Aumentada por Recuperación</span>
            </div>
          </div>

          <a class="text-link" href="https://github.com/chema74/Agentes_IA" target="_blank" rel="noopener noreferrer">
            Abrir repositorio principal →
          </a>
        </aside>
      </div>
    </section>

    <section class="section section-tight">
      <div class="container proof-grid">
        <article class="proof-panel">
          <p class="eyebrow">Qué demuestra</p>
          <h2>Un portfolio pensado como evidencia, no como escaparate decorativo.</h2>
        </article>

        <div class="proof-list">
          <article>
            <h3>Arquitectura</h3>
            <p>Separación por dominios, páginas claras, catálogo técnico y repositorios organizados.</p>
          </article>

          <article>
            <h3>Aplicación realista</h3>
            <p>Casos orientados a documentación, procesos, análisis, soporte, normativa y toma de decisiones asistida.</p>
          </article>

          <article>
            <h3>Prudencia técnica</h3>
            <p>El portfolio diferencia demos, agentes supervisados y dominios sensibles sin vender autonomía ficticia.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section" id="proyectos">
      <div class="container">
        <div class="section-heading">
          <p class="eyebrow">Selección principal</p>
          <h2>Proyectos destacados</h2>
          <p>
            Tres piezas representativas: análisis comercial, consulta documental y extracción trazable de obligaciones.
            Suficiente variedad para mostrar criterio técnico sin inflar el discurso.
          </p>
        </div>

        <div class="cards-grid">
          <article class="project-card featured-card">
            <div class="card-topline">
              <span class="project-kicker">P01 · análisis estratégico</span>
              <span class="scope-pill">Portfolio</span>
            </div>
            <h3>Inteligencia Comercial Internacional</h3>
            <p>
              Agente orientado a comparar países, sectores y oportunidades de mercado mediante análisis asistido por inteligencia artificial.
            </p>
            <div class="tags" aria-label="Tecnologías y ámbitos">
              <span>Comercio exterior</span>
              <span>Análisis de mercados</span>
              <span>Decisión asistida</span>
            </div>
            <a href="https://github.com/chema74/Agentes_IA/tree/main/portfolio/p01-inteligencia-comercial-internacional" target="_blank" rel="noopener noreferrer">
              Ver proyecto →
            </a>
          </article>

          <article class="project-card">
            <div class="card-topline">
              <span class="project-kicker">P05 · documentación</span>
              <span class="scope-pill">RAG</span>
            </div>
            <h3>Consulta de Documentación Interna</h3>
            <p>
              Demo de RAG (<em>Retrieval-Augmented Generation – Generación Aumentada por Recuperación</em>) para consultar documentos internos en lenguaje natural.
            </p>
            <div class="tags" aria-label="Tecnologías y ámbitos">
              <span>Recuperación semántica</span>
              <span>Documentos internos</span>
              <span>Evidencias</span>
            </div>
            <a href="https://github.com/chema74/Agentes_IA/tree/main/portfolio/p05-rag-documentacion-interna" target="_blank" rel="noopener noreferrer">
              Ver proyecto →
            </a>
          </article>

          <article class="project-card">
            <div class="card-topline">
              <span class="project-kicker">Producto técnico</span>
              <span class="scope-pill">Agente</span>
            </div>
            <h3>Obligaciones Contractuales</h3>
            <p>
              Agente supervisado para extraer obligaciones, fechas, riesgos y evidencias trazables desde contratos, anexos y documentación relacionada.
            </p>
            <div class="tags" aria-label="Tecnologías y ámbitos">
              <span>Contratos</span>
              <span>Trazabilidad</span>
              <span>Supervisión humana</span>
            </div>
            <a href="https://github.com/chema74/Agentes_IA/tree/main/products/contract-obligations-agent" target="_blank" rel="noopener noreferrer">
              Ver agente →
            </a>
          </article>
        </div>

        <div class="section-actions">
          <a class="btn btn-secondary" href="proyectos.html">Ver los 10 proyectos</a>
          <a class="btn btn-secondary" href="productos.html">Ver los 9 productos técnicos</a>
        </div>
      </div>
    </section>

    <section class="section section-tight" aria-label="Proyecto técnico destacado">
      <div class="container notice-panel notice-panel-compact">
        <div>
          <p class="eyebrow">Proyecto destacado</p>
          <h2>Agentes locales para PYMES</h2>
        </div>
        <div>
          <p>
            Repositorio técnico con 10 agentes locales para PYMES, validación automatizada, consola local, edición guiada,
            ejecución de agentes, informes y evidencias reproducibles. Proyecto local de portfolio, sin datos reales ni integraciones productivas.
          </p>
          <p class="hero-note">
            No incluye IA funcional, API productiva, dashboard productivo, Google Workspace ni integraciones reales.
          </p>
          <div class="section-actions">
            <a class="btn btn-secondary" href="proyectos.html#proyecto-destacado-agentes-ia-pymes">Ver proyecto destacado →</a>
          </div>
        </div>
      </div>
    </section>

    <section class="section section-muted" id="areas">
      <div class="container">
        <div class="section-heading">
          <p class="eyebrow">Especialización</p>
          <h2>Áreas técnicas del portfolio</h2>
          <p>
            La web se ordena alrededor de sistemas que leen, clasifican, recuperan, razonan con contexto y ayudan a ejecutar procesos.
          </p>
        </div>

        <div class="areas-grid">
          <article class="area-item">
            <span class="area-index">01</span>
            <h3>Agentes supervisados</h3>
            <p>Diseño de flujos con roles, límites, herramientas, validaciones y criterio humano en puntos críticos.</p>
          </article>

          <article class="area-item">
            <span class="area-index">02</span>
            <h3>RAG documental</h3>
            <p>Consulta de documentos internos, recuperación semántica y respuestas apoyadas en fragmentos verificables.</p>
          </article>

          <article class="area-item">
            <span class="area-index">03</span>
            <h3>Automatización operativa</h3>
            <p>Procesos repetibles, scripts de apoyo, validación ligera y reducción de trabajo manual sin infraestructura innecesaria.</p>
          </article>

          <article class="area-item">
            <span class="area-index">04</span>
            <h3>Análisis de negocio</h3>
            <p>Aplicación de inteligencia artificial a comercio exterior, escenarios, riesgos, normativas y decisiones empresariales.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section stats-section" aria-label="Resumen cuantitativo">
      <div class="container stats-grid">
        <article class="stat-card">
          <strong>10</strong>
          <span>proyectos de portfolio en el bloque público de demos</span>
        </article>

        <article class="stat-card">
          <strong>9</strong>
          <span>productos técnicos y agentes avanzados documentados</span>
        </article>

        <article class="stat-card">
          <strong>GitHub</strong>
          <span>repositorios públicos para revisar estructura y evolución técnica</span>
        </article>

        <article class="stat-card">
          <strong>RAG</strong>
          <span>documentación, contratos, normativa y recuperación con contexto</span>
        </article>
      </div>
    </section>

    <section class="section" id="perfil">
      <div class="container profile-panel">
        <div>
          <p class="eyebrow">Perfil</p>
          <h2>Tecnología, docencia y criterio aplicado.</h2>
        </div>

        <div class="profile-copy">
          <p>
            Trabajo en la intersección entre TIC (<em>Information and Communication Technologies – Tecnologías de la Información
            y la Comunicación</em>), inteligencia artificial aplicada, docencia, consultoría y análisis empresarial.
          </p>
          <p>
            Este portfolio recoge proyectos construidos para demostrar capacidad técnica real: estructura, documentación,
            límites, casos de uso y orientación práctica. Sin fuegos artificiales. Código, criterio y sistemas.
          </p>
        </div>
      </div>
    </section>

    <section class="section section-cta">
      <div class="container cta-panel">
        <div>
          <p class="eyebrow">Siguiente lectura</p>
          <h2>Empieza por los proyectos si quieres ver alcance. Ve a productos si quieres ver arquitectura.</h2>
        </div>
        <div class="cta-actions">
          <a class="btn btn-primary" href="proyectos.html">Proyectos</a>
          <a class="btn btn-secondary" href="productos.html">Productos técnicos</a>
        </div>
      </div>
    </section>
    <!-- SECCIÓN PARA RECLUTADORES TÉCNICOS -->
<section class="section section-muted" id="para-reclutadores" style="padding:3rem 1rem; background:#f8fafc;">
  <div class="container" style="max-width:1000px; margin:0 auto;">
    <h2 style="text-align:center; margin-bottom:0.5rem;">🔍 Para responsables de selección técnica</h2>
    <p style="text-align:center; color:#4a5568; max-width:700px; margin:0 auto 2rem;">
      Este portfolio está diseñado para revisarse en <strong>menos de 5 minutos</strong>. Sin demos en la nube, sin promesas infladas. Solo código ejecutable localmente.
    </p>

    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:1.5rem; margin:2rem 0;">
      <div style="background:white; border:1px solid #e2e8f0; padding:1.5rem; border-radius:8px;">
        <h3 style="margin-top:0; font-size:1.05rem;">1️⃣ Revisión rápida (2 min)</h3>
        <p style="margin-bottom:0;">Abre <a href="https://github.com/chema74/agentes-ia-pymes" style="color:#0969da;"><code>agentes-ia-pymes</code></a>. Lee el README. Verifica los <code>135 tests</code> que pasan en local.</p>
      </div>
      <div style="background:white; border:1px solid #e2e8f0; padding:1.5rem; border-radius:8px;">
        <h3 style="margin-top:0; font-size:1.05rem;">2️⃣ Demo reproducible (5 min)</h3>
        <p style="margin-bottom:0;">Ejecuta en tu terminal:<br><code>python scripts/ejecutar_demo_local.py</code><br>Genera informes y evidencias sin configurar nada.</p>
      </div>
      <div style="background:white; border:1px solid #e2e8f0; padding:1.5rem; border-radius:8px;">
        <h3 style="margin-top:0; font-size:1.05rem;">3️⃣ Profundización (15 min)</h3>
        <p style="margin-bottom:0;">Explora laboratorios especializados: RAG corporativo, gobernanza AI Act, privacidad. Documentación en castellano y límites claros.</p>
      </div>
    </div>

    <p style="text-align:center; color:#718096; font-size:0.92rem; margin-top:1.5rem; padding:1rem; background:#fffbeb; border-left:4px solid #d69e2e; border-radius:4px;">
      💡 <strong>Nota:</strong> Todos los proyectos son <em>local-first</em>. No requieren API keys, cuentas cloud ni entornos complejos.
    </p>
  </div>
</section>
  </main>

  <footer class="site-footer">
    <div class="container footer-inner">
      <span>© 2026 – Txema Ríos</span>
      <div class="footer-links">
        <a href="proyectos.html">Proyectos</a>
        <a href="productos.html">Productos</a>
        <a href="contacto.html">Contacto</a>
        <a href="https://github.com/chema74" target="_blank" rel="noopener noreferrer">GitHub</a>
      </div>
    </div>
  </footer>
</body>
</html>