1<!DOCTYPE html> 2<html lang="es"> 3 <head> 4 <!-- Resource preconnection hints for performance --> 5 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 6 <link rel="preconnect" href="https://d3vnsn21cv5bcd.cloudfront.net"> 7 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 8 <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 9 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 10 <link rel="dns-prefetch" href="https://academia.kleer.la"> 11
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15})(window,document,'script','dataLayer','
15GTM-W5H5CPKF
vendor: 3 bytes, line 15
15');
15</script>
15 16 <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/> 17 <meta property="og:image" content="https://www.kleer.la/img/logos/kleer.png"/> 18 <meta property="og:image:url" content="https://www.kleer.la/img/logos/kleer.png"/> 19 <meta property="og:image:secure_url" content="https://www.kleer.la/img/logos/kleer.png"/> 20 <link rel="alternate" hreflang='x-default' href="https://www.kleer.la/es/formacion/adopcion-ia-empresas"/><link rel="alternate" hreflang="es" href="https://www.kleer.la/es/formacion/adopcion-ia-empresas"/><meta property="og:title" content="Adopción de Inteligencia Artificial Organizacional"/> 21 <meta name="twitter:title" content="Adopción de Inteligencia Artificial Organizacional"/> 22 <title>Kleer | Adopción de Inteligencia Artificial Organizacional</title><meta property="og:description" content="Adopción de la Inteligencia Artificial (IA) en contextos organizacionales. Logra la Transformación Digital con Inteligencia Artificial en la Empresa."/> 23 <meta name="twitter:description" content="Adopción de la Inteligencia Artificial (IA) en contextos organizacionales. Logra la Transformación Digital con Inteligencia Artificial en la Empresa."/> 24 <meta name="description" content="Adopción de la Inteligencia Artificial (IA) en contextos organizacionales. Logra la Transformación Digital con Inteligencia Artificial en la Empresa."/><link rel="canonical" href="https://www.kleer.la/es/formacion/adopcion-ia-empresas"/><meta property="og:url" content="https://www.kleer.la/es/formacion/adopcion-ia-empresas"/><meta name="author" content="Kleer - https://www.kleer.la"> 25<meta property="og:type" content="website" /> 26<meta property="og:site_name" content="Kleer" /> 27<meta property="og:locale" content="es_ES" /> 28<meta property="og:locale:alternate" content="en_US" /> 29<meta property="fb:app_id" content="116606177078" /> 30<meta name="twitter:card" content="summary_large_image"> 31<meta name="twitter:site" content="@klaborativa"> 32<meta http-equiv="Cache-control" content="public"> 33<link rel="shortcut icon" href="/favicon.ico">
34<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Kleer","url":"https://www.kleer.la","logo":"https://www.kleer.la/img/logos/kleer.png","sameAs":["https://www.linkedin.com/company/kleer","https://x.com/klaborativa"],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","url":"https://www.kleer.la"}}</script>
34<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Kleer","url":"https://www.kleer.la","inLanguage":["es"]}</script>
34 35 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 36 37 <link rel="stylesheet" href="/app/css/index.css?v=1790352799"> 38 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"> 39 40 </head> 41 <body id="body">
vendor: 72 bytes, lines 41-42
41 42 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
42GTM-W5H5CPKF
vendor: 88 bytes, lines 42-44
42" 43height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 44
45<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top" id="navbar"> 46 <div class="container-fluid navbar-content"> 47 <a id="logo" class="navbar-brand a" href="/es/"> 48 <picture> 49 <source srcset="/app/img/black_logo.webp" type="image/webp"> 50 <img src="/app/img/black_logo.png" alt="Kleer" width="115" height="25" loading="lazy"/> 51 </picture> 52 </a> 53 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 54 <span class="navbar-toggler-icon"></span> 55 </button> 56 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 57 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 58 59 60 <li class="nav-item dropdown"> 61 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 62 Servicios 63 </a> 64 <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> 65 66 67 68 69 <li> 70 <a class="dropdown-item" href="/es/servicios/cambio-organizacional-liderazgo"> 71 Cambio Organizacional y Liderazgo 72 </a> 73 </li> 74 75 76 77 78 79 <li> 80 <a class="dropdown-item" href="/es/servicios/agile-product-management"> 81 Product Management 82 </a> 83 </li> 84 85 86 87 88 89 <li> 90 <a class="dropdown-item" href="/es/servicios/agilidad-equipos"> 91 Agilidad para Equipos 92 </a> 93 </li> 94 95 96 97 98 99 <li><hr class="dropdown-divider"></li> 100 101 102 103 104 105 <li> 106 <a class="dropdown-item" href="/es/formacion/adopcion-ia-empresas"> 107 Adopción Empresarial de IA 108 </a> 109 </li> 110 111 112 </ul> 113 </li> 114 115 116 117 <li class="nav-item dropdown"> 118 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 119 Cursos 120 </a> 121 <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> 122 123 124 125 126 127 <li> 128 <a class="dropdown-item" href="/es/formacion/programas-capacitacion-empresarial"> 129 Programas de Capacitación Empresarial 130 </a> 131 </li> 132 133 134 135 136 137 <li> 138 <a class="dropdown-item" href="/es/catalogo"> 139 Catálogo de cursos 140 </a> 141 </li> 142 143 144 145 146 147 <li> 148 <a class="dropdown-item" href="https://academia.kleer.la/"> 149 Academia online 150 </a> 151 </li> 152 153 154 155 156 157 <li><hr class="dropdown-divider"></li> 158 159 160 161 162 163 <li> 164 <a class="dropdown-item" href="/es/certificado"> 165 Validar certificado 166 </a> 167 </li> 168 169 170 </ul> 171 </li> 172 173 174 175 <li class="nav-item dropdown"> 176 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 177 Publicamos 178 </a> 179 <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> 180 181 182 183 184 <li> 185 <a class="dropdown-item" href="/es/recursos"> 186 Recursos y Materiales 187 </a> 188 </li> 189 190 191 192 193 194 <li> 195 <a class="dropdown-item" href="/es/blog"> 196 Blog 197 </a> 198 </li> 199 200 201 202 203 204 <li> 205 <a class="dropdown-item" href="/es/podcasts"> 206 Podcast y Streaming 207 </a> 208 </li> 209 210 211 </ul> 212 </li> 213 214 215 216 <li class="nav-item dropdown"> 217 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 218 Sobre Kleer 219 </a> 220 <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> 221 222 223 224 225 <li> 226 <a class="dropdown-item" href="/es/somos"> 227 Somos 228 </a> 229 </li> 230 231 232 233 234 235 <li> 236 <a class="dropdown-item" href="/es/clientes"> 237 Clientes 238 </a> 239 </li> 240 241 242 243 244 245 <li> 246 <a class="dropdown-item" href="/es/novedades"> 247 Novedades 248 </a> 249 </li> 250 251 252 </ul> 253 </li> 254 255 256 <li class="nav-item"> 257 <a class="nav-link language-switcher" href="/en/catalog"> ENGLISH </a> 258 </li> 259 </ul> 260 <div class="social-container"> 261 262<div class="social-media"> 263 <ul class="social-media__list"> 264 265 <li class="list-inline-item"> 266 <a href="https://www.linkedin.com/company/kleer/"><img class="icon-social " src="/app/img/icons/Linkedin.svg" alt="LinkedIn" width="px" loading="lazy"/></a></li> 267 268 <li class="list-inline-item"> 269 <a href="https://www.instagram.com/kleer.la/"><img class="icon-social " src="/app/img/icons/Instagram.svg" alt="Instagram" width="px" loading="lazy"/></a></li> 270 271 <li class="list-inline-item"> 272 <a href="https://www.youtube.com/channel/UCAIGRA-4HRyx0fUUM9cjvQw"><img class="icon-social " src="/app/img/icons/Youtube.svg" alt="Youtube" width="px" loading="lazy"/></a></li> 273 274 <li class="list-inline-item"> 275 <a href="https://www.facebook.com/kleer.la"><img class="icon-social " src="/app/img/icons/Facebook.svg" alt="Facebook" width="px" loading="lazy"/></a></li> 276 277 <li class="list-inline-item"> 278 <a href="https://x.com/kleer_la"><img class="icon-social icon-x" src="/app/img/icons/x.svg" alt="X" width="px" loading="lazy"/></a></li> 279 280 </ul> 281</div> 282 283 </div> 284 </div> 285 </div> 286</nav> 287<div class="floating-absolute-buttons"> 288 <button 289 type="button" 290 id="mail-modal-button" 291 class="floating-button mail-button modal-opener" 292 data-bs-toggle="modal" 293 data-bs-target="#mail-modal" 294 onclick="setupDownloadForm(null)" 295 aria-label="Contact us by email"> 296 <img class="" src="/app/img/icons/Envelope.svg" id="mail-icon" alt="" loading="lazy" width="48px" height="48px"/> 297</button> 298 299 <a href="https://wa.me/17868400847" 300 id="whatsapp-button" 301 class="floating-button whatsapp-button" 302 target="_blank" 303 rel="noopener noreferrer" 304 aria-label="Contact us via WhatsApp"> 305 <img src="/app/img/icons/Whatsapp.svg" alt="" loading="lazy" height="48px" width="48px"/> 306 <span class="visually-hidden">Contact us via WhatsApp</span> 307 </a> 308</div> 309 310 311 312 313 314 315 316 317<section class="area-hero-full position-relative d-flex align-items-center justify-content-center overflow-hidden" 318 style="min-height: 80vh; margin-top: 0; background: linear-gradient(to bottom, #121e59 0%, #121e59 70%, #121e5944 100%);"> 319 320 <!-- Content --> 321 <div class="position-relative px-3" style="z-index: 2; max-width: 1100px; width: 100%; padding-top: 6rem; color: #ffffff;"> 322 <!-- Title --> 323 <h1 class="text-uppercase mb-3" 324 style="font-weight: 700; font-size: clamp(1.25rem, 2.5vw, 1.75rem); line-height: 1.3; letter-spacing: 0.15em; opacity: 0.9;"> 325 Adopción Organizacional de IA 326 </h1> 327 328 <!-- Subtitle (rendered as HTML with scoped styles) --> 329 330 <div class="area-hero-subtitle mb-4"> 331 <div class="trix-content"> 332 <div>Del desorden de IA a una adopción consciente.</div><div>Te ayudamos a pasar de iniciativas aisladas a una adopción de IA real, sostenida y escalable en toda la organización.</div> 333</div> 334 335 </div> 336 337 338 <!-- Service links --> 339 340 341 <!-- CTA Button --> 342 <div class="text-center"> 343 <button 344 type="button" 345 id="area-hero-cta" 346 style="background-color: #565ed7; color: #ffffff; font-weight: 800; font-size: 1.1rem; padding: 16px 48px; border-radius: 50px; border: none; box-shadow: 0 8px 32px rgba(0,0,0,0.3); transition: transform 0.2s;" 347 class="btn area-hero-cta-btn modal-opener" 348 data-bs-toggle="modal" 349 data-bs-target="#mail-modal"> 350 Solicitar Reunión 351</button> 352 353 354 </div> 355 356 </div> 357</section> 358 359<style> 360 .area-hero-full { 361 margin-top: 0 !important; 362 } 363 .area-hero-subtitle h2 { 364 font-weight: 800; 365 font-size: clamp(2rem, 5vw, 3.5rem); 366 line-height: 1.1; 367 letter-spacing: -0.02em; 368 color: inherit; 369 margin-bottom: 0.5rem; 370 } 371 .area-hero-subtitle div, 372 .area-hero-subtitle p { 373 font-size: 1.3rem; 374 line-height: 1.6; 375 opacity: 0.9; 376 color: inherit; 377 } 378 .area-hero-service-link:hover { 379 opacity: 0.8; 380 } 381 .area-hero-cta-btn:hover { 382 transform: scale(1.05); 383 } 384 .area-hero-cta-btn:active { 385 transform: scale(0.95); 386 } 387</style> 388<section id="area" class="area-section" style="margin-top: 60px;"> 389 <div class="container mb-5"> 390 <div class="row align-items-center"> 391 <div class="col-lg-7"> 392 393 394 <h2 class="area-slogan mb-4">¿Necesitas ponerle orden a la adopción de IA en tu organización?</h2> 395 396 397 <div class="area-description"> 398 <div class="trix-content"> 399 <div>La adopción de Inteligencia Artificial a nivel organizacional se trata más de un <strong>cambio cultural </strong>que de una<strong> </strong><strong><em>implementación</em></strong><strong> tecnológica.<br></strong>Nos integramos a tu equipo para hacer realidad la adopción de IA mientras tu organización sigue funcionando. No somos un proveedor externo que entrega recomendaciones: trabajamos en la trinchera, contigo, en equipo.</div> 400</div> 401 402 </div> 403 404 </div> 405 406 <div class="col-lg-5 text-center mt-4 mt-lg-0"> 407 <img src="https://d3vnsn21cv5bcd.cloudfront.net/kleer-adopcion-ia.png" alt="Adopción Organizacional de IA" class="area-side-image" loading="lazy" /> 408 </div> 409 410 </div> 411 </div> 412</section> 413 414 415<div class="container rw-section" 416 style="--rw-accent: #121e59; --rw-accent-2: #565ed7; --rw-accent-contrast: #ffffff;"> 417 418 419 420</div> 421 422 423 424<div class="container rw-section" 425 style="--rw-accent: #121e59; --rw-accent-2: #565ed7; --rw-accent-contrast: #ffffff;"> 426 427 428<section id="forma-recomendada" class="recommended-way recommended-way-detail
428s mt-5 mb-4"> 429 430 <div class="recommended-way-details-content p-4" 431 style="border: 3px solid #121e59; border-radius: 12px; background: #fafafa;"> 432 <h2 class="rw-details-title">Tres formas de avanzar con IA</h2> 433 434<div class="rw-features"> 435 <div class="rw-feature" style="display:flex;flex-direction:column;"> 436 <span style="display:block;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--rw-accent,#23a657);margin-bottom:0.5rem;">Adopción sostenida · recomendada</span> 437 <h3>MembresÃa IA</h3> 438 <p>Sumamos profesionales de Kleer que instalan la IA en tu operación, mes a mes, junto a tu equipo.</p> 439 <p class="mt-auto-rw"><a href="/es/membresia-ia" class="btn service-preview-cta" style="background-color: transparent; color: #000000; border: 2px solid #2ac0cd; border-radius: 50px;">Conoce la MembresÃa IA</a></p> 440 </div> 441 <div class="rw-feature" style="display:flex;flex-direction:column;"> 442 <span style="display:block;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--rw-accent,#23a657);margin-bottom:0.5rem;">Lo hacemos contigo</span> 443 <h3>Innovation Team</h3> 444 <p>Conformamos equipos multidisciplinarios que exploran oportunidades y resuelven desafÃos complejos, potenciados por IA.</p> 445 <p class="mt-auto-rw"><a href="/es/servicios/agilidad-equipos/innovation-team" class="btn service-preview-cta" style="background-color: transparent; color: #000000; border: 2px solid #2ac0cd; border-radius: 50px;">Conoce el Innovation Team</a></p> 446 </div> 447 <div class="rw-feature" style="display:flex;flex-direction:column;"> 448 <span style="display:block;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--rw-accent,#23a657);margin-bottom:0.5rem;">Lo hacemos por ti</span> 449 <h3 style="display:flex;align-items:center;justify-content:center;gap:0.4rem;color:#006971;"> 450 <svg viewBox="0 0 24 24" width="22" height="22" fill="#006971" aria-hidden="true"><path d="M19.8 18.4 14 10.67V6.5l1.35-1.69c.26-.33.03-.81-.39-.81H9.04c-.42 0-.65.48-.39.81L10 6.5v4.17L4.2 18.4c-.49.66-.02 1.6.8 1.6h14c.82 0 1.29-.94.8-1.6z"/></svg> 451 <span>Kleer Lab</span> 452 </h3> 453 <p>Construimos soluciones operativas con IA en semanas y las transferimos a tu equipo.</p> 454 <p class="mt-auto-rw"><a href="https://lab.kleer.la" target="_blank" rel="noopener" class="btn service-preview-cta" style="background-color: transparent; color: #000000; border: 2px solid #2ac0cd; border-radius: 50px;">Conoce Kleer Lab</a></p> 455 </div> 456</div> 457 458 </div> 459 460</section> 461 462</div> 463<section class="area-section"> 464 <div class="container"> 465 <div 466 class="area-info" 467 style="border: #121e59 3px solid;" 468 > 469 <div class="target"> 470 471 <h2>Por qué Kleer</h2> 472 <div class="trix-content"> 473 <div>La adopción de IA es, ante todo, un cambio cultural sostenido: no ocurre con talleres aislados ni siguiendo solo a los pioneros que experimentan. Se logra combinando una estrategia clara con su ejecución, considerando la capacidad de aprendizaje de tu organización y ajustando según los resultados. Por eso la vemos como un modelo continuo, sin fecha de fin.</div><div>Y la cultura no cambia explicando, sino actuando: como mostró el caso NUMMI, las organizaciones transforman antes <em>cómo se comportan</em> que <em>cómo piensan</em>. Por eso priorizamos la acción â definimos los comportamientos deseados, entrenamos y reforzamos esas prácticas hasta que la nueva forma de trabajar se sostiene sola.</div><div>A escala organizacional aparecen desafÃos que un equipo aislado no enfrenta: pasar de pilotos sueltos a estándares y lineamientos compartidos, dar gobierno a las decisiones, y mantener visibilidad sobre el gasto (tokens, licencias, tiempo) y el retorno. Ese es el terreno en el que trabajamos.</div><div>Lo hacemos codo a codo con tu equipo, integrándonos por dentro y no como un proveedor externo, adaptando el foco según tu contexto. Cómo se concreta cada camino lo ves en las <strong>tres formas de avanzar</strong>, que haz visto más arriba..</div> 474</div> 475 476 </div> 477 </div> 478 </div> 479</section> 480<section class="area-section mt-4"> 481 <div class="container"> 482 <div class="value_proposition" style="background-color: #565ed7; color: #ffffff;"> 483 <div class="row"> 484 <div class="col-md-5 title"> 485 <img src="/app/img/icons/Ranking.svg" loading="lazy"/> 486 Si tu empresa está teniendo alguno de estos problemas, este servicio les será útil 487 </div> 488 <div class="col-md-7"> 489 <div class="trix-content"> 490 <ul><li>Equipos que experimentan, pero no escalan</li><li>Uso disperso de herramientas sin estándares claros</li><li>Iniciativas que dependen de pocas personas</li><li>Falta de capacidad operativa para sostener el avance</li><li>Mucha formación⦠pero poca aplicación en la forma de trabajar</li></ul><div><strong><br>La adopción de la IA va más allá de seleccionar y disponibilizar herramientas. <br>Son necesarias una estrategia y un proceso ordenado de transformación.</strong></div><div><br></div> 491</div> 492 493 </div> 494 </div> 495 </div> 496 </div> 497</section> 498 499 500 501<section id="newsletter-subscription" class="mt-4"> 502 <div class="container contact__container"> 503 <div class="row align-items-center"> 504 <div class="col-lg-6 contact__img-container"> 505 <img 506 src="https://d3vnsn21cv5bcd.cloudfront.net/footer.png" 507 alt="Contact" 508 class="contact__img" 509 loading="lazy" 510 > 511 </div> 512 <div class="col-lg-6 contact__text"> 513 514 <p class="mb-3"> 515 Agenda una reunión con nuestro equipo de consultores para analizar los de
515safÃos que tienen y explorar cómo podemos ayudar. 516 </p> 517 <div> 518 519 <button 520 type="button" 521 id="" 522 style="" 523 class="btn my-primary-button modal-opener" 524 data-bs-toggle="modal" 525 data-bs-target="#mail-modal"> 526 Programar Reunión 527</button> 528 529 530 </div> 531 </div> 532 </div> 533 </div> 534</section> 535 536 537 538 <footer> 539 <div class="container-fluid footer__body"> 540 <div class="row"> 541 542 <div class="col-6 col-md-3"> 543 <h5>Qué hacemos</h5> 544 <ul> 545 546 <li><a href='/es/servicios/cambio-organizacional-liderazgo'> 547 Cambio Org. y Liderazgo 548 </a></li> 549 550 <li><a href='/es/servicios/agile-product-management'> 551 Product Management 552 </a></li> 553 554 <li><a href='/es/servicios/agilidad-equipos'> 555 Agilidad para Equipos 556 </a></li> 557 558 <li><a href='/es/formacion/programas-capacitacion-empresarial'> 559 Programas de Capacitación 560 </a></li> 561 562 <li><a href='/es/membresia-ia'> 563 MembresÃa IA 564 </a></li> 565 566 </ul> 567 </div> 568 569 <div class="col-6 col-md-2"> 570 <h5>Publicamos</h5> 571 <ul> 572 573 <li><a href='/es/recursos'> 574 Recursos y Materiales 575 </a></li> 576 577 <li><a href='/es/blog'> 578 Blog 579 </a></li> 580 581 <li><a href='/es/podcasts'> 582 Podcast y Streaming 583 </a></li> 584 585 </ul> 586 </div> 587 588 <div class="col-6 col-md-2"> 589 <h5>Sobre Kleer</h5> 590 <ul> 591 592 <li><a href='/es/somos'> 593 Somos 594 </a></li> 595 596 <li><a href='/es/clientes'> 597 Clientes 598 </a></li> 599 600 <li><a href='/es/novedades'> 601 Novedades 602 </a></li> 603 604 </ul> 605 </div> 606 607 <div class="col-6 col-md-4"> 608 <h5>Comunidad Kleer</h5> 609 610 ¡SuscrÃbete a nuestro newsletter y 611entérate de todas las novedades! 612 <div class="mt-3 mb-3"> 613 <button class="footer-button" data-bs-toggle="modal" data-bs-target="#exampleModal"> 614 SuscrÃbete</button> 615 </div> 616 617 618<div class="social-media"> 619 <ul class="social-media__list"> 620 621 <li class="list-inline-item"> 622 <a href="https://www.linkedin.com/company/kleer/"><img class="icon-social " src="/app/img/icons/Linkedin.svg" alt="LinkedIn" width="px" loading="lazy"/></a></li> 623 624 <li class="list-inline-item"> 625 <a href="https://www.instagram.com/kleer.la/"><img class="icon-social " src="/app/img/icons/Instagram.svg" alt="Instagram" width="px" loading="lazy"/></a></li> 626 627 <li class="list-inline-item"> 628 <a href="https://www.youtube.com/channel/UCAIGRA-4HRyx0fUUM9cjvQw"><img class="icon-social " src="/app/img/icons/Youtube.svg" alt="Youtube" width="px" loading="lazy"/></a></li> 629 630 <li class="list-inline-item"> 631 <a href="https://www.facebook.com/kleer.la"><img class="icon-social " src="/app/img/icons/Facebook.svg" alt="Facebook" width="px" loading="lazy"/></a></li> 632 633 <li class="list-inline-item"> 634 <a href="https://x.com/kleer_la"><img class="icon-social icon-x" src="/app/img/icons/x.svg" alt="X" width="px" loading="lazy"/></a></li> 635 636 </ul> 637</div> 638 639 </div> 640 </div> 641 </div> 642 <div class="container-fluid footer-bottom"> 643 <ul class="footer-botom__list"> 644 <li>Copyright © Kleer 2026 <span>|</span></li> 645 646 <li><a href="/es/privacy"> Declaración de privacidad </a> <span>|</span></li> 647 <li><a href="/es/terms"> Términos y condiciones</a> <span>|</span></li> 648 <li><a href="https://lab.kleer.la" target="_blank" rel="noopener">Kleer Lab â</a> <span>|</span></li> 649 <li><a href="/en/"><strong>
649ENGLISH</strong></a></li> 650 651 652 </ul> 653 </div> 654 <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 655 <div class="modal-dialog modal-lg modal-fullscreen-sm-down"> 656 <div class="modal-content"> 657 <div class="modal-header"> 658 <h5 class="modal-title" id="exampleModalLabel">SuscrÃbete</h5> 659 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 660 </div> 661 <div class="modal-body"> 662 <!-- Begin Mailchimp Signup Form --> 663<link href="//cdn-images.mailchimp.com/embedcode/classic-071822.css" rel="stylesheet" type="text/css"> 664<style type="text/css"> 665 #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:600px;} 666 /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. 667 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 668</style> 669<style type="text/css"> 670 #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;} 671 #mergeRow-gdpr {margin-top: 20px;} 672 #mergeRow-gdpr fieldset label {font-weight: normal;} 673 #mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;} 674 @media (max-width: 768px) { 675 #mc_embed_signup { 676 width: 100% !important; 677 margin: 0 !important; 678 padding: 10px !important; 679 } 680 #mc_embed_signup .mc-field-group { 681 width: 100% !important; 682 padding-right: 0 !important; 683 } 684 #mc_embed_signup input { 685 width: 100% !important; 686 } 687} 688</style> 689<div id="mc_embed_signup" class="container-fluid px-0"> 690 <form action="https://kleer.us1.list-manage.com/subscribe/post?u=98726a706d87424c18b69e332&id=de82c19d8f&v_id=61&f_id=00bac2e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate mt-0" target="_blank" novalidate> 691 <div id="mc_embed_signup_scroll"> 692 <div class="indicates-required"><span class="asterisk">*</span> indica requerido</div> 693 <div class="mc-field-group"> 694 <label for="mce-EMAIL">Email <span class="asterisk">*</span> 695 </label> 696 <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required> 697 <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span> 698 </div> 699 <div class="mc-field-group"> 700 <label for="mce-FNAME">Nombre </label> 701 <input type="text" value="" name="FNAME" class="" id="mce-FNAME"> 702 <span id="mce-FNAME-HELPERTEXT" class="helper_text"></span> 703 </div> 704 <div class="mc-field-group"> 705 <label for="mce-LNAME">Apellido </label> 706 <input type="text" value="" name="LNAME" class="" id="mce-LNAME"> 707 <span id="mce-LNAME-HELPERTEXT" class="helper_text"></span> 708 </div> 709 <div class="mc-field-group"> 710 <label for="mce-MMERGE4">PaÃs </label> 711 <select name="MMERGE4" class="" id="mce-MMERGE4"> 712 <option value=""></option> 713 <option value="United States of America">United States of America</option> 714 <option value="Aaland Islands">Aaland Islands</option> 715 <option value="Afghanistan">Afghanistan</option> 716 <option value="Albania">Albania</option> 717 <option value="Algeria">Algeria</option> 718 <option value="American Samoa">American Samoa</option> 719 <option value="Andorra">Andorra</option> 720 <option value="Angola">Angola</option> 721 <option value="Anguilla">Anguilla</option> 722 <option value="Antarctica">Antarctica</option> 723 <option value="Antigua And Barbuda">Antigua And Barbuda</option> 724 <option value="Argentina">Argentina</option> 725 <option value="Armenia">Armenia</option> 726 <option value="Aruba">Aruba</option> 727 <option value="Australia">Australia</option> 728 <option value="Austria">Austria</option> 729 <option value="Azerbaijan">Azerbaijan</option> 730 <option value="Bahamas">Bahamas</option> 731 <option value="Bahrain">Bahrain</option> 732 <option value="Bangladesh">Bangladesh</option> 733 <option value="Barbados">Barbados</option> 734 <option value="Belarus">Belarus</option> 735 <option value="Belgium">Belgium</option> 736 <option value="Belize">Belize</option> 737 <option value="Benin">Benin</option> 738 <option value="Bermuda">Bermuda</option> 739 <option value="Bhutan">Bhutan</option> 740 <option value="Bolivia">Bolivia</option> 741 <option value="Bonaire, Saint Eustatius and Saba">Bonaire, Saint Eustatius and Saba</option> 742 <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 743 <option value="Botswana">Botswana</option> 744 <option value="Bouvet Island">Bouvet Island</option> 745 <option value="Brazil">Brazil</option> 746 <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> 747 <option value="Brunei Darussalam">Brunei Darussalam</option> 748 <option value="Bulgaria">Bulgaria</option> 749 <option value="Burkina Faso">Burkina Faso</option> 750 <option value="Burundi">Burundi</option> 751 <option value="Cambodia">Cambodia</option> 752 <option value="Cameroon">Cameroon</option> 753 <option value="Canada">Canada</option> 754 <option value="Cape Verde">Cape Verde</option> 755 <option value="Cayman Islands">Cayman Islands</option> 756 <option value="Central African Republic">Central African Republic</option> 757 <option value="Chad">Chad</option> 758 <option value="Chile">Chile</option> 759 <option value="China">China</option> 760 <option value="Christmas Island">Christmas Island</option> 761 <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 762 <option value="Colombia">Colombia</option> 763 <option value="Comoros">Comoros</option> 764 <option value="Congo">Congo</option> 765 <option value="Cook Islands">Cook Islands</option> 766 <option value="Costa Rica">Costa Rica</option> 767 <option value="Cote D'Ivoire">Cote D'Ivoire</option> 768 <option value="Croatia">Croatia</option> 769 <option value="Cuba">Cuba</option> 770 <option value="Curacao">Curacao</option> 771 <option value="Cyprus">Cyprus</option> 772 <option value="Czech Republic">Czech Republic</option> 773 <option value="Democratic Republic of the Congo">Democratic Republic of the Congo</option> 774 <option value="Denmark">Denmark</option> 775 <option value="Djibouti">Djibouti</option> 776 <option value="Dominica">Dominica</option> 777 <option value="Dominican Republic">Dominican Republic</option> 778 <option value="Ecuador">Ecuador</option> 779 <option value="Egypt">Egypt</option> 780 <option value="El Salvador">El Salvador</option> 781 <option value="Equatorial Guinea">Equatorial Guinea</option> 782 <option value="Eritrea">Eritrea</option> 783 <option value="Estonia">Estonia</option> 784 <option value="Ethiopia">Ethiopia</option> 785 <option value="Falkland Islands">Falkland Islands</option> 786 <option value="Faroe Islands">Faroe Islands</option> 787 <option value="Fiji">Fiji</option> 788 <option value="Finland">Finland</option> 789 <option value="France">
789France</option> 790 <option value="French Guiana">French Guiana</option> 791 <option value="French Polynesia">French Polynesia</option> 792 <option value="French Southern Territories">French Southern Territories</option> 793 <option value="Gabon">Gabon</option> 794 <option value="Gambia">Gambia</option> 795 <option value="Georgia">Georgia</option> 796 <option value="Germany">Germany</option> 797 <option value="Ghana">Ghana</option> 798 <option value="Gibraltar">Gibraltar</option> 799 <option value="Greece">Greece</option> 800 <option value="Greenland">Greenland</option> 801 <option value="Grenada">Grenada</option> 802 <option value="Guadeloupe">Guadeloupe</option> 803 <option value="Guam">Guam</option> 804 <option value="Guatemala">Guatemala</option> 805 <option value="Guernsey">Guernsey</option> 806 <option value="Guinea">Guinea</option> 807 <option value="Guinea-Bissau">Guinea-Bissau</option> 808 <option value="Guyana">Guyana</option> 809 <option value="Haiti">Haiti</option> 810 <option value="Heard and Mc Donald Islands">Heard and Mc Donald Islands</option> 811 <option value="Honduras">Honduras</option> 812 <option value="Hong Kong">Hong Kong</option> 813 <option value="Hungary">Hungary</option> 814 <option value="Iceland">Iceland</option> 815 <option value="India">India</option> 816 <option value="Indonesia">Indonesia</option> 817 <option value="Iran">Iran</option> 818 <option value="Iraq">Iraq</option> 819 <option value="Ireland">Ireland</option> 820 <option value="Isle of Man">Isle of Man</option> 821 <option value="Israel">Israel</option> 822 <option value="Italy">Italy</option> 823 <option value="Jamaica">Jamaica</option> 824 <option value="Japan">Japan</option> 825 <option value="Jersey (Channel Islands)">Jersey (Channel Islands)</option> 826 <option value="Jordan">Jordan</option> 827 <option value="Kazakhstan">Kazakhstan</option> 828 <option value="Kenya">Kenya</option> 829 <option value="Kiribati">Kiribati</option> 830 <option value="Kuwait">Kuwait</option> 831 <option value="Kyrgyzstan">Kyrgyzstan</option> 832 <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> 833 <option value="Latvia">Latvia</option> 834 <option value="Lebanon">Lebanon</option> 835 <option value="Lesotho">Lesotho</option> 836 <option value="Liberia">Liberia</option> 837 <option value="Libya">Libya</option> 838 <option value="Liechtenstein">Liechtenstein</option> 839 <option value="Lithuania">Lithuania</option> 840 <option value="Luxembourg">Luxembourg</option> 841 <option value="Macau">Macau</option> 842 <option value="Macedonia">Macedonia</option> 843 <option value="Madagascar">Madagascar</option> 844 <option value="Malawi">Malawi</option> 845 <option value="Malaysia">Malaysia</option> 846 <option value="Maldives">Maldives</option> 847 <option value="Mali">Mali</option> 848 <option value="Malta">Malta</option> 849 <option value="Marshall Islands">Marshall Islands</option> 850 <option value="Martinique">Martinique</option> 851 <option value="Mauritania">Mauritania</option> 852 <option value="Mauritius">Mauritius</option> 853 <option value="Mayotte">Mayotte</option> 854 <option value="Mexico">Mexico</option> 855 <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> 856 <option value="Moldova, Republic of">Moldova, Republic of</option> 857 <option value="Monaco">Monaco</option> 858 <option value="Mongolia">Mongolia</option> 859 <option value="Montenegro">Montenegro</option> 860 <option value="Montserrat">Montserrat</option> 861 <option value="Morocco">Morocco</option> 862 <option value="Mozambique">Mozambique</option> 863 <option value="Myanmar">Myanmar</option> 864 <option value="Namibia">Namibia</option> 865 <option value="Nauru">Nauru</option> 866 <option value="Nepal">Nepal</option> 867 <option value="Netherlands">Netherlands</option> 868 <option value="Netherlands Antilles">Netherlands Antilles</option> 869 <option value="New Caledonia">New Caledonia</option> 870 <option value="New Zealand">New Zealand</option> 871 <option value="Nicaragua">Nicaragua</option> 872 <option value="Niger">Niger</option> 873 <option value="Nigeria">Nigeria</option> 874 <option value="Niue">Niue</option> 875 <option value="Norfolk Island">Norfolk Island</option> 876 <option value="North Korea">North Korea</option> 877 <option value="Northern Mariana Islands">Northern Mariana Islands</option> 878 <option value="Norway">Norway</option> 879 <option value="Oman">Oman</option> 880 <option value="Pakistan">Pakistan</option> 881 <option value="Palau">Palau</option> 882 <option value="Palestine">Palestine</option> 883 <option value="Panama">Panama</option> 884 <option value="Papua New Guinea">Papua New Guinea</option> 885 <option value="Paraguay">Paraguay</option> 886 <option value="Peru">Peru</option> 887 <option value="Philippines">Philippines</option> 888 <option value="Pitcairn">Pitcairn</option> 889 <option value="Poland">Poland</option> 890 <option value="Portugal">Portugal</option> 891 <option value="Puerto Rico">Puerto Rico</option> 892 <option value="Qatar">Qatar</option> 893 <option value="Republic of Kosovo">Republic of Kosovo</option> 894 <option value="Reunion">Reunion</option> 895 <option value="Romania">Romania</option> 896 <option value="Russia">Russia</option> 897 <option value="Rwanda">Rwanda</option> 898 <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 899 <option value="Saint Lucia">Saint Lucia</option> 900 <option value="Saint Martin">Saint Martin</option> 901 <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> 902 <option value="Samoa (Independent)">Samoa (Independent)</option> 903 <option value="San Marino">San Marino</option> 904 <option value="Sao Tome and Principe">Sao Tome and Principe</option> 905 <option value="Saudi Arabia">Saudi Arabia</option> 906 <option value="Senegal">Senegal</option> 907 <option value="Serbia">Serbia</option> 908 <option value="Seychelles">Seychelles</option> 909 <option value="Sierra Leone">Sierra Leone</option> 910 <option value="Singapore">Singapore</option> 911 <option value="Sint Maarten">Sint Maarten</option> 912 <option value="Slovakia">Slovakia</option> 913 <option value="Slovenia">Slovenia</option> 914 <option value="Solomon Islands">Solomon Islands</option> 915 <option value="Somalia">Somalia</option> 916 <option value="South Africa">South Africa</option> 917 <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> 918 <option value="South Korea">South Korea</option> 919 <option value="South Sudan">South Sudan</option> 920 <option value="Spain">Spain</option> 921 <option value="Sri Lanka">Sri Lanka</option> 922 <option value="St. Helena">St. Helena</option> 923 <option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option> 924 <option value="Sudan">Sudan</option> 925 <option value="Suriname">Suriname</option> 926 <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option> 927 <option value="Swaziland">Swaziland</option> 928 <option value="Sweden">Sweden</option> 929 <option value="Switzerland">Switzerland</option> 930 <option value="Syria">Syria</option> 931 <option value="Taiwan">Taiwan</option> 932 <option value="Tajikistan">Tajikistan</option> 933 <option value="Tanzania">Tanzania</option> 934 <option value="Thailand">Thailand</option> 935 <option value="Timor-Leste">Timor-Leste</option> 936 <option value="Togo">Togo</option> 937 <option value="Tokelau">Tokelau</option> 938 <option value="Tonga">Tonga</option> 939 <option value="Trinidad and Tobago">Trinidad and Tobago</option> 940 <option value="Tunisia">Tunisia</option> 941 <option value="Turkey">Turkey</option> 942 <option value="Turkmenistan">Turkmenistan</option> 943 <option value="Turks & Caicos Islands">Turks & Caicos Islands</option> 944 <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 945 <option value="Tuvalu">Tuvalu</option> 946 <option value="Uganda">Uganda</option> 947 <option value="Ukraine">Ukraine</option> 948 <option value="United Arab Emirates">United Arab Emirates</option> 949 <option value="United Kingdom">United Kingdom</option> 950 <option value="Uruguay">Uruguay</option> 951 <option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option> 952 <option value="Uzbekistan">Uzbekistan</option> 953 <option value="Vanuatu">Vanuatu</option> 954 <option value="Vatican City State (Holy See)">Vatican City State (Holy See)</option> 955 <option value="Venezuela">Venezuela</option> 956 <option value="Vietnam">Vietnam</option> 957 <option value="Virgin Islands (British)">Virgin Islands (British)</option> 958 <option value="Virgin Islands (U.S.)">Virgin Islands (U.S.)</option> 959 <option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option> 960 <option value="Western Sahara">Western Sahara</option> 961 <option value="Yemen">Yemen</option> 962 <option value="Zambia">Zambia</option> 963 <option value="Zimbabwe">Zimbabwe</option> 964 965 </select>
966 <span id="mce-MMERGE4-HELPERTEXT" class="helper_text"></span> 967 </div> 968 <div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group"> 969 <div class="content__gdpr"> 970 <label>Suscribirme </label> 971 <p>Danos tu OK para enviarte información.</p> 972 <fieldset class="mc_fieldset gdprRequired mc-field-group" name="interestgroup_field"> 973 <label class="checkbox subfield" for="gdpr_1"><input type="checkbox" id="gdpr_1" name="gdpr[1]" value="Y" class="av-checkbox "><span>Quiero recibir los correos de Kleer</span> </label> 974 </fieldset> 975 <p>Puedes darte de baja en cualquier momento haciendo click en el enlace al pie de página de nuestros correos electrónicos. 976 <a href="https://www.kleer.la/es/privacy" target="_blank"> Puedes obtener más información sobre nuestras prácticas de privacidad aquÃ.</a></p> 977 </div> 978 <div class="content__gdprLegal"> 979 <p>Utilizamos Mailchimp como nuestra plataforma de marketing. Al hacer click a continuación para suscribirte, reconoces que tu información será transferida a Mailchimp para su procesamiento. <a href="https://mailchimp.com/legal/terms" target="_blank">Obtén más información sobre las prácticas de privacidad de Mailchimp aquÃ.</a></p> 980 </div> 981 </div> 982 <div id="mce-responses" class="clear"> 983 <div class="response" id="mce-error-response" style="display:none"></div> 984 <div class="response" id="mce-success-response" style="display:none"></div> 985 </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 986 <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_98726a706d87424c18b69e332_de82c19d8f" tabindex="-1" value=""></div> 987 <div class="clear"><input type="submit" value="Subscribirme" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 988 </div> 989 </form> 990</div>
991<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
991<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[4]='MMERGE4';ftypes[4]='dropdown'; /* 992 * Translated default messages for the $ validation plugin. 993 * Locale: ES 994 */ 995 $.extend($.validator.messages, { 996 required: "Este campo es obligatorio.", 997 remote: "Por favor, rellena este campo.", 998 email: "Por favor, escribe una dirección de correo válida", 999 url: "Por favor, escribe una URL válida.", 1000 date: "Por favor, escribe una fecha válida.", 1001 dateISO: "Por favor, escribe una fecha (ISO) válida.", 1002 number: "Por favor, escribe un número entero válido.", 1003 digits: "Por favor, escribe sólo dÃgitos.", 1004 creditcard: "Por favor, escribe un número de tarjeta válido.", 1005 equalTo: "Por favor, escribe el mismo valor de nuevo.", 1006 accept: "Por favor, escribe un valor con una extensión aceptada.", 1007 maxlength: $.validator.format("Por favor, no escribas más de {0} caracteres."), 1008 minlength: $.validator.format("Por favor, no escribas menos de {0} caracteres."), 1009 rangelength: $.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."), 1010 range: $.validator.format("Por favor, escribe un valor entre {0} y {1}."), 1011 max: $.validator.format("Por favor, escribe un valor menor o igual a {0}."), 1012 min: $.validator.format("Por favor, escribe un valor mayor o igual a {0}.") 1013 });}(jQuery));var $mcj = jQuery.noConflict(true);</script>
1013 1014<!--End mc_embed_signup--> 1015 1016<!-- <iframe class="embed-responsive-item" src="https://kleer.us1.list-manage.com/subscribe?u=98726a706d87424c18b69e332&id=de82c19d8f" allowfullscreen></iframe>--> 1017 </div> 1018 </div> 1019 </div> 1020 </div> 1021</footer> 1022 1023 <div class="modal fade" id="mail-modal" tabindex="-1" aria-labelledby="mail-modal" aria-hidden="true"> 1024 <div class="modal-dialog"> 1025 <div class="modal-content"> 1026 <div class="modal-header"> 1027 <h5 class="modal-title fs-5" id="modal-title">Contáctanos</h5> 1028 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1029 </div> 1030 <div class="modal-body" id="modal-mail-body"> 1031 <form id="contact-form" action="/es/qualify-booking" method="post" class="needs-validation" novalidate> 1032 <div class="row"> 1033 <div class="mb-3 col-xs-12"> 1034 <label class="form-label">Tu nombre completo</label> 1035 <input 1036 type="text" 1037 class="form-control" 1038 name="name" 1039 id="name-input" 1040 required> 1041 <div class="invalid-feedback"> 1042 Completa este campo con tu nombre 1043 </div> 1044 </div> 1045 </div> 1046 <div class="row"> 1047 <div class="mb-3 col-xs-12 col-md-6"> 1048 <label class="form-label">Correo electrónico</label> 1049 <input 1050 type="email" 1051 class="form-control" 1052 name="email" 1053 id="email-input" 1054 required> 1055 <div class="invalid-feedback"> 1056 Formato de correo electrónico inválido 1057 </div> 1058 </div> 1059 <div class="mb-3 col-xs-12 col-md-6"> 1060 <label class="form-label">Empresa</label> 1061 <input 1062 type="text" 1063 class="form-control" 1064 id="company-input" 1065 name="company"> 1066 </div> 1067 </div> 1068 <div class="mb-3 contact-only-field"> 1069 <label class="form-label">Mensaje</label> 1070 1071 <textarea 1072 class="form-control" 1073 name="message" 1074 id="message-input" 1075 rows="3" 1076 required></textarea> 1077 <div class="form-text" id="situation-counter"></div> 1078 <div class="invalid-feedback"> 1079 Completa este campo con tu mensaje. 1080 </div> 1081 </div> 1082 1083 1084 <div id="recaptcha-placeholder" class="mb-3"></div> 1085 1086 <input type="hidden" id="input-context" name="context" value="/formacion/adopcion-ia-empresas"> 1087 <input type="hidden" id="resource-slug" name="resource_slug"> 1088 <input type="hidden" id="area-slug" name="area_slug" value=""> 1089 <div class="btn-center-container"> 1090 <button type="submit" 1091 id="submit" 1092 class="btn my-primary-button" 1093 value="Submit" 1094 disabled 1095 > 1096 Enviar</button> 1097 </div> 1098</form>
1099<script> 1100 let recaptchaLoaded = false; 1101 var RECAPTCHA_SITE_KEY = '6LdjHzItAAAAAOQy0lLsqMe13dEWWX75vQd6FHk2'; 1102const recaptchaWidgets = new Map(); 1103 1104function loadReCaptcha(formId) { 1105 // Check if reCAPTCHA is already globally loaded 1106 if (typeof grecaptcha !== 'undefined' && grecaptcha.render) { 1107 recaptchaLoaded = true; 1108 initializeRecaptcha(formId); 1109 return; 1110 } 1111 1112 // Check if we already started loading it 1113 if (!recaptchaLoaded && !document.querySelector('script[src*="recaptcha/api.js"]')) { 1114 var script = document.createElement('script'); 1115 script.src = 'https://www.recaptcha.net/recaptcha/api.js?render=explicit'; 1116 script.async = true; 1117 script.defer = true; 1118 script.onload = function() { 1119 recaptchaLoaded = true; 1120 initializeRecaptcha(formId); 1121 }; 1122 document.body.appendChild(script); 1123 } else if (recaptchaLoaded || typeof grecaptcha !== 'undefined') { 1124 initializeRecaptcha(formId); 1125 } 1126} 1127 1128function initializeRecaptcha(formId) { 1129 const placeholder = document.querySelector(`#${formId} #recaptcha-placeholder`); 1130 if (!placeholder) return; 1131 1132 const widgetId = `recaptcha-widget-${formId}`; 1133 placeholder.innerHTML = `<div id="${widgetId}"></div>`; 1134 1135 grecaptcha.ready(function() { 1136 const widget = grecaptcha.render(widgetId, { 1137 'sitekey': RECAPTCHA_SITE_KEY, 1138 'callback': () => enableSubmitButton(formId) 1139 }); 1140 recaptchaWidgets.set(formId, widget); 1141 }); 1142} 1143 1144function enableSubmitButton(formId) { 1145 const submitButton = document.querySelector(`#${formId} [type="submit"]`); 1146 if (submitButton) { 1147 submitButton.disabled = false; 1148 } 1149} 1150 1151function setupDownloadForm(resourceSlug) { 1152 const modalTitle = document.getElementById('modal-title'); 1153 const resourceSlugInput = document.getElementById('resource-slug'); 1154 const contactOnlyFields = document.querySelectorAll('.contact-only-field'); 1155 const messageInput = document.getElementById('message-input'); 1156 1157 var form = document.getElementById('contact-form'); 1158 var locale = 'es'; 1159 if (resourceSlug) { 1160 // Download mode 1161 modalTitle.textContent = 'Descargar recurso'; 1162 resourceSlugInput.value = resourceSlug; 1163 contactOnlyFields.forEach(field => field.style.display = 'none'); 1164 messageInput.removeAttribute('required'); 1165 form.action = '/' + locale + '/send-mail'; 1166 } else { 1167 // Contact mode 1168 modalTitle.textContent = 'Contáctanos'; 1169 resourceSlugInput.value = ''; 1170 contactOnlyFields.forEach(field => field.style.display = ''); 1171 messageInput.setAttribute('required', ''); 1172 form.action = '/' + locale + '/qualify-booking'; 1173 } 1174 1175 loadReCaptcha('contact-form'); 1176 } 1177 1178 // Wait for the DOM to be fully loaded 1179 document.addEventListener('DOMContentLoaded', function() { 1180 var modalOpeners = document.querySelectorAll('.modal-opener'); 1181 modalOpeners.forEach(function(button) { 1182 button.addEventListener('click', loadReCaptcha('contact-form')); 1183 }); 1184 1185 // If the modal is already open when the page loads, load reCAPTCHA 1186 if (document.querySelector('.modal.show')) { 1187 loadReCaptcha(); 1188 } 1189 1190 // Detect area_slug from URL path 1191 var areaMatch = window.location.pathname.match(/\/(servicios|services)\/([a-z0-9_-]+)/); 1192 if (areaMatch) { 1193 var areaSlugInput = document.getElementById('area-slug'); 1194 if (areaSlugInput) areaSlugInput.value = areaMatch[2]; 1195 } 1196 1197 // Character counter for message textarea 1198 var messageInput = document.getElementById('message-input'); 1199 var charCounter = document.getElementById('situation-counter'); 1200 if (messageInput && charCounter) { 1201 messageInput.addEventListener('input', function() { 1202 var len = messageInput.value.trim().length; 1203 charCounter.textContent = len; 1204 charCounter.style.color = len >= 50 ? '#198754' : '#6c757d'; 1205 }); 1206 } 1207 }); 1208 1209 (function () { 1210 'use strict' 1211 1212 var forms = document.querySelectorAll('.needs-validation') 1213 1214 Array.prototype.slice.call(forms) 1215 .forEach(function (form) { 1216 form.addEventListener('submit', function (event) { 1217 if (!form.checkValidity()) { 1218 event.preventDefault() 1219 event.stopPropagation() 1220 } 1221 form.classList.add('was-validated') 1222 }, false) 1223 }) 1224 })() 1225</script>
1225 1226 </div> 1227 </div> 1228 </div> 1229</div> 1230 1231
1231<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous" defer></script>
1231 1232
1232<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous" defer></script>
1232 1233
1233<script> 1234 // Critical navbar scroll functionality - inline for immediate execution 1235 document.addEventListener('DOMContentLoaded', function() { 1236 const navbar = document.getElementById('navbar'); 1237 const body = document.getElementById('body'); 1238 1239 function scrolling() { 1240 if (body.getBoundingClientRect().top < 0) { 1241 navbar.classList.add("navbar-scrolled"); 1242 } else { 1243 navbar.classList.remove("navbar-scrolled"); 1244 } 1245 } 1246 1247 // Add scroll event listener with passive for better performance 1248 window.addEventListener('scroll', scrolling, { passive: true }); 1249 }); 1250 </script>
1250 1251
1251<script src="/js/utils.js" defer></script>
1251 1252 </body> 1253</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.