chema74.github.io/contacto.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
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Contacto | Txema Ríos</title>

  <meta
    name="description"
    content="Contacto profesional de Txema Ríos: portfolio técnico de inteligencia artificial aplicada, agentes, RAG documental, automatización 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/contacto.html" />

  <meta property="og:title" content="Contacto | Txema Ríos" />
  <meta
    property="og:description"
    content="Punto de contacto profesional para revisar proyectos de inteligencia artificial aplicada, agentes, automatización y documentación inteligente."
  />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://chema74.github.io/contacto.html" />
  <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 href="index.html">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 class="active" href="contacto.html" aria-current="page">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-compact">
      <div class="container page-hero-grid">
        <div>
          <p class="eyebrow">Contacto · perfil técnico · colaboración</p>
          <h1>Hablemos desde el trabajo, no desde el humo.</h1>
          <p class="hero-lead">
            Este portfolio muestra proyectos de IA (<em>Artificial Intelligence – Inteligencia Artificial</em>) aplicada,
            RAG (<em>Retrieval-Augmented Generation – Generación Aumentada por Recuperación</em>) documental,
            automatización, análisis de negocio y sistemas demostrables.
          </p>
          <p class="hero-note">
            El mejor punto de partida para una conversación profesional es revisar primero el repositorio principal
            <code>Agentes_IA</code>, los proyectos públicos y las líneas técnicas de producto.
          </p>
        </div>

        <aside class="page-summary-card">
          <span class="card-label">Contacto profesional</span>
          <strong>Revisión técnica</strong>
          <p>GitHub es el canal principal para evaluar trabajo, repositorios, estructura y evolución del portfolio.</p>
        </aside>
      </div>
    </section>

    <section class="section">
      <div class="container contact-grid">
        <article class="contact-card contact-card-primary">
          <div class="card-topline">
            <span class="project-kicker">GitHub</span>
            <span class="scope-pill">Perfil público</span>
          </div>
          <h2>Perfil principal</h2>
          <p>
            Acceso al perfil completo, repositorios públicos y evolución técnica del portfolio.
          </p>

          <div class="contact-actions">
            <a class="btn btn-primary" href="https://github.com/chema74" target="_blank" rel="noopener noreferrer">
              Abrir GitHub
            </a>
          </div>
        </article>

        <article class="contact-card">
          <div class="card-topline">
            <span class="project-kicker">Repositorio principal</span>
            <span class="scope-pill">Agentes_IA</span>
          </div>
          <h2>Trabajo técnico central</h2>
          <p>
            Monorepo con proyectos de inteligencia artificial aplicada, agentes, productos técnicos,
            documentación, pruebas y scripts de validación.
          </p>

          <div class="contact-actions">
            <a class="btn btn-secondary" href="https://github.com/chema74/Agentes_IA" target="_blank" rel="noopener noreferrer">
              Ver repositorio
            </a>
          </div>
        </article>

        <article class="contact-card">
          <div class="card-topline">
            <span class="project-kicker">Lectura recomendada</span>
            <span class="scope-pill">Antes de contactar</span>
          </div>
          <h2>Qué revisar primero</h2>
          <p>
            Para entender el enfoque, conviene revisar primero los proyectos destacados, después los productos técnicos
            y finalmente el catálogo completo del repositorio.
          </p>

          <div class="contact-actions">
            <a class="btn btn-secondary" href="proyectos.html">Ver proyectos</a>
            <a class="btn btn-secondary" href="productos.html">Ver productos</a>
          </div>
        </article>

        <article class="contact-card">
          <div class="card-topline">
            <span class="project-kicker">Áreas de trabajo</span>
            <span class="scope-pill">IA aplicada</span>
          </div>
          <h2>Sistemas, procesos y documentación</h2>
          <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, documentación inteligente y análisis empresarial.
          </p>

          <ul class="compact-list">
            <li>Agentes supervisados</li>
            <li>RAG documental</li>
            <li>Automatización empresarial</li>
            <li>Inteligencia comercial internacional</li>
            <li>Dashboards consultables en lenguaje natural</li>
          </ul>
        </article>
      </div>
    </section>

    <section class="section section-muted">
      <div class="container profile-panel">
        <div>
          <p class="eyebrow">Nota</p>
          <h2>Portfolio técnico, no escaparate comercial.</h2>
        </div>

        <div class="profile-copy">
          <p>
            Esta web no está planteada como una página de venta agresiva. Su función es ordenar y presentar proyectos reales
            de aprendizaje, construcción técnica y aplicación práctica de inteligencia artificial.
          </p>
          <p>
            El objetivo es que el trabajo pueda revisarse con claridad: qué existe, cómo está organizado, qué demuestra y
            dónde están los límites. Eso, al final, dice más que cualquier promesa brillante.
          </p>
        </div>
      </div>
    </section>
  </main>

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