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 & 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 & 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.