PageSourceSearch

https://bnbyclairo.com/eventos

html bnbyclairo.com collected 2026-10-05 08:52:35 UTC 96,377 bytes, 1,684 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4<meta charset="UTF-8" />
5<!-- Meta Pixel Code -->
6<script>
vendor: 399 bytes, lines 6-15
6
7!function(f,b,e,v,n,t,s)
8{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
9n.callMethod.apply(n,arguments):n.queue.push(arguments)};
10if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
11n.queue=[];t=b.createElement(e);t.async=!0;
12t.src=v;s=b.getElementsByTagName(e)[0];
13s.parentNode.insertBefore(t,s)}(window, document,'script',
14'https://connect.facebook.net/en_US/fbevents.js');
15fbq('init', '
15887407921030690
vendor: 30 bytes, lines 15-16
15');
16fbq('track', 'PageView');
17</script>
17
18<noscript><img height="1" width="1" style="display:none"
19src="https://www.facebook.com/tr?id=887407921030690&ev=PageView&noscript=1"
20/></noscript>
21<!-- End Meta Pixel Code -->
22
23 <!-- Google Tag Manager -->
24<script>
vendor: 327 bytes, lines 24-28
24(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
25new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
26j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
27'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
28})(window,document,'script','dataLayer','
28GTM-TFPTWPNQ
vendor: 3 bytes, line 28
28');
28</script>
28
29<!-- End Google Tag Manager -->  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
30  <title>Eventos | Builders Network by Clairo</title>
31  <meta name="description" content="Próximos eventos de Builders Network by Clairo. Conversaciones, experiencias y encuentros para quienes están construyendo el futuro.">
32  <!-- Open Graph -->
33  <meta property="og:type" content="website">
34  <meta property="og:url" content="https://bnbyclairo.com/eventos.html">
35  <meta property="og:title" content="Eventos | Builders Network by Clairo">
36  <meta property="og:description" content="Conversaciones, experiencias y encuentros para quienes están construyendo el futuro de los negocios, la tecnología, la creatividad y la innovación.">
37  <meta property="og:image" content="https://bnbyclairo.com/Logo%20Builders%20Network%20-%20Baner.png">
38  <meta property="og:image:width" content="1200">
39  <meta property="og:image:height" content="630">
40  <meta name="twitter:card" content="summary_large_image">
41  <meta name="twitter:title" content="Eventos | Builders Network by Clairo">
42  <meta name="twitter:description" content="Conversaciones, experiencias y encuentros para quienes están construyendo el futuro de los negocios, la tecnología, la creatividad y la innovación.">
43  <meta name="twitter:image" content="https://bnbyclairo.com/Logo%20Builders%20Network%20-%20Baner.png">
44  <link rel="icon" type="image/svg+xml" href="Logo Builders Network - Esquinas Bordeadas.svg">
45  <link rel="preconnect" href="https://fonts.googleapis.com" />
46  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
47  <link href="https://fonts.googleapis.com/css2?family=REM:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
48  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" rel="stylesheet" />
49
50  <style>
51    /* ═══════════════════════════════════════
52       DESIGN TOKENS
53    ═══════════════════════════════════════ */
54    :root {
55      --bg:        #1C212D;
56      --surface:   rgba(92,171,148,.05);
57      --surface2:  rgba(92,171,148,.09);
58      --accent:    #5CAB94;
59      --accent-h:  #5CAB94;
60      --text:      #5CAB94;
61      --text-sec:  rgba(92,171,148,.72);
62      --text-dim:  rgba(92,171,148,.5);
63      --border:    rgba(92,171,148,.18);
64      --radius:    12px;
65      --r-lg:      20px;
66      --shadow:    0 8px 40px rgba(0,0,0,.35);
67      --trans:     .25s cubic-bezier(.4,0,.2,1);
68      --font: 'REM', sans-serif;
69    }
70
71    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
72    html { scroll-behavior: smooth; }
73    body {
74      font-family: var(--font);
75      background: var(--bg);
76      color: var(--text);
77      line-height: 1.6;
78      overflow-x: hidden;
79      font-size: 17px;
80      font-weight: 400;
81    }
82    h1, h2, h3, h4 { font-family: var(--font); letter-spacing: -.015em; }
83    .accent-italic { color: var(--accent-h); font-style: italic; font-weight: 900; }
84
85
86    img { max-width: 100%; display: block; }
87    a { text-decoration: none; color: inherit; }
88
89    body::before {
90      content: '';
91      position: fixed;
92      inset: 0;
93      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
94      opacity: .022;
95      pointer-events: none;
96      z-index: 9999;
97    }
98
99    .container {
100      max-width: 1280px;
101      margin: 0 auto;
102      padding: 0 40px;
103      width: 100%;
104    }
105    @media (max-width: 768px) { .container { padding: 0 20px; } }
106
107    .chip {
108      display: inline-flex;
109      align-items: center;
110      gap: 6px;
111      padding: 4px 12px;
112      border-radius: 100px;
113      font-size: .75rem;
114      font-weight: 800;
115      letter-spacing: .08em;
116      text-transform: uppercase;
117    }
118    .chip--dinner  { background: rgba(92,171,148,.15); color: var(--accent-h); border: 1px solid rgba(92,171,148,.3); }
119    .chip--afterwork { background: rgba(92,171,148,.22); color: var(--accent-h); border: 1px solid rgba(92,171,148,.4); }
120    .chip--panel { background: rgba(92,171,148,.1); color: var(--accent); border: 1px solid rgba(92,171,148,.25); }
121
122    .btn {
123      display: inline-flex;
124      align-items: center;
125      gap: 8px;
126      padding: 14px 28px;
127      border-radius: var(--radius);
128      font-family: var(--font);
129      font-weight: 600;
130      font-size: .9rem;
131      cursor: pointer;
132      border: none;
133      transition: all var(--trans);
134      letter-spacing: .02em;
135    }
136    .btn--primary {
137      background: var(--accent);
138      color: var(--bg);
139    }
140    .btn--primary:hover {
141      background: var(--accent-h);
142      transform: translateY(-2px);
143      box-shadow: 0 8px 24px rgba(92,171,148,.35);
144    }
145
146    /* ── HEADER / NAV ── */
147    .header {
148      position: fixed;
149      top: 0; left: 0; right: 0;
150      z-index: 100;
151      background: transparent;
152      padding: 1.25rem 1rem 0;
153      pointer-events: none;
154    }
155    .nav {
156      display: flex;
157      align-items: center;
158      justify-content: space-between;
159      height: 68px;
160      background: rgba(19,24,35,0.82);
161      border: 1px solid rgba(92,171,148,.22);
162      box-shadow: 0 10px 40px rgba(0,0,0,.35);
163      backdrop-filter: blur(16px);
164      -webkit-backdrop-filter: blur(16px);
165      border-radius: 16px;
166      padding: 6px 24px 6px 16px;
167      max-width: 1100px;
168      margin: 0 auto;
169      pointer-events: auto;
170      gap: 1.25rem;
171      font-family: var(--font);
172    }
173    .nav__logo {
174      display: flex;
175      align-items: center;
176      margin-left: -70px;
177      padding-left: 0;
178      flex-shrink: 0;
179    }
180    .nav__logo svg { height: 90px; width: auto; }
181    .nav__links {
182      display: flex;
183      align-items: center;
184      gap: 0.25rem;
185      list-style: none;
186      flex: 1;
187      justify-content: space-evenly;
188    }
189    .nav__links a {
190      font-size: 0.875rem;
191      font-weight: 500;
192      color: rgba(92,171,148,0.85);
193      text-decoration: none;
194      white-space: nowrap;
195      padding: 0.4rem 0.6rem;
196      border-radius: 8px;
197      transition: background 0.2s, color 0.2s;
198      letter-spacing: 0;
199      text-transform: none;
200      font-family: var(--font);
201    }
202    .nav__links a::after { display: none; }
203    .nav__links a:hover, .nav__links a.active {
204      color: var(--accent);
205      background: rgba(92,171,148,0.16);
206    }
207    .nav__cta {
208      margin-left: 0 !important;
209      font-size: 0.875rem !important;
210      font-weight: 700 !important;
211      color: var(--bg) !important;
212      background: var(--accent) !important;
213      border-radius: var(--radius) !important;
214      padding: 0.5rem 1rem !important;
215      letter-spacing: 0.05em !important;
216      text-transform: uppercase !important;
217      white-space: nowrap;
218      flex-shrink: 0;
219      font-family: var(--font) !important;
220    }
221    .nav__cta:hover { background: var(--accent-h) !important; }
222    .nav__hamburger {
223      display: none;
224      flex-direction: column;
225      gap: 5px;
226      cursor: pointer;
227      padding: 6px;
228      background: rgba(92,171,148,0.14);
229      border-radius: 50%;
230      width: 38px; height: 38px;
231      align-items: center; justify-content: center;
232      flex-shrink: 0;
233    }
234    .nav__hamburger span {
235      display: block;
236      width: 18px;
237      height: 2px;
238      background: var(--accent-h);
239      border-radius: 2px;
240      transition: all var(--trans);
241    }
242    .nav__mobile {
243      display: none;
244      flex-direction: column;
245      gap: 0.25rem;
246      position: fixed;
247      top: 84px;
248      right: 16px;
249      width: 90%;
250      max-width: 400px;
251      pointer-events: auto;
252      z-index: 99;
253      background: rgba(19,24,35,0.96);
254      backdrop-filter: blur(20px);
255      -webkit-backdrop-filter: blur(20px);
256      border-radius: 16px;
257      border: 1px solid rgba(92,171,148,.22);
258      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
259      padding: 1.25rem;
260    }
261    .nav__mobile.open { display: flex; }
262    .nav__mobile a {
263      padding: 0.6rem 0.75rem;
264      font-size: 0.875rem;
265      font-weight: 500;
266      letter-spacing: 0.1em;
267      text-transform: uppercase;
268      color: rgba(92,171,148,0.8);
269      border-bottom: none;
270      border-radius: 9999px;
271      transition: background 0.2s, color 0.2s;
272      text-decoration: none;
273      font-family: var(--font);
274    }
275    .nav__mobile a:hover, .nav__mobile a.active { color: var(--accent); background: rgba(92,171,148,0.16); }
276     .nav__mobile a.btn--primary { color: var(--bg); }.nav__mobile .btn { margin-top: 20px; width: 100%; justify-content: center; }
277
278    /* ── HERO ── */
279    .eventos-hero {
280      min-height: 92vh;
281      display: flex;
282      align-items: center;
283      padding: 10rem 0 6rem;
284      background: var(--bg);
285      position: relative;
286      overflow: hidden;
287    }
288    /* full-bleed background image */
289    .eventos-hero__bg {
290      position: absolute;
291      inset: 0;
292      width: 100%;
293      height: 100%;
294      object-fit: cover;
295      object-position: center;
296      z-index: 0;
297    }
298    .eventos-hero::after {
299      content: '';
300      position: absolute;
301      inset: 0;
302      background: linear-gradient(
303        to right,
304        rgba(10,16,28,.92) 0%,
305        rgba(10,16,28,.75) 55%,
306        rgba(10,16,28,.3) 100%
307      );
308      z-index: 1;
309      pointer-events: none;
310    }
311    .eventos-hero::before {
312      content: '';
313      position: absolute;
314      inset: 0;
315      background: radial-gradient(ellipse 60% 70% at 0% 50%, rgba(92,171,148,.18) 0%, transparent 60%);
316      z-index: 2;
317      pointer-events: none;
318    }
319    /* decorative ring */
320    .eventos-hero__ring {
321      position: absolute;
322      right: -120px;
323      top: 50%;
324      transform: translateY(-50%);
325      width: 640px;
326      height: 640px;
327      border-radius: 50%;
328      border: 1px solid rgba(92,171,148,.12);
329      pointer-events: none;
330    }
331    .eventos-hero__ring::before {
332      content: '';
333      position: absolute;
334      inset: 60px;
335      border-radius: 50%;
336      border: 1px solid rgba(92,171,148,.08);
337    }
338    .eventos-hero__ring::after {
339      content: '';
340      position: absolute;
341      inset: 120px;
342      border-radius: 50%;
343      border: 1px solid rgba(92,171,148,.06);
344    }
345    .eventos-hero__layout {
346      position: relative;
347      z-index: 3;
348      display: grid;
349      grid-template-columns: 1fr;
350      gap: 64px;
351      align-items: center;
352    }
353    .eventos-hero__content {
354      position: relative;
355      z-index: 3;
356      max-width: 700px;
357    }
358    .eventos-hero__badge {
359      display: inline-flex;
360      align-items: center;
361      gap: 8px;
362      background: rgba(92,171,148,.1);
363      border: 1px solid rgba(92,171,148,.25);
364      border-radius: 100px;
365      padding: 6px 14px 6px 10px;
366      margin-bottom: 32px;
367    }
368    .eventos-hero__badge-dot {
369      width: 7px;
370      height: 7px;
371      border-radius: 50%;
372      background: var(--accent);
373      animation: pulse-dot 2s ease-in-out infinite;
374    }
375    @keyframes pulse-dot {
376      0%,100% { opacity: 1; transform: scale(1); }
377      50% { opacity: .5; transform: scale(.75); }
378    }
379    .eventos-hero__badge span {
380      font-size: .72rem;
381      font-weight: 700;
382      letter-spacing: .1em;
383      text-transform: uppercase;
384      color: var(--accent);
385    }
386    .eventos-hero__img-col {
387      position: relative;
388      border-radius: 20px;
389      overflow: hidden;
390      height: 500px;
391      flex-shrink: 0;
392      width: 380px;
393      box-shadow: 0 32px 80px rgba(0,0,0,.5);
394    }
395    .eventos-hero__img-col img {
396      width: 100%;
397      height: 100%;
398      object-fit: cover;
399    }
400    .eventos-hero__img-col::after {
401      content: '';
402      position: absolute;
403      inset: 0;
404      background: linear-gradient(135deg, rgba(92,171,148,.12) 0%, transparent 60%);
405      border-radius: inherit;
406    }
407    @media (max-width: 960px) {
408      .eventos-hero__img-col { display: none; }
409      .eventos-hero__layout { grid-template-columns: 1fr; }
410    }
411    .eventos-hero__stats {
412      display: flex;
413      flex-direction: column;
414      gap: 20px;
415    }
416    .eventos-hero__stat {
417      background: rgba(92,171,148,.03);
418      border: 1px solid var(--border);
419      border-radius: 16px;
420      padding: 20px 28px;
421      text-align: center;
422      min-width: 140px;
423    }
424    .eventos-hero__stat-num {
425      display: block;
426      font-size: 2rem;
427      font-weight: 800;
428      letter-spacing: -.03em;
429      color: var(--accent);
430      line-height: 1;
431      margin-bottom: 6px;
432    }
433    .eventos-hero__stat-label {
434      font-size: .72rem;
435      font-weight: 600;
436      letter-spacing: .08em;
437      text-transform: uppercase;
438      color: var(--text-dim);
439    }
440    .eventos-hero__cta {
441      display: flex;
442      align-items: center;
443      gap: 16px;
444      margin-top: 40px;
445      flex-wrap: wrap;
446    }
447    .eventos-hero__scroll {
448      display: inline-flex;
449      align-items: center;
450      gap: 8px;
451      font-size: .82rem;
452      font-weight: 600;
453      color: var(--text-dim);
454      text-decoration: none;
455      letter-spacing: .04em;
456      transition: color var(--trans);
457    }
458    .eventos-hero__scroll:hover { color: var(--accent); }
459    .eventos-hero__scroll svg { transition: transform var(--trans); }
460    .eventos-hero__scroll:hover svg { transform: translateY(4px); }
461    .eventos-hero__eyebrow {
462      display: inline-flex;
463      align-items: center;
464      gap: 10px;
465      margin-bottom: 20px;
466      font-size: .78rem;
467      font-weight: 600;
468      letter-spacing: .12em;
469      text-transform: uppercase;
470      color: var(--accent);
471    }
472    .eventos-hero__eyebrow::before {
473      content: '';
474      display: block;
475      width: 32px;
476      height: 1.5px;
477      background: var(--accent);
478    }
479    .eventos-hero h1 {
480      font-size: clamp(2.4rem, 5vw, 4rem);
481      font-weight: 800;
482      letter-spacing: -.03em;
483      line-height: 1.08;
484      margin-bottom: 20px;
485    }
486    .eventos-hero p {
487      font-size: 1.05rem;
488      color: var(--text-sec);
489      line-height: 1.75;
490      max-width: 560px;
491    }
492
493    /* ── SECTION ── */
494    section { padding: 96px 0; }
495    .section-label {
496      display: inline-flex;
497      align-items: center;
498      gap: 10px;
499      font-size: .78rem;
500      font-weight: 800;
501      letter-spacing: .14em;
502      text-transform: uppercase;
503      color: var(--accent);
504      margin-bottom: 16px;
505    }
506    .section-label::before {
507      content: '';
508      display: block;
509      width: 24px;
510      height: 1.5px;
511      background: var(--accent);
512    }
513    .section-title {
514      font-size: clamp(1.8rem, 3.5vw, 2.8rem);
515      font-weight: 800;
516      letter-spacing: -.025em;
517      line-height: 1.15;
518      margin-bottom: 16px;
519    }
520
521    /* ── EVENT CARDS ── */
522    .eventos-section { padding: 80px 0; }
523    .eventos__grid {
524      display: grid;
525      grid-template-columns: 1fr;
526      gap: 24px;
527      margin-top: 48px;
528    }
529    .eventos-empty {
530      margin-top: 48px; padding: 56px 40px; text-align: center; border: 1px solid var(--border); border-radius: 20px;
531      background: rgba(92,171,148,.04);
532    }
533    .eventos-empty__icon { font-size: 40px; color: var(--accent); margin-bottom: 18px; display: inline-block; }
534    .eventos-empty h3 { font-family: var(--font); font-size: clamp(1.2rem,2.4vw,1.6rem); font-weight: 800; color: var(--text); margin-bottom: 12px; }
535    .eventos-empty p { font-size: .95rem; color: var(--text-sec); line-height: 1.7; max-width: 480px; margin: 0 auto 28px; }
536    @media (max-width: 560px) { .eventos-empty { padding: 40px 22px; } }
537
538    .hs-modal-overlay {
539      position: fixed; inset: 0; z-index: 300; display: none; align-items: center; justify-content: center;
540      background: rgba(19,24,35,.78); backdrop-filter: blur(6px); padding: 20px;
541    }
542    .hs-modal-overlay.show { display: flex; }
543    .hs-modal-card {
544      position: relative; width: 100%; max-width: 480px; max-height: 88vh; overflow-y: auto;
545      background: var(--bg); border: 1px solid var(--border); border-radius: 20px; padding: 40px 32px;
546      box-shadow: var(--shadow);
547    }
548    .hs-modal-close {
549      position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; border-radius: 50%;
550      display: flex; align-items: center; justify-content: center; background: rgba(92,171,148,.08);
551      border: none; color: var(--text-sec); cursor: pointer; transition: background .18s;
552    }
553    .hs-modal-close:hover { background: rgba(92,171,148,.16); color: var(--text); }
554    .hs-modal-title { font-family: var(--font); font-size: 1.3rem; font-weight: 800; color: var(--text); margin-bottom: 8px; padding-right: 30px; }
555    .hs-modal-desc { font-size: .9rem; color: var(--text-sec); line-height: 1.6; margin-bottom: 24px; }
556    .qf-field { margin-bottom: 16px; }
557    .qf-field label { display: block; font-size: .8rem; font-weight: 700; color: var(--text); margin-bottom: 6px; }
558    .qf-field input {
559      width: 100%; background: rgba(92,171,148,.09); border: 1px solid rgba(92,171,148,.3); color: var(--text);
560      font-family: var(--font); font-size: .92rem; padding: .8rem 1rem; border-radius: 10px; outline: none; transition: border-color .2s, background .2s;
561    }
562    .qf-field input:focus { border-color: var(--accent-h); background: rgba(92,171,148,.13); }
563    .qf-field input::placeholder { color: rgba(92,171,148,.32); }
564    .qf-error { display: none; align-items: center; gap: 6px; font-size: .82rem; color: var(--accent); margin-top: -6px; margin-bottom: 14px; }
565    .qf-error.show { display: flex; }
566    .qf-error .material-symbols-outlined { font-size: 16px; }
567    .quick-form-success { display: none; text-align: center; padding: 20px 0; }
568    .quick-form-success.show { display: block; }
569    .quick-form-success .material-symbols-outlined { font-size: 44px; color: var(--accent-h); margin-bottom: 14px; }
570    .quick-form-success h3 { font-family: var(--font); font-weight: 800; font-size: 1.15rem; margin-bottom: 8px; }
571    .quick-form-success p { font-size: .92rem; color: var(--text-sec); line-height: 1.6; margin-bottom: 0; }
572    .event-card {
573      background: var(--surface);
574      border: 1px solid var(--border);
575      border-radius: var(--r-lg);
576      overflow: hidden;
577      display: flex;
578      flex-direction: row;
579      transition: all var(--trans);
580    }
581    .event-card:hover {
582      transform: translateY(-5px);
583      box-shadow: 0 20px 48px rgba(0,0,0,.4);
584      border-color: rgba(92,171,148,.3);
585    }
586    .event-card__img {
587      position: relative;
588      width: 280px;
589      min-width: 280px;
590      height: auto;
591      overflow: hidden;
592      flex-shrink: 0;
593    }
594    .event-card__img img {
595      width: 100%;
596      height: 100%;
597      object-fit: cover;
598      filter: brightness(0.35) saturate(0.5);
599      transition: filter var(--trans), transform .6s ease;
600    }
601    .event-card:hover .event-card__img img {
602      filter: brightness(0.45) saturate(0.6);
603      transform: scale(1.04);
604    }
605    .event-card__img.event-card__img--flyer img { object-fit: contain; filter: brightness(1) saturate(1); background: #F3F1E9; }
606    .event-card:hover .event-card__img.event-card__img--flyer img { filter: brightness(1.03) saturate(1); transform: scale(1.02); }
607    .event-card__date-badge {
608      position: absolute;
609      top: 12px;
610      right: 12px;
611      background: rgba(92,171,148,.9);
612      color: var(--bg);
613      border-radius: 10px;
614      padding: 7px 11px;
615      text-align: center;
616      font-weight: 800;
617      backdrop-filter: blur(8px);
618    }
619    .event-card__date-day {
620      font-size: 1.3rem;
621      line-height: 1;
622      display: block;
623    }
624    .event-card__date-month {
625      font-size: .6rem;
626      text-transform: uppercase;
627      letter-spacing: .1em;
628      display: block;
629    }
630    .event-card__body {
631      padding: 24px 28px;
632      flex: 1;
633      display: flex;
634      flex-direction: column;
635      gap: 12px;
636    }
637    .event-card__meta {
638      display: flex;
639      align-items: center;
640      gap: 8px;
641      flex-wrap: wrap;
642    }
643    .event-card__title {
644      font-size: 1.05rem;
645      font-weight: 700;
646      line-height: 1.45;
647      color: var(--text);
648    }
649    .event-card__desc {
650      font-size: .85rem;
651      color: var(--text-sec);
652      line-height: 1.7;
653      flex: 1;
654    }
655    .event-card__footer {
656      display: flex;
657      align-items: center;
658      justify-content: space-between;
659      padding: 14px 20px;
660      border-top: 1px solid var(--border);
661      gap: 8px;
662    }
663    .event-card__footer-left {
664      display: flex;
665      flex-direction: column;
666      gap: 5px;
667    }
668    .event-card__location {
669      display: flex;
670      align-items: center;
671      gap: 5px;
672      font-size: .82rem;
673      font-weight: 700;
674      color: var(--text);
675    }
676    .event-card__location svg { color: var(--accent); flex-shrink: 0; }
677
678    @media (max-width: 640px) {
679      .event-card { flex-direction: column; }
680      .event-card__img { width: 100%; min-width: unset; height: 200px; }
681    }
682
683    /* ── SCROLL ANIMATIONS ── */
684    .fade-up {
685      opacity: 0;
686      transform: translateY(32px);
687      transition: opacity .6s ease, transform .6s ease;
688    }
689    .fade-up.visible {
690      opacity: 1;
691      transform: translateY(0);
692    }
693
694    /* ── SECTION DIVIDER ── */
695    .section-divider {
696      width: 100%;
697      height: 1px;
698      background: linear-gradient(
699        to right,
700        transparent 0%,
701        rgba(92,171,148,.2) 20%,
702        rgba(92,171,148,.35) 50%,
703        rgba(92,171,148,.2) 80%,
704        transparent 100%
705      );
706    }
707
708    /* ── FOOTER ── */
709    .cf-footer{background:#191E29;border-top:1px solid rgba(92,171,148,.1);padding:3.5rem 0 2rem;font-family:var(--font);}
710    .cf-footer__inner{max-width:1100px;margin:0 auto;padding:0 2rem;}
711    .cf-footer__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem;}
712    @media(min-width:640px){.cf-footer__grid{grid-template-columns:repeat(2,1fr);}}
713    @media(min-width:1024px){.cf-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;}}
714    .cf-footer__logo{height:1.6rem;width:auto;margin-bottom:1rem;display:block;}
715    .cf-footer__desc{font-size:.82rem;color:rgba(92,171,148,.5);line-height:1.7;margin-bottom:1.25rem;}
716    .cf-footer__flags{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:rgba(92,171,148,.4);}
717    .cf-footer h4{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;margin-top:0;}
718    .cf-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;}
719    .cf-footer ul a{font-size:.82rem;color:rgba(92,171,148,.5);text-decoration:none;transition:color .2s;}
720    .cf-footer ul a:hover{color:#5CAB94;}
721    .cf-footer__contact{display:flex;flex-direction:column;gap:.65rem;}
722    .cf-footer__wa {display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#25D366;color:#fff;font-size:.82rem;font-weight:700;padding:.7rem 1.25rem;border-radius: var(--radius);text-decoration:none;transition:background .2s;}
723    .cf-footer__wa:hover{background:#128C7E;}
724    .cf-footer__email {display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(92,171,148,.2);color:var(--accent);font-size:.82rem;font-weight:600;padding:.7rem 1.25rem;border-radius: var(--radius);text-decoration:none;transition:background .2s;}
725    .cf-footer__email:hover{background:rgba(92,171,148,.08);}
726    .cf-footer__bottom{border-top:1px solid rgba(92,171,148,.1);padding-top:1.5rem;text-align:center;font-size:.78rem;color:rgba(92,171,148,.35);}
727
728    @media (max-width: 1180px) {
729      .nav__links, .nav__cta { display: none !important; }
730      .nav__hamburger { display: flex; }
731      .nav { padding: 6px 16px; gap: 0; justify-content: space-between; }
732      .nav__logo svg { height: 66px; width: auto; }
733    }
734
735    @media (max-width: 768px) {
736      section { padding: 64px 0; }
737    }
738
739    .material-symbols-outlined {
740      font-family: 'Material Symbols Outlined';
741      font-weight: normal; font-style: normal; display: inline-flex;
742      align-items: center; justify-content: center;
743      width: 1em; height: 1em; overflow: hidden;
744      white-space: nowrap; word-wrap: normal; direction: ltr;
745      -webkit-font-smoothing: antialiased;
746      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
747      line-height: 1; flex-shrink: 0;
748    }
749
750    /* ═══════════════════════════════════════
751       HISTORIAL — GALERÍA DE EVENTOS PASADOS
752    ═══════════════════════════════════════ */
753    .hist-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
754    .hist-event { position: relative; display: flex; flex-direction: column; background: var(--bg); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; transition: transform var(--trans), border-color var(--trans), box-shadow var(--trans); }
755    .hist-event::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--border); z-index: 2; }
756    .hist-event--dinner::before { background: linear-gradient(90deg, var(--accent), var(--accent-h)); }
757    .hist-event--afterwork::before { background: linear-gradient(90deg, var(--accent), var(--accent-h)); }
758    .hist-event:hover { transform: translateY(-4px); border-color: rgba(92,171,148,.4); box-shadow: 0 16px 48px rgba(0,0,0,.3); }
759    .hist-event--afterwork:hover { border-color: rgba(180,100,200,.4); }
760    .hist-event__photo { position: relative; overflow: hidden; flex-shrink: 0; aspect-ratio: 4 / 3; background: rgba(92,171,148,.04); }
761    .hist-event__photo img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.92) saturate(0.88); transition: filter .4s ease, transform .5s ease; }
762    .hist-event:hover .hist-event__photo img { filter: brightness(1) saturate(1); transform: scale(1.05); }
763    .hist-event__info { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
764    .hist-event__info-top { display: flex; flex-direction: column; gap: 5px; flex: 1; }
765    .hist-event__date { font-size: .76rem; font-weight: 800; color: var(--accent); letter-spacing: .1em; text-transform: uppercase; }
766    .hist-event__name { font-size: 1rem; font-weight: 700; color: var(--text); line-height: 1.4; }
767    .hist-event__meta { display: flex; align-items: center; gap: 10px; padding-top: 2px; }
768    .hist-event__city { display: flex; align-items: center; gap: 4px; font-size: .76rem; font-weight: 700; color: var(--text-sec); }
769    .hist-event__city svg { color: var(--accent); flex-shrink: 0; }
770    .hist-event__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: .85rem; padding-top: .75rem; border-top: 1px solid var(--border); font-size: .82rem; font-weight: 700; color: var(--accent); text-decoration: none; transition: color .2s, gap .2s; }
771    .hist-event__cta:hover { color: var(--accent-h); gap: 9px; }
772    @media (max-width: 1024px) { .hist-gallery { grid-template-columns: repeat(2, 1fr); } }
773    @media (max-width: 640px) { .hist-gallery { grid-template-columns: 1fr; } }
774
775    /* ═══════════════════════════════════════
776       FILTROS — EVENTOS PASADOS
777    ═══════════════════════════════════════ */
778    .hist-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; margin-bottom: 8px; }
779    .hist-filter { position: relative; display: flex; align-items: center; }
780    .hist-filter select {
781      appearance: none; -webkit-appearance: none;
782      font-family: inherit; font-size: .85rem; font-weight: 600; color: var(--text);
783      background: var(--surface); border: 1px solid var(--border); border-radius: 999px;
784      padding: 10px 38px 10px 18px; cursor: pointer; min-width: 150px;
785      transition: border-color .2s, background .2s;
786    }
787    .hist-filter select:hover, .hist-filter select:focus { border-color: rgba(92,171,148,.5); background: var(--surface2); outline: none; }
788    .hist-filter select option { background: var(--surface); color: var(--text); }
789    .hist-filter .material-symbols-outlined {
790      position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
791      font-size: 18px; color: var(--text-sec); pointer-events: none;
792    }
793    .hist-filters__reset {
794      display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px;
795      font-size: .82rem; font-weight: 700; color: var(--text-sec); background: transparent;
796      border: 1px solid transparent; border-radius: 999px; cursor: pointer; transition: color .2s, border-color .2s;
797    }
798    .hist-filters__reset:hover { color: var(--accent); border-color: var(--border); }
799    .hist-filters__count { width: 100%; font-size: .82rem; color: var(--text-dim); margin-top: 2px; }
800    .hist-event[data-hidden="true"] { display: none; }
801    .hist-gallery__empty { display: none; grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: var(--text-sec); font-size: .95rem; }
802    .hist-gallery__empty.is-visible { display: block; }
803    @media (max-width: 640px) {
804      .hist-filters { gap: 8px; }
805      .hist-filter select { min-width: 0; flex: 1 1 calc(50% - 4px); }
806    }
807
808    /* ═══════════════════════════════════════
809       CHIP LISTS / LIST-CARD-ROW (speakers, faq aside)
810    ═══════════════════════════════════════ */
811    .chip-list { display: flex; flex-wrap: wrap; gap: 10px; }
812    .chip-static { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: rgba(92,171,148,.03); border: 1px solid var(--border); font-size: .88rem; font-weight: 600; color: var(--text-sec); transition: all .18s; }
813    .chip-static:hover { border-color: var(--accent-h); color: var(--text); background: rgba(92,171,148,.06); }
814    .chip-static .material-symbols-outlined { font-size: 17px; color: var(--accent-h); }
815    .list-card-row { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: start; }
816    .list-card-row__aside { position: sticky; top: 120px; }
817    @media (max-width: 900px) { .list-card-row { grid-template-columns: 1fr; gap: 32px; } .list-card-row__aside { position: static; } }
818    .aside-card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 26px; }
819    .aside-card h4 { font-size: .95rem; font-weight: 800; color: var(--text); margin-bottom: 10px; }
820    .aside-card p { font-size: .9rem; color: var(--text-sec); line-height: 1.65; margin-bottom: 16px; }
821
822    /* ═══════════════════════════════════════
823       FAQ ACCORDION
824    ═══════════════════════════════════════ */
825    .faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
826    .faq-item { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
827    .faq-item__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: none; border: none; text-align: left; font-family: var(--font); font-size: .98rem; font-weight: 700; color: var(--text); cursor: pointer; }
828    .faq-item__q .material-symbols-outlined { color: var(--accent-h); flex-shrink: 0; transition: transform .25s ease; }
829    .faq-item.open .faq-item__q .material-symbols-outlined { transform: rotate(180deg); }
830    .faq-item__a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
831    .faq-item__a-inner { padding: 0 24px 20px; font-size: .92rem; color: var(--text-sec); line-height: 1.7; }
832    .faq-item.open .faq-item__a { max-height: 260px; }
833
834    /* ═══════════════════════════════════════
835       CTA FINAL
836    ═══════════════════════════════════════ */
837    .eventos-final-cta { background: linear-gradient(180deg, var(--bg) 0%, var(--surface) 100%); text-align: center; }
838    .eventos-final-cta__actions { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 32px; flex-wrap: wrap; }
839  </style>
840</head>
841<body>
842<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 842-843
842
843<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
843GTM-TFPTWPNQ
vendor: 83 bytes, lines 843-844
843"
844height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
845<!-- End Google Tag Manager (noscript) -->
846
847  <!-- ═══════════════════════════════════
848       HEADER
849  ═══════════════════════════════════ -->
850  <header class="header">
851    <div class="container">
852      <nav class="nav">
853        <!-- BUILDERS NETWORK LOGO -->
854        <a aria-label='Builders Network by Clairo' class='nav__logo' href='/'>
855          <svg width="260" height="64" viewBox="0 0 380 260" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
856            <path d="M67.7896 115.422V81.9465H85.2925C87.6198 81.9465 89.5486 82.345 91.0789 83.142C92.6411 83.9072 93.8048 84.9752 94.57 86.3461C95.367 87.717 95.7655 89.2792 95.7655 91.0327C95.7655 92.3717 95.5105 93.6788 95.0003 94.9541C94.5221 96.2293 93.5976 97.2655 92.2267 98.0625V98.1581C93.6613 98.6682 94.825 99.5609 95.7177 100.836C96.6422 102.08 97.1045 103.514 97.1045 105.14C97.1045 107.181 96.6741 108.982 95.8133 110.544C94.9525 112.074 93.6773 113.27 91.9876 114.131C90.3297 114.991 88.2574 115.422 85.7707 115.422H67.7896ZM76.2063 108.488H84.0491C85.5157 108.488 86.6156 108.217 87.3488 107.675C88.114 107.101 88.4966 106.144 88.4966 104.805C88.4966 103.626 88.1618 102.749 87.4923 102.175C86.8547 101.569 85.8823 101.267 84.5752 101.267H76.2063V108.488ZM76.2063 95.3845H84.1926C85.3722 95.3845 86.2649 95.1135 86.8706 94.5715C87.5082 93.9976 87.8271 93.1368 87.8271 91.9891C87.8271 90.8732 87.4923 90.0443 86.8228 89.5023C86.1852 88.9285 85.1331 88.6416 83.6665 88.6416H76.2063V95.3845ZM117.132 115.9C113.976 115.9 111.234 115.342 108.907 114.226C106.611 113.11 104.842 111.516 103.599 109.444C102.355 107.34 101.734 104.821 101.734 101.888V81.9465H110.15V100.693C110.15 103.434 110.788 105.347 112.063 106.431C113.338 107.483 115.124 108.009 117.419 108.009C119.715 108.009 
856121.468 107.483 122.68 106.431C123.923 105.347 124.545 103.434 124.545 100.693V81.9465H132.674V101.888C132.674 104.821 132.021 107.34 130.714 109.444C129.438 111.516 127.637 113.11 125.31 114.226C122.982 115.342 120.257 115.9 117.132 115.9ZM138.938 115.422V81.9465H147.355V115.422H138.938ZM154.501 115.422V81.9465H162.917V108.057H179.464V115.422H154.501ZM184.167 115.422V81.9465H197.175C200.809 81.9465 203.981 82.5682 206.691 83.8115C209.401 85.0549 211.505 86.92 213.004 89.4067C214.534 91.8935 215.299 95.0019 215.299 98.732C215.299 102.239 214.55 105.252 213.052 107.77C211.553 110.257 209.417 112.154 206.643 113.461C203.87 114.768 200.586 115.422 196.792 115.422H184.167ZM192.584 108.057H196.936C199.135 108.057 200.953 107.707 202.387 107.005C203.822 106.304 204.89 105.268 205.591 103.897C206.325 102.526 206.691 100.804 206.691 98.732C206.691 96.4365 206.341 94.6034 205.639 93.2325C204.97 91.8616 203.918 90.8732 202.483 90.2675C201.048 89.6299 199.199 89.3111 196.936 89.3111H192.584V108.057ZM221.119 115.422V81.9465H247.325V89.2154H229.536V95.0497H245.412V101.697H229.536V108.105H247.66V115.422H221.119ZM252.98 115.422V81.9465H269.288C271.774 81.9465 273.91 82.3769 275.696 83.2377C277.513 84.0985 278.916 85.3259 279.904 86.92C280.924 88.514 281.434 90.411 281.434 92.6108C281.434 94.6193 281.036 96.325 280.239 97.7277C279.474 99.1305 278.406 100.262 277.035 101.123C275.696 101.952 274.15 102.574 272.396 102.988C270.643 103.371 268.793 103.562 266.849 103.562H261.397V115.422H252.98ZM273.879 115.422L266.61 102.749L274.548 101.219L283.204 115.422H273.879ZM261.397 97.2973H267.853C269.575 97.2973 270.866 96.9466 271.727 96.2453C272.619 95.512 273.066 94.444 273.066 93.0412C273.066 91.6703 272.619 90.666 271.727 90.0284C270.866 89.3908 269.559 89.072 267.805 89.072H261.397V97.2973ZM299.263 115.9C297.51 115.9 295.788 115.773 294.099 115.518C292.409 115.262 290.751 114.912 289.125 114.465L286.208 113.652L287.547 107.196L291.325 107.77C292.441 107.93 293.732 108.089 295.199 108.249C296.697 108.376 298.164 108.44 299.598 108.44C301.256 108.44 302.452 108.217 303.185 107.77C303.95 107.292 304.333 106.623 304.333 105.762C304.333 105.284 304.205 104.869 303.95 104.518C303.695 104.168 303.105 103.801 302.181 103.419C301.288 103.004 299.885 102.51 297.972 101.936C295.326 101.139 293.222 100.326 291.66 99.4971C290.098 98.6364 288.982 97.6002 288.312 96.3887C287.675 95.1453 287.356 93.5672 287.356 91.6543C287.356 89.2632 287.946 87.3185 289.125 85.8201C290.337 84.3216 291.979 83.2217 294.051 82.5203C296.155 81.8189 298.514 81.4683 301.128 81.4683C302.595 81.4683 304.093 81.5798 305.624 81.803C307.186 82.0262 308.732 82.345 310.262 82.7594L312.558 83.3333L311.362 89.6936L307.728 89.2632C306.867 89.1676 305.879 89.072 304.763 88.9763C303.679 88.8807 302.467 88.8328 301.128 88.8328C299.375 88.8328 298.068 89.056 297.207 89.5023C296.346 89.9487 295.916 90.6341 295.916 91.5587C295.916 92.005 296.059 92.4036 296.346 92.7542C296.665 93.0731 297.319 93.4078 298.307 93.7585C299.327 94.0773 300.857 94.5237 302.898 95.0975C305.512 95.7352 307.569 96.5003 309.067 97.393C310.565 98.2857 311.633 99.3377 312.271 100.549C312.909 101.729 313.227 103.164 313.227 104.853C313.227 107.372 312.606 109.444 311.362 111.07C310.119 112.696 308.445 113.908 306.341 114.705C304.237 115.502 301.878 115.9 299.263 115.9Z" fill="#5CAB94"/>
857            <path d="M68.0188 157.723V124.247H75.4791L90.9256 142.946H91.0212V124.247H99.3901V157.723H92.4081L76.4833 138.307H76.3877V157.723H68.0188ZM103.596 157.723V124.247H129.802V131.516H112.012V137.35H127.889V143.998H112.012V150.406H130.137V157.723H103.596ZM141.387 157.723V131.612H130.627V124.247H160.516V131.612H149.804V157.723H141.387ZM171.548 157.866L160.358 124.247H169.205L175.804 147.106H175.995L182.403 124.152H190.103L196.75 146.867H196.941L203.684 124.247H212.101L201.293 157.866H192.733L186.181 135.916H186.038L179.821 157.866H171.548ZM227.283 158.201C223.713 158.201 220.62 157.484 218.006 156.049C215.423 154.582 213.431 152.558 212.028 149.975C210.625 147.393 209.924 144.38 209.924 140.937C209.924 137.494 210.641 134.497 212.076 131.947C213.542 129.364 215.583 127.356 218.197 125.921C220.811 124.486 223.84 123.769 227.283 123.769C230.854 123.769 233.931 124.502 236.513 125.969C239.127 127.404 241.136 129.412 242.539 131.994C243.941 134.545 244.643 137.542 244.643 140.985C244.643 144.428 243.909 147.441 242.443 150.023C241.008 152.606 238.984 154.614 236.369 156.049C233.755 157.484 230.726 158.201 227.283 158.201ZM227.283 150.406C229.069 150.406 230.599 150.087 231.874 149.449C233.181 148.78 234.202 147.744 234.935 146.341C235.668 144.938 236.035 143.137 236.035 140.937C236.035 138.737 235.684 136.952 234.983 135.581C234.281 134.21 233.277 133.206 231.97 132.568C230.663 131.899 229.101 131.564 227.283 131.564C225.498 131.564 223.952 131.899 222.645 132.568C221.337 133.206 220.317 134.21 219.584 135.581C218.883 136.952 218.532 138.753 218.532 140.985C218.532 143.185 218.883 144.986 219.584 146.389C220.285 147.76 221.29 148.78 222.597 149.449C223.904 150.087 225.466 150.406 227.283 150.406ZM247.585 157.723V124.247H263.892C266.379 124.247 268.515 124.678 270.3 125.538C272.118 126.399 273.52 127.627 274.509 129.221C275.529 130.815 276.039 132.712 276.039 134.912C276.039 136.92 275.64 138.626 274.843 140.029C274.078 141.431 273.01 142.563 271.639 143.424C270.3 144.253 268.754 144.874 267.001 145.289C265.247 145.672 263.398 145.863 261.453 145.863H256.002V157.723H247.585ZM268.483 157.723L261.214 145.05L269.153 143.52L277.808 157.723H268.483ZM256.002 139.598H262.457C264.179 139.598 265.47 139.247 266.331 138.546C267.224 137.813 267.67 136.745 267.67 135.342C267.67 133.971 267.224 132.967 266.331 132.329C265.47 131.692 264.163 131.373 262.41 131.373H256.002V139.598ZM299.32 157.723L290.425 144.237H284.59L285.117 137.59H290.329L299.367 124.247H308.597L297.407 140.459L309.41 157.723H299.32ZM279.426 157.723V124.247H287.842V157.723H279.426Z" fill="#5CAB94"/>
858            <path d="M208.333 183.637V166.543H216.025C217.149 166.543 218.093 166.738 218.858 167.129C219.623 167.503 220.201 168.024 220.592 168.692C220.999 169.359 221.202 170.124 221.202 170.987C221.202 171.785 221.04 172.526 220.714 173.209C220.405 173.893 219.827 174.406 218.98 174.748V174.772C219.81 174.984 220.502 175.432 221.056 176.115C221.609 176.799 221.886 177.629 221.886 178.606C221.886 179.632 221.666 180.519 221.227 181.268C220.787 182.017 220.152 182.603 219.322 183.026C218.492 183.433 217.482 183.637 216.294 183.637H208.333ZM210.922 181.341H216.172C217.198 181.341 217.963 181.113 218.467 180.658C218.972 180.202 219.224 179.494 219.224 178.533C219.224 177.719 218.964 177.1 218.443 176.677C217.922 176.238 217.206 176.018 216.294 176.018H210.922V181.341ZM210.922 173.722H216.123C216.986 173.722 217.629 173.511 218.052 173.087C218.492 172.664 218.712 172.054 218.712 171.256C218.712 170.491 218.484 169.897 218.028 169.473C217.572 169.05 216.856 168.838 215.879 168.838H210.922V173.722ZM225.217 188.74C224.972 188.74 224.671 188.716 224.313 188.667C223.955 188.618 223.564 188.537 223.141 188.423L222.262 188.179L222.628 186.274L223.434 186.372C223.711 186.388 223.979 186.404 224.24 186.421C224.5 186.437 224.72 186.445 224.899 186.445C225.306 186.445 225.632 186.355 225.876 186.176C226.136 186.014 226.348 185.745 226.511 185.371L227.219 183.588L222.189 171.354H224.899L228.489 180.682H228.611L232.176 171.354H234.765L228.464 186.567C228.155 187.332 227.732 187.886 227.195 188.228C226.674 188.57 226.014 188.74 225.217 188.74Z" fill="#5CAB94"/>
859            <path d="M269.006 166.906C270.637 166.906 272.151 167.415 273.409 168.285V167.163C273.409 167.024 273.522 166.912 273.661 166.912H276.68C276.818 166.912 276.931 167.024 276.931 167.163V183.01C276.93 183.148 276.818 183.261 276.68 183.261H273.661C273.522 183.261 273.409 183.148 273.409 183.01V181.876C272.151 182.746 270.637 183.256 269.006 183.256C264.623 183.256 261.082 179.588 261.082 175.081C261.082 170.574 264.623 166.906 269.006 166.906ZM269.135 170.929C266.773 170.929 264.859 172.844 264.858 175.205C264.859 177.566 266.773 179.48 269.135 179.48C271.484 179.48 273.39 177.586 273.409 175.241V175.168C273.389 172.824 271.484 170.929 269.135 170.929ZM263.848 169.216V169.217V169.216Z" fill="#5CAB94"/>
860            <path d="M302.209 166.906C306.592 166.907 310.132 170.574 310.132 175.081C310.132 179.588 306.592 183.25
8605 302.209 183.256C297.826 183.256 294.285 179.588 294.285 175.081C294.285 170.574 297.826 166.906 302.209 166.906ZM302.337 170.677C299.975 170.677 298.062 172.592 298.062 174.953C298.062 177.315 299.975 179.229 302.337 179.229C304.698 179.229 306.613 177.315 306.613 174.953C306.613 172.592 304.698 170.677 302.337 170.677Z" fill="#5CAB94"/>
861            <path d="M253.792 171.381C253.647 170.684 253.299 170.041 252.828 169.507C251.963 168.526 250.878 167.781 249.667 167.345C248.128 166.792 246.463 166.766 244.909 167.271C243.355 167.777 241.991 168.788 241.012 170.161C240.033 171.534 239.488 173.199 239.455 174.919C239.422 176.639 239.902 178.326 240.828 179.74C241.754 181.154 243.078 182.223 244.611 182.794C246.145 183.366 247.809 183.412 249.369 182.924C250.928 182.437 252.302 181.442 253.296 180.08L253.432 179.831C253.671 179.394 253.843 178.924 253.944 178.436L253.979 178.266C254.011 178.11 253.892 177.964 253.733 177.964H252.171H250.833C250.752 177.964 250.677 178.003 250.628 178.066C250.062 178.799 249.301 179.335 248.441 179.603C247.543 179.884 246.583 179.858 245.699 179.528C244.816 179.199 244.053 178.583 243.519 177.768C242.985 176.953 242.708 175.98 242.727 174.989C242.746 173.998 243.06 173.038 243.625 172.247C244.189 171.456 244.975 170.873 245.871 170.581C246.767 170.29 247.726 170.305 248.613 170.624C249.46 170.929 250.188 171.535 250.724 172.292C250.772 172.36 250.85 172.402 250.934 172.402H252.296H253.648C253.793 172.402 253.908 172.279 253.895 172.134C253.874 171.917 253.84 171.609 253.792 171.381Z" fill="#5CAB94"/>
862            <circle cx="281.078" cy="164.265" r="1.88644" fill="#5CAB94"/>
863            <rect x="279.191" y="166.91" width="3.77287" height="16.3491" rx="0.251525" fill="#5CAB94"/>
864            <path d="M288.498 166.906C288.637 166.906 288.749 167.019 288.749 167.158V168.159C289.24 167.837 289.764 167.571 290.315 167.368C291.851 166.804 293.51 166.757 295.068 167.229C295.198 167.269 295.269 167.406 295.23 167.535L294.242 170.849C294.201 170.985 294.056 171.06 293.918 171.023C293.132 170.813 292.304 170.851 291.535 171.134C290.684 171.447 289.95 172.043 289.442 172.836C289.068 173.421 288.832 174.09 288.749 174.785V183.004C288.749 183.143 288.637 183.256 288.498 183.256H285.228C285.089 183.256 284.977 183.143 284.977 183.004V167.158C284.977 167.019 285.089 166.906 285.228 166.906H288.498Z" fill="#5CAB94"/>
865            <rect x="255.551" y="162.133" width="3.77287" height="21.1281" rx="0.251525" fill="#5CAB94"/>
866          </svg>
867        </a>
868
869        <ul class="nav__links">
870          <li><a href='/#la-red'>La red</a></li>
871          <li><a href='/#como-funciona'>Cómo funciona</a></li>
872          <li><a class='active' href='/eventos'>Eventos</a></li>
873          <li><a href='/#perks'>Perks</a></li>
874        </ul>
875
876        <a href="https://bnbyclairo.com/registro-typeform" class="btn btn--primary nav__cta" style="align-items:center;gap:6px;" onclick="fbq('track', 'Subscribe')">
877          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
878          Solicita tu acceso sin costo
879        </a>
880
881        <div class="nav__hamburger" id="hamburger" aria-label="Abrir menú">
882          <span></span><span></span><span></span>
883        </div>
884      </nav>
885
886      <nav class="nav__mobile" id="mobileMenu">
887        <a href='/#la-red'>La red</a>
888        <a href='/#como-funciona'>Cómo funciona</a>
889        <a class='active' href='/eventos'>Eventos</a>
890        <a href='/#perks'>Perks</a>
891        <a href="https://bnbyclairo.com/registro-typeform" class="btn btn--primary" onclick="fbq('track', 'Subscribe')">Solicita tu acceso sin costo</a>
892      </nav>
893    </div>
894  </header>
895
896  <!-- ═══════════════════════════════════
897       HERO
898  ═══════════════════════════════════ -->
899  <section class="eventos-hero">
900    <img src="Hero_IM_BN.png" alt="" class="eventos-hero__bg" loading="eager">
901    <div class="eventos-hero__ring"></div>
902    <div class="container">
903      <div class="eventos-hero__layout">
904
905        <div class="eventos-hero__content fade-up">
906          <div class="eventos-hero__badge">
907            <span class="eventos-hero__badge-dot"></span>
908            <span>Builders Network by Clairo</span>
909          </div>
910          <h1 style="font-size:clamp(3rem,6vw,5.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin-bottom:24px;">
911            Construye conexiones.<br>
912            <span style="color:var(--accent);">Activa oportunidades.</span>
913          </h1>
914          <p style="font-size:1.1rem;color:var(--text-sec);line-height:1.8;max-width:540px;">
915            Dinners íntimas, panels con expertos, buildathons y un summit para quienes están construyendo el futuro de los negocios, la tecnología y la innovación.
916          </p>
917          <div class="eventos-hero__cta">
918            <a href="#eventos" class="btn btn--primary" style="font-size:.9rem;padding:13px 28px;" onclick="fbq('track', 'ViewContent')">
919              Ver todos los eventos
920              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
921            </a>
922            <a href="#" class="eventos-hero__scroll">
923              Desplázate
924              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12l7 7 7-7"/></svg>
925            </a>
926          </div>
927        </div>
928
929
930      </div>
931    </div>
932  </section>
933
934  <div class="section-divider"></div>
935
936  <!-- ═══════════════════════════════════
937       EVENTOS GRID
938  ═══════════════════════════════════ -->
939  <section class="eventos-section" id="eventos">
940    <div class="container">
941      <div class="fade-up">
942        <p class="section-label">Agenda</p>
943        <h2 class="section-title">Todos los eventos</h2>
944      </div>
945
946      <div class="eventos-empty fade-up">
947        <span class="eventos-empty__icon material-symbols-outlined">event_upcoming</span>
948        <h3>Muy pronto anunciaremos nuestros <span class="accent-italic">próximos eventos</span></h3>
949        <p>Estamos preparando la siguiente edición de Builders Network. Regístrate y te avisaremos en cuanto abramos cupo.</p>
950        <a href="#" class="btn btn--primary" data-hs-modal-open>
951          Estar atento
952          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
953        </a>
954      </div>
955    </div>
956  </section>
957
958  <div class="section-divider"></div>
959
960  <!-- ═══════════════════════════════════
961       EVENTOS PASADOS
962  ═══════════════════════════════════ -->
963  <section id="eventos-pasados">
964    <div class="container">
965      <div class="fade-up" style="max-width:620px;">
966        <p class="section-label">Experiencias</p>
967        <h2 class="section-title">Eventos realizados y una comunidad que sigue creciendo</h2>
968      </div>
969
970      <div class="hist-filters fade-up" id="histFilters">
971        <div class="hist-filter">
972          <select id="filterTema" aria-label="Filtrar por tema">
973            <option value="">Tema · Todos</option>
974          </select>
975          <span class="material-symbols-outlined">expand_more</span>
976        </div>
977        <div class="hist-filter">
978          <select id="filterTipo" aria-label="Filtrar por tipo de evento">
979            <option value="">Evento · Todos</option>
980          </select>
981          <span class="material-symbols-outlined">expand_more</span>
982        </div>
983        <div class="hist-filter">
984          <select id="filterMes" aria-label="Filtrar por mes">
985            <option value="">Mes · Todos</option>
986          </select>
987          <span class="material-symbols-outlined">expand_more</span>
988        </div>
989        <div class="hist-filter">
990          <select id="filterCiudad" aria-label="Filtrar por ciudad">
991            <option value="">Ciudad · Todas</option>
992          </select>
993          <span class="material-symbols-outlined">expand_more</span>
994        </div>
995        <button type="button" class="hist-filters__reset" id="histFiltersReset">
996          <span class="material-symbols-outlined" style="font-size:16px;">close</span>
997          Limpiar filtros
998        </button>
999        <span class="hist-filters__count" id="histFiltersCount"></span>
1000      </div>
1001
1002      <div class="hist-gallery" style="margin-top:24px;" id="histGallery">
1003
1004        <div class="hist-event hist-event--dinner fade-up" style="--i:0" data-tema="Deportes y negocio" data-tipo="Builders Dinner" data-mes="Abril" data-ciudad="Madrid">
1005          <div class="hist-event__photo">
1006            <img src="EFDL_BD_3.webp" alt="Builders Dinner — El futuro del fútbol" loading="lazy" onerror="this.style.display='none'"/>
1007          </div>
1008          <div class="hist-event__info">
1009            <div class="hist-event__info-top">
1010              <span class="hist-event__date">ABR · 2026</span>
1011              <h3 class="hist-event__name">Builders Dinner — El futuro del fútbol</h3>
1012            </div>
1013            <div class="hist-event__meta">
1014              <span class="chip chip--dinner">Builders Dinner</span>
1015              <span class="hist-event__city">
1016                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1017                Madrid
1018              </span>
1019            </div>
1020            <a class='hist-event__cta' href='/evento-el-futuro-del-futbol'>
1021              Ver evento
1022              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1023            </a>
1024          </div>
1025        </div>
1026
1027        <div class="hist-event hist-event--dinner fade-up" style="--i:1; transition-delay:.05s" data-tema="Inteligencia Artificial" data-tipo="Builders Dinner" data-mes="Mayo" data-ciudad="Madrid">
1028          <div class="hist-event__photo">
1029            <img src="EAI_BN_1.webp" alt="Builders Dinner — El nuevo rol del emprendedor en la era de la IA" loading="lazy" onerror="this.style.display='none'"/>
1030          </div>
1031          <div class="hist-event__info">
1032            <div class="hist-event__info-top">
1033              <span class="hist-event__date">MAY · 2025</span>
1034              <h3 class="hist-event__name">Builders Dinner — El nuevo rol del emprendedor en la era de la IA</h3>
1035            </div>
1036            <div class="hist-event__meta">
1037              <span class="chip chip--dinner">Builders Dinner</span>
1038              <span class="hist-event__city">
1039                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1040                Madrid
1041              </span>
1042            </div>
1043            <a class='hist-event__cta' href='/evento-nuevo-rol-del-emprendedor-ia'>
1044              Ver evento
1045              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1046            </a>
1047          </div>
1048        </div>
1049
1050        <div class="hist-event hist-event--afterwork fade-up" style="--i:2; transition-delay:.1s" data-tema="Historia y negocio" data-tipo="Builders Night" data-mes="Junio" data-ciudad="Madrid">
1051          <div class="hist-event__photo">
1052            <img src="momento-blai.jpg" alt="Builders Night — Del trueque a las startups" loading="lazy" onerror="this.style.display='none'"/>
1053          </div>
1054          <div class="hist-event__info">
1055            <div class="hist-event__info-top">
1056              <span class="hist-event__date">JUN · 2026</span>
1057              <h3 class="hist-event__name">Builders Night — Del trueque a las startups</h3>
1058            </div>
1059            <div class="hist-event__meta">
1060              <span class="chip chip--afterwork">Builders Night</span>
1061              <span class="hist-event__city">
1062                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1063                Madrid
1064              </span>
1065            </div>
1066            <a class='hist-event__cta' href='/evento-del-trueque-a-las-startups'>
1067              Ver evento
1068              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1069            </a>
1070          </div>
1071        </div>
1072
1073        <div class="hist-event hist-event--dinner fade-up" style="--i:3; transition-delay:.15s" data-tema="Inteligencia Artificial" data-tipo="Builders Dinner" data-mes="Junio" data-ciudad="Madrid">
1074          <div class="hist-event__photo">
1075            <img src="Experiencias_dinners_BN.JPG" alt="Builders Dinner — Transformar empresas en la nueva era de la IA Agéntica" loading="lazy" onerror="this.style.display='none'"/>
1076          </div>
1077          <div class="hist-event__info">
1078            <div class="hist-event__info-top">
1079              <span class="hist-event__date">JUN · 2026</span>
1080              <h3 class="hist-event__name">Builders Dinner — Transformar empresas en la nueva era de la IA Agéntica</h3>
1081            </div>
1082            <div class="hist-event__meta">
1083              <span class="chip chip--dinner">Builders Dinner</span>
1084              <span class="hist-event__city">
1085                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1086                Madrid
1087              </span>
1088            </div>
1089            <a class='hist-event__cta' href='/evento-transformar-empresas-ia-agentica'>
1090              Ver evento
1091              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1092            </a>
1093          </div>
1094        </div>
1095
1096        <div class="hist-event hist-event--afterwork fade-up" style="--i:4; transition-delay:.2s" data-tema="Comunicación" data-tipo="Builders Night" data-mes="Junio" data-ciudad="Madrid">
1097          <div class="hist-event__photo">
1098            <img src="Experiencias_Talks_BN.png" alt="Builders Night — Gana la atención sin abrir la boca" loading="lazy" onerror="this.style.display='none'"/>
1099          </div>
1100          <div class="hist-event__info">
1101            <div class="hist-event__info-top">
1102              <span class="hist-event__date">JUN · 2026</span>
1103              <h3 class="hist-event__name">Builders Night — Gana la atención sin abrir la boca</h3>
1104            </div>
1105            <div class="hist-event__meta">
1106              <span class="chip chip--afterwork">Builders Night</span>
1107              <span class="hist-event__city">
1108                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1109                Madrid
1110              </span>
1111            </div>
1112            <a class='hist-event__cta' href='/evento-gana-la-atencion-sin-abrir-la-boca'>
1113              Ver evento
1114              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1115            </a>
1116          </div>
1117        </div>
1118
1119        <div class="hist-event hist-event--afterwork fade-up" style="--i:5; transition-delay:.25s" data-tema="Inteligencia Artificial" data-tipo="Builders Night" data-mes="Junio" data-ciudad="Madrid">
1120          <div class="hist-event__photo">
1121            <img src="momento-bruno.jpg" alt="Builders Night — AI Nights: errores, aprendizajes y risas" loading="lazy" onerror="this.style.display='none'"/>
1122          </div>
1123          <div class="hist-event__info">
1124            <div class="hist-event__info-top">
1125              <span class="hist-event__date">JUN · 2026</span>
1126              <h3 class="hist-event__name">Builders Night — AI Nights: errores, aprendizajes y risas</h3>
1127            </div>
1128            <div class="hist-event__meta">
1129              <span class="chip chip--afterwork">Builders Night</span>
1130              <span class="hist-event__city">
1131                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1132                Madrid
1133              </span>
1134            </div>
1135            <a class='hist-event__cta' href='/evento-ai-nights-errores-aprendizajes'>
1136              Ver evento
1137              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1138            </a>
1139          </div>
1140        </div>
1141
1142        <div class="hist-event hist-event--dinner fade-up" style="--i:6; transition-delay:.3s" data-tema="Liderazgo" data-tipo="Builders Dinner" data-mes="Junio" data-ciudad="Madrid">
1143          <div class="hist-event__photo">
1144            <img src="momento-mau.jpg" alt="Builders Dinner — KPIs vs Humane Leadership" loading="lazy" onerror="this.style.display='none'"/>
1145          </div>
1146          <div class="hist-event__info">
1147            <div class="hist-event__info-top">
1148              <span class="hist-event__date">JUN · 2026</span>
1149              <h3 class="hist-event__name">Builders Dinner — KPIs vs Humane Leadership</h3>
1150            </div>
1151            <div class="hist-event__meta">
1152              <span class="chip chip--dinner">Builders Dinner</span>
1153              <span class="hist-event__city">
1154                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1155                Madrid
1156              </span>
1157            </div>
1158            <a class='hist-event__cta' href='/evento-kpis-vs-humane-leadership'>
1159              Ver evento
1160              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1161            </a>
1162          </div>
1163        </div>
1164
1165        <div class="hist-event hist-event--afterwork fade-up" style="--i:7; transition-delay:.35s" data-tema="Emprendimiento" data-tipo="Builders Night" data-mes="Junio" data-ciudad="Madrid">
1166          <div class="hist-event__photo">
1167            <img src="Experiencias_Talks_BN.png" alt="Builders Nights — Viajar, crear y monetizar" loading="lazy" onerror="this.style.display='none'"/>
1168          </div>
1169          <div class="hist-event__info">
1170            <div class="hist-event__info-top">
1171              <span class="hist-event__date">JUN · 2026</span>
1172              <h3 class="hist-event__name">Builders Nights — Viajar, crear y monetizar</h3>
1173            </div>
1174            <div class="hist-event__meta">
1175              <span class="chip chip--afterwork">Builders Night</span>
1176              <span class="hist-event__city">
1177                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1178                Madrid
1179              </span>
1180            </div>
1181            <a class='hist-event__cta' href='/evento-viajar-crear-y-monetizar'>
1182              Ver evento
1183              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1184            </a>
1185          </div>
1186        </div>
1187
1188        <div class="hist-event hist-event--dinner fade-up" style="--i:8" data-tema="Estrategia" data-tipo="Builders Dinner" data-mes="Julio" data-ciudad="Madrid">
1189          <div class="hist-event__photo">
1190            <img src="Builders-dinner-28-de-julio-eventbrite.webp" alt="Builders Dinner — Foresight: del caos al sistema para escalar en LATAM" loading="lazy" onerror="this.style.display='none'"/>
1191          </div>
1192          <div class="hist-event__info">
1193            <div class="hist-event__info-top">
1194              <span class="hist-event__date">JUL · 2026</span>
1195              <h3 class="hist-event__name">Builders Dinner — Foresight: del caos al sistema para escalar en LATAM</h3>
1196            </div>
1197            <div class="hist-event__meta">
1198              <span class="chip chip--dinner">Builders Dinner</span>
1199              <span class="hist-event__city">
1200                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1201                Madrid
1202              </span>
1203            </div>
1204            <a href="https://luma.com/event/evt-tirEri1LqD5hRKF" target="_blank" rel="noopener" class="hist-event__cta">
1205              Ver evento
1206              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1207            </a>
1208          </div>
1209        </div>
1210
1211        <div class="hist-event hist-event--afterwork fade-up" style="--i:9; transition-delay:.05s" data-tema="Innovación" data-tipo="Builders Night" data-mes="Julio" data-ciudad="Madrid">
1212          <div class="hist-event__photo">
1213            <img src="Builders-Night-22-de-julio-eventbrite.webp" alt="Afterwork, talk &amp; drinks — ¿Puede la astrología influir en tu negocio?" loading="lazy" onerror="this.style.display='none'"/>
1214          </div>
1215          <div class="hist-event__info">
1216            <div class="hist-event__info-top">
1217              <span class="hist-event__date">JUL · 2026</span>
1218              <h3 class="hist-event__name">Afterwork, talk &amp; drinks — ¿Puede la astrología influir en tu negocio?</h3>
1219            </div>
1220            <div class="hist-event__meta">
1221              <span class="chip chip--afterwork">Builders Night</span>
1222              <span class="hist-event__city">
1223                <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
1224                Madrid
1225              </span>
1226            </div>
1227            <a href="https://luma.com/event/evt-7guzdmYPeyP7kEK" target="_blank" rel="noopener" class="hist-event__cta">
1228              Ver evento
1229              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1230            </a>
1231          </div>
1232        </div>
1233
1234      </div>
1235    </div>
1236  </section>
1237
1238  <div class="section-divider"></div>
1239
1240<!-- ═══════════════════════════════════
1241     MOMENTOS DE NUESTRA COMUNIDAD
1242═══════════════════════════════════ -->
1243<section class="momentos" id="momentos" style="background: var(--surface); padding: 96px 0;">
1244  <div class="container">
1245    <div class="fade-up" style="text-align:center; margin-bottom:56px;">
1246      <p class="section-label" style="justify-content:center;">Comunidad</p>
1247      <h2 class="section-title" style="text-align:center;">Momentos de nuestra comunidad</h2>
1248      <p class="section-desc" style="margin:0 auto; text-align:center;">Historias, conversaciones y conexiones que han surgido dentro de Builders Network.</p>
1249    </div>
1250
1251    <div style="display:grid; grid-template-columns:repeat(5,1fr); gap:16px; align-items:start;">
1252
1253      <!-- Mau -->
1254      <div class="fade-up" style="position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:default;transition:transform var(--trans),box-shadow var(--trans);" onmouseenter="this.style.transform='translateY(-6px)';this.style.boxShadow='0 20px 48px rgba(0,0,0,.5)'" onmouseleave="this.style.transform='';this.style.boxShadow=''">
1255        <img src="momento-mau.jpg" alt="Mau" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;" onmouseenter="this.style.transform='scale(1.05)'" onmouseleave="this.style.transform=''">
1256        <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,28,.95) 35%,rgba(10,16,28,.15) 100%);"></div>
1257        <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px;">
1258          <span style="display:block;font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;">Mau · KPIs vs Humane Leadership</span>
1259          <p style="font-size:.85rem;color:rgba(92,171,148,.9);line-height:1.65;font-style:italic;">"Una cena donde el liderazgo dejó de hablar solo de métricas y empezó a hablar de personas."</p>
1260        </div>
1261      </div>
1262
1263      <!-- Karina -->
1264      <div class="fade-up" style="position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:default;transition:transform var(--trans),box-shadow var(--trans);" onmouseenter="this.style.transform='translateY(-6px)';this.style.boxShadow='0 20px 48px rgba(0,0,0,.5)'" onmouseleave="this.style.transform='';this.style.boxShadow=''">
1265        <img src="momento-karina.jpg" alt="Karina" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;" onmouseenter="this.style.transform='scale(1.05)'" onmouseleave="this.style.transform=''">
1266        <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,28,.95) 35%,rgba(10,16,28,.15) 100%);"></div>
1267        <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px;">
1268          <span style="display:block;font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;">Karina · Builders Nights</span>
1269          <p style="font-size:.85rem;color:rgba(92,171,148,.9);line-height:1.65;font-style:italic;">"Un espacio para conectar con personas que están construyendo proyectos, ideas y nuevas formas de ver el mundo."</p>
1270        </div>
1271      </div>
1272
1273      <!-- Blai -->
1274      <div class="fade-up" style="position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:default;transition:transform var(--trans),box-shadow var(--trans);" onmouseenter="this.style.transform='translateY(-6px)';this.style.boxShadow='0 20px 48px rgba(0,0,0,.5)'" onmouseleave="this.style.transform='';this.style.boxShadow=''">
1275        <img src="momento-blai.jpg" alt="Blai" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;" onmouseenter="this.style.transform='scale(1.05)'" onmouseleave="this.style.transform=''">
1276        <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,28,.95) 35%,rgba(10,16,28,.15) 100%);"></div>
1277        <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px;">
1278          <span style="display:block;font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;">Blai · Del trueque a las startups</span>
1279          <p style="font-size:.85rem;color:rgba(92,171,148,.9);line-height:1.65;font-style:italic;">"Una conversación para entender cómo han evolucionado los negocios, el dinero y el poder a lo largo de la historia."</p>
1280        </div>
1281      </div>
1282
1283      <!-- Bruno -->
1284      <div class="fade-up" style="position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:default;transition:transform var(--trans),box-shadow var(--trans);" onmouseenter="this.style.transform='translateY(-6px)';this.style.boxShadow='0 20px 48px rgba(0,0,0,.5)'" onmouseleave="this.style.transform='';this.style.boxShadow=''">
1285        <img src="momento-bruno.jpg" alt="Bruno" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;" onmouseenter="this.style.transform='scale(1.05)'" onmouseleave="this.style.transform=''">
1286        <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,28,.95) 35%,rgba(10,16,28,.15) 100%);"></div>
1287        <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px;">
1288          <span style="display:block;font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;">Bruno · KPIs vs Humane Leadership</span>
1289          <p style="font-size:.85rem;color:rgba(92,171,148,.9);line-height:1.65;font-style:italic;">"Una experiencia para repensar cómo medimos el rendimiento sin olvidar el lado humano del liderazgo."</p>
1290        </div>
1291      </div>
1292
1293      <!-- Alan -->
1294      <div class="fade-up" style="position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;cursor:default;transition:transform var(--trans),box-shadow var(--trans);" onmouseenter="this.style.transform='translateY(-6px)';this.style.boxShadow='0 20px 48px rgba(0,0,0,.5)'" onmouseleave="this.style.transform='';this.style.boxShadow=''">
1295        <img src="momento-alan.jpg" alt="Alan" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;" onmouseenter="this.style.transform='scale(1.05)'" onmouseleave="this.style.transform=''">
1296        <div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,28,.95) 35%,rgba(10,16,28,.15) 100%);"></div>
1297        <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px;">
1298          <span style="display:block;font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;">Alan · AI Fuckup Nights</span>
1299          <p style="font-size:.85rem;color:rgba(92,171,148,.9);line-height:1.65;font-style:italic;">"Una noche para hablar sin filtros sobre errores, aprendizajes y realidades detrás del hype de la inteligencia artificial."</p>
1300        </div>
1301      </div>
1302
1303    </div>
1304  </div>
1305</section>
1306
1307  <div class="section-divider"></div>
1308
1309  <!-- ═══════════════════════════════════
1310       SPEAKERS Y COLABORADORES
1311  ═══════════════════════════════════ -->
1312  <section id="speakers">
1313    <div class="container">
1314      <div class="list-card-row">
1315        <div class="fade-up">
1316          <p class="section-label">Speakers y colaboradores</p>
1317          <h2 class="section-title">¿Tienes una experiencia que merece convertirse en conversación?</h2>
1318          <p class="section-desc" style="max-width:100%;">Buscamos profesionales con conocimiento aplicado, una perspectiva propia y experiencias que puedan aportar valor a la comunidad.</p>
1319
1320          <p style="margin-top:28px;font-weight:700;color:var(--text);font-size:.95rem;">Puedes participar como:</p>
1321          <div class="chip-list" style="margin-top:16px;">
1322            <span class="chip-static"><span class="material-symbols-outlined">campaign</span>
1322Speaker</span>
1323            <span class="chip-static"><span class="material-symbols-outlined">forum</span>Moderador</span>
1324            <span class="chip-static"><span class="material-symbols-outlined">emoji_objects</span>Mentor</span>
1325            <span class="chip-static"><span class="material-symbols-outlined">groups</span>Facilitador</span>
1326            <span class="chip-static"><span class="material-symbols-outlined">gavel</span>Jurado</span>
1327            <span class="chip-static"><span class="material-symbols-outlined">location_on</span>Organizador local</span>
1328            <span class="chip-static"><span class="material-symbols-outlined">handshake</span>Partner</span>
1329            <span class="chip-static"><span class="material-symbols-outlined">workspace_premium</span>Patrocinador</span>
1330          </div>
1331        </div>
1332
1333        <div class="list-card-row__aside fade-up">
1334          <div class="aside-card">
1335            <h4>¿Quieres participar?</h4>
1336            <p>Únete a Builders Network y participa en nuestras experiencias y fortalece tu posicionamiento profesional.</p>
1337            <a href="#" class="btn btn--primary" style="width:100%;justify-content:center;" data-hs-modal-open data-hs-title="Quiero participar" data-hs-desc="Cuéntanos tu correo y te contactaremos para sumar tu experiencia a Builders Network.">
1338              <span class="material-symbols-outlined" style="font-size:16px;">person_add</span>
1339              Quiero participar
1340            </a>
1341          </div>
1342        </div>
1343      </div>
1344    </div>
1345  </section>
1346
1347  <div class="section-divider"></div>
1348
1349  <!-- ═══════════════════════════════════
1350       PREGUNTAS FRECUENTES
1351  ═══════════════════════════════════ -->
1352  <section id="faq-eventos" style="background: var(--surface);">
1353    <div class="container">
1354      <div class="fade-up" style="margin-bottom:40px;">
1355        <p class="section-label">Preguntas frecuentes</p>
1356        <h2 class="section-title" style="font-size:clamp(1.6rem,3.2vw,2.5rem);">Todo lo que necesitas <span class="accent-italic">saber</span></h2>
1357      </div>
1358
1359      <div class="faq-list fade-up" id="faqList">
1360        <div class="faq-item">
1361          <button type="button" class="faq-item__q">¿Necesito formar parte de Builders Network para asistir?<span class="material-symbols-outlined">expand_more</span></button>
1362          <div class="faq-item__a"><div class="faq-item__a-inner">No siempre. Algunos eventos están abiertos al público y otros pueden tener acceso exclusivo o preferente para miembros.</div></div>
1363        </div>
1364        <div class="faq-item">
1365          <button type="button" class="faq-item__q">¿Los eventos son gratuitos?<span class="material-symbols-outlined">expand_more</span></button>
1366          <div class="faq-item__a"><div class="faq-item__a-inner">Depende del formato. Encontrarás el precio y las condiciones dentro de la página de cada evento.</div></div>
1367        </div>
1368        <div class="faq-item">
1369          <button type="button" class="faq-item__q">¿Registrarme garantiza mi plaza?<span class="material-symbols-outlined">expand_more</span></button>
1370          <div class="faq-item__a"><div class="faq-item__a-inner">En eventos con aforo limitado, tu plaza puede requerir confirmación. Revisa las indicaciones que recibirás por correo.</div></div>
1371        </div>
1372        <div class="faq-item">
1373          <button type="button" class="faq-item__q">¿Puedo asistir si no conozco a nadie?<span class="material-symbols-outlined">expand_more</span></button>
1374          <div class="faq-item__a"><div class="faq-item__a-inner">Sí. Diseñamos los encuentros para facilitar conversaciones e integrar a nuevos asistentes.</div></div>
1375        </div>
1376        <div class="faq-item">
1377          <button type="button" class="faq-item__q">¿Puedo participar como speaker o mentor?<span class="material-symbols-outlined">expand_more</span></button>
1378          <div class="faq-item__a"><div class="faq-item__a-inner">Sí. Únete a Builders Network y participa en nuestras experiencias y fortalece tu posicionamiento profesional.</div></div>
1379        </div>
1380        <div class="faq-item">
1381          <button type="button" class="faq-item__q">¿Mi empresa puede colaborar o patrocinar un evento?<span class="material-symbols-outlined">expand_more</span></button>
1382          <div class="faq-item__a"><div class="faq-item__a-inner">Sí. Trabajamos con organizaciones que puedan aportar espacios, contenido, tecnología, difusión, retos, producción o patrocinio.</div></div>
1383        </div>
1384        <div class="faq-item">
1385          <button type="button" class="faq-item__q">¿Dónde se realizan los eventos?<span class="material-symbols-outlined">expand_more</span></button>
1386          <div class="faq-item__a"><div class="faq-item__a-inner">Principalmente en España y Latinoamérica. Cada evento muestra su ciudad, sede y modalidad.</div></div>
1387        </div>
1388        <div class="faq-item">
1389          <button type="button" class="faq-item__q">¿Cómo puedo enterarme de los siguientes eventos?<span class="material-symbols-outlined">expand_more</span></button>
1390          <div class="faq-item__a"><div class="faq-item__a-inner">Regístrate en Builders Network para recibir invitaciones y novedades de la comunidad.</div></div>
1391        </div>
1392      </div>
1393    </div>
1394  </section>
1395
1396  <!-- ═══════════════════════════════════
1397       CTA FINAL
1398  ═══════════════════════════════════ -->
1399  <section class="eventos-final-cta">
1400    <div class="container">
1401      <div class="fade-up" style="max-width:680px;margin:0 auto;">
1402        <p class="section-label" style="justify-content:center;">
1402Únete ahora</p>
1403        <h2 class="section-title" style="text-align:center;">La próxima oportunidad puede comenzar con una conversación</h2>
1404        <p class="section-desc" style="max-width:100%;text-align:center;margin:0 auto;">Descubre nuestros próximos eventos y conecta con personas que también están convirtiendo ideas en acción.</p>
1405        <div class="eventos-final-cta__actions">
1406          <a href="#eventos" class="btn btn--primary">
1407            Ver próximos eventos
1408            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
1409          </a>
1410          <a class='btn btn--outline' href='/#unete'>
1411            <span class="material-symbols-outlined" style="font-size:16px;">person_add</span>
1412            Únete a Builders Network
1413          </a>
1414        </div>
1415      </div>
1416    </div>
1417  </section>
1418
1419  <div class="section-divider"></div>
1420
1421  <!-- ═══════════════════════════════════
1422       FOOTER
1423  ═══════════════════════════════════ -->
1424  <footer class="cf-footer">
1425    <div class="cf-footer__inner">
1426      <div class="cf-footer__grid">
1427
1428        <div>
1429          <a href='/'><img src="Logo_Builders_Network.svg" alt="Builders Network by Clairo" class="cf-footer__logo" style="height:2.75rem;"></a>
1430          <p class="cf-footer__desc">Builders Network forma parte del ecosistema Clairo, una plataforma de servicios de innovación que conecta Latinoamérica con el mundo a través de la innovación, el talento y el desarrollo de negocios.</p>
1431          <div class="cf-footer__flags">🇪🇸 <span style="color:rgba(92,171,148,.2)">·</span> 🇲🇽 <span style="font-size:.75rem;">España · México</span></div>
1432        </div>
1433
1434        <div>
1435          <h4>Navegación</h4>
1436          <ul>
1437            <li><a href='/'>Inicio</a></li>
1438            <li><a href='/#la-red'>Formatos</a></li>
1439            <li><a href='/eventos'>Próximos eventos</a></li>
1440            <li><a href='/preguntas-frecuentes'>Preguntas frecuentes</a></li>
1441          </ul>
1442        </div>
1443
1444        <div>
1445          <h4>Legal</h4>
1446          <ul>
1447            <li><a href="https://clairoforwardlabs.com/aviso-legal.html" target="_blank" rel="noopener">Aviso legal</a></li>
1448            <li><a href="https://clairoforwardlabs.com/politica-privacidad.html" target="_blank" rel="noopener">Política de privacidad</a></li>
1449            <li><a href="https://clairoforwardlabs.com/politica-cookies.html" target="_blank" rel="noopener">Política de cookies</a></li>
1450          </ul>
1451        </div>
1452
1453        <div>
1454          <h4>Redes</h4>
1455          <ul>
1456            <li><a href="https://www.instagram.com/builders_network_by_clairo/" target="_blank" rel="noopener">Instagram</a></li>
1457            <li><a href="https://www.linkedin.com/company/builders-network-by-clairo/" target="_blank" rel="noopener">LinkedIn</a></li>
1458          </ul>
1459        </div>
1460
1461        <div>
1462          <h4>Contacto</h4>
1463          <div class="cf-footer__contact">
1464            <a href="https://wa.me/34625136358" target="_blank" rel="noopener" class="cf-footer__wa" onclick="fbq('track', 'Lead')">
1465              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
1466              WhatsApp
1467            </a>
1468            <a href="mailto:[email protected]" class="cf-footer__email" onclick="fbq('track', 'Lead')">
1469              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,12 2,6"/></svg>
1470              [email protected]
1471            </a>
1472          </div>
1473        </div>
1474
1475      </div>
1476      <div class="cf-footer__bottom">
1477        <p>© 2024 Clairo. Todos los derechos reservados.</p>
1478      </div>
1479    </div>
1480  </footer>
1481
1482  
1482<script>
1483    // ── MOBILE MENU ──────────────────────
1484    const hamburger = document.getElementById('hamburger');
1485    const mobileMenu = document.getElementById('mobileMenu');
1486
1487    hamburger.addEventListener('click', () => {
1488      mobileMenu.classList.toggle('open');
1489    });
1490
1491    mobileMenu.querySelectorAll('a').forEach(link => {
1492      link.addEventListener('click', () => mobileMenu.classList.remove('open'));
1493    });
1494
1495    // ── SCROLL ANIMATIONS ─────────────────
1496    const observer = new IntersectionObserver((entries) => {
1497      entries.forEach(entry => {
1498        if (entry.isIntersecting) {
1499          entry.target.classList.add('visible');
1500        }
1501      });
1502    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
1503
1504    document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
1505
1506    // ── FAQ ACCORDION ──────────────────────
1507    document.querySelectorAll('.faq-item__q').forEach(btn => {
1508      btn.addEventListener('click', () => {
1509        btn.closest('.faq-item').classList.toggle('open');
1510      });
1511    });
1512  </script>
1512
1513
1514  
1514<script>
1515    // ── FILTRO DE EVENTOS PASADOS ──────────
1516    (function () {
1517      const gallery = document.getElementById('histGallery');
1518      if (!gallery) return;
1519
1520      const cards = Array.from(gallery.querySelectorAll('.hist-event'));
1521      const selects = {
1522        tema: document.getElementById('filterTema'),
1523        tipo: document.getElementById('filterTipo'),
1524        mes: document.getElementById('filterMes'),
1525        ciudad: document.getElementById('filterCiudad'),
1526      };
1527      const resetBtn = document.getElementById('histFiltersReset');
1528      const countEl = document.getElementById('histFiltersCount');
1529
1530      let emptyState = gallery.querySelector('.hist-gallery__empty');
1531      if (!emptyState) {
1532        emptyState = document.createElement('div');
1533        emptyState.className = 'hist-gallery__empty';
1534        emptyState.textContent = 'No hay eventos que coincidan con los filtros seleccionados.';
1535        gallery.appendChild(emptyState);
1536      }
1537
1538      // Poblar opciones a partir de los data-attributes de cada tarjeta
1539      Object.keys(selects).forEach((key) => {
1540        const values = Array.from(new Set(cards.map(c => c.dataset[key]).filter(Boolean)))
1541          .sort((a, b) => a.localeCompare(b, 'es'));
1542        values.forEach((value) => {
1543          const opt = document.createElement('option');
1544          opt.value = value;
1545          opt.textContent = value;
1546          selects[key].appendChild(opt);
1547        });
1548      });
1549
1550      function applyFilters() {
1551        const active = {
1552          tema: selects.tema.value,
1553          tipo: selects.tipo.value,
1554          mes: selects.mes.value,
1555          ciudad: selects.ciudad.value,
1556        };
1557
1558        let visibleCount = 0;
1559        cards.forEach((card) => {
1560          const matches = Object.keys(active).every((key) => {
1561            return !active[key] || card.dataset[key] === active[key];
1562          });
1563          card.dataset.hidden = matches ? 'false' : 'true';
1564          if (matches) visibleCount++;
1565        });
1566
1567        emptyState.classList.toggle('is-visible', visibleCount === 0);
1568
1569        const hasActiveFilter = Object.values(active).some(Boolean);
1570        countEl.textContent = hasActiveFilter
1571          ? `${visibleCount} evento${visibleCount === 1 ? '' : 's'} encontrado${visibleCount === 1 ? '' : 's'}`
1572          : '';
1573      }
1574
1575      Object.values(selects).forEach((select) => {
1576        select.addEventListener('change', applyFilters);
1577      });
1578
1579      resetBtn.addEventListener('click', () => {
1580        Object.values(selects).forEach((select) => { select.value = ''; });
1581        applyFilters();
1582      });
1583    })();
1584  </script>
1584
1585
1586  <!-- Luma checkout embed -->
1587  
1587<script id="luma-checkout" src="https://embed.lu.ma/checkout-button.js"></script>
1587
1588
1589  <!-- ── MODAL: Estar atento / Quiero participar (mismo formulario del popup del home) ── -->
1590  <div class="hs-modal-overlay" id="hsModalOverlay">
1591    <div class="hs-modal-card" role="dialog" aria-modal="true" aria-labelledby="hsModalTitle">
1592      <button type="button" class="hs-modal-close" id="hsModalClose" aria-label="Cerrar">
1593        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
1594      </button>
1595
1596      <div id="hsModalFormWrap">
1597        <h3 id="hsModalTitle" class="hs-modal-title">Regístrate para estar atento</h3>
1598        <p class="hs-modal-desc" id="hsModalDesc">Te avisaremos en cuanto anunciemos los próximos eventos de Builders Network.</p>
1599
1600        <div class="qf-field" style="text-align:left;">
1601          <label for="hsModalEmail" style="font-size:.8rem;font-weight:700;color:var(--text);display:block;margin-bottom:6px;">Tu correo electrónico</label>
1602          <input type="email" id="hsModalEmail" placeholder="[email protected]" autocomplete="email">
1603        </div>
1604        <div class="qf-error" id="hsModalError"><span class="material-symbols-outlined">error</span><span>Introduce un correo válido para continuar.</span></div>
1605
1606        <button type="button" class="btn btn--primary" style="width:100%;justify-content:center;" id="hsModalCta">Enviar</button>
1607      </div>
1608
1609      <div class="quick-form-success" id="hsModalSuccess">
1610        <span class="material-symbols-outlined">task_alt</span>
1611        <h3>¡Mensaje recibido, gracias!</h3>
1612        <p>Te llegará un correo con los siguientes pasos.</p>
1613      </div>
1614    </div>
1615  </div>
1616
1617  
1617<script>
1618    (function () {
1619      const overlay = document.getElementById('hsModalOverlay');
1620      const closeBtn = document.getElementById('hsModalClose');
1621      const titleEl = document.getElementById('hsModalTitle');
1622      const descEl = document.getElementById('hsModalDesc');
1623      const formWrap = document.getElementById('hsModalFormWrap');
1624      const successEl = document.getElementById('hsModalSuccess');
1625      const emailInput = document.getElementById('hsModalEmail');
1626      const errorEl = document.getElementById('hsModalError');
1627      const ctaBtn = document.getElementById('hsModalCta');
1628
1629      const DEFAULT_TITLE = titleEl.textContent;
1630      const DEFAULT_DESC = descEl.textContent;
1631
1632      function isEmail(v) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v); }
1633      function encodeFormData(data) {
1634        return Object.keys(data).map(k => encodeURIComponent(k) + '=' + encodeURIComponent(data[k] == null ? '' : data[k])).join('&');
1635      }
1636
1637      function resetForm() {
1638        formWrap.style.display = '';
1639        successEl.classList.remove('show');
1640        errorEl.classList.remove('show');
1641        emailInput.value = '';
1642      }
1643
1644      function openModal(e) {
1645        if (e) e.preventDefault();
1646        const trigger = e && e.currentTarget;
1647        titleEl.textContent = (trigger && trigger.getAttribute('data-hs-title')) || DEFAULT_TITLE;
1648        descEl.textContent = (trigger && trigger.getAttribute('data-hs-desc')) || DEFAULT_DESC;
1649        resetForm();
1650        overlay.classList.add('show');
1651      }
1652      function closeModal() { overlay.classList.remove('show'); }
1653
1654      document.querySelectorAll('[data-hs-modal-open]').forEach(el => el.addEventListener('click', openModal));
1655      closeBtn.addEventListener('click', closeModal);
1656      overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(); });
1657      document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && overlay.classList.contains('show')) closeModal(); });
1658      emailInput.addEventListener('input', function () { errorEl.classList.remove('show'); });
1659
1660      ctaBtn.addEventListener('click', function () {
1661        const email = emailInput.value.trim();
1662        if (!isEmail(email)) { errorEl.classList.add('show'); return; }
1663
1664        ctaBtn.disabled = true;
1665        const originalHtml = ctaBtn.innerHTML;
1666        ctaBtn.innerHTML = '<span class="spinner" style="width:14px;height:14px;border:2px solid rgba(92,171,148,.35);border-top-color:var(--bg);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;"></span> Enviando…';
1667
1668        fetch(window.location.pathname, {
1669          method: 'POST',
1670          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
1671          body: encodeFormData({ 'form-name': 'eventos-quick-form', correo: email })
1672        }).finally(function () {
1673          formWrap.style.display = 'none';
1674          successEl.classList.add('show');
1675          ctaBtn.disabled = false;
1676          ctaBtn.innerHTML = originalHtml;
1677        });
1678      });
1679    })();
1680  </script>
1680
1681
1682  <style>@keyframes spin { to { transform: rotate(360deg); } }</style>
1683</body>
1684</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.