<div class="d-flex align-items-center justify-content-between gap-3 "> <a href="https://compactslab.lamitech.co" class="d-flex align-items-center shrink min-w-0 py-2 md:py-3"> <img class="h-auto w-auto max-h-10 sm:max-h-12 md:max-h-14 lg:max-h-16 max-w-[130px] sm:max-w-[180px] lg:max-w-none" src="https://compactslab.lamitech.co/img/png/logoCompact.png"> </a> <div class="d-none d-lg-flex flex-grow-1 px-4 xl:px-8" style="min-width: 0;"> <ul class="list-unstyled mb-0 w-100" style="display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center;"> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> <div class="d-flex align-items-center gap-2 sm:gap-3 shrink-0"> <form class="form-inline my-0"> <div class="d-flex align-items-center text-white"> <span class="d-none d-sm-inline-flex h-7 w-7 items-center justify-center mr-2" aria-hidden="true"> <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9"></circle> <path d="M3 12h18"></path> <path d="M12 3c-3 3.2-3 14.8 0 18"></path> <path d="M12 3c3 3.2 3 14.8 0 18"></path> </svg> </span> <a href="https://compactslab.lamitech.co/lang/es" class="text-sm sm:text-base lg:text-lg font-semibold">Esp</a> <span class="mx-1 sm:mx-2 text-sm sm:text-base lg:text-lg opacity-80">|</span> <a href="https://compactslab.lamitech.co/lang/en" class="text-sm sm:text-base lg:text-lg font-light opacity-80 hover:opacity-100">Eng</a> </div> </form> <button id="mobileMenuButton" type="button" class="d-inline-flex d-lg-none items-center justify-center text-white shrink-0 p-1" aria-label="Abrir menú" aria-controls="navbarSupportedContent" aria-expanded="false"> <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6h18"></path> <path d="M3 12h18"></path> <path d="M3 18h18"></path> </svg> </button> <a href="#" class="ml-2 d-none d-lg-inline-flex"><img src="https://compactslab.lamitech.co/img/png/search.png"></a> </div> </div> <div class="d-none d-lg-none text-white" id="navbarSupportedContent"> <ul class="list-unstyled d-flex flex-column py-3 mb-0"> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> </nav> </header> <main> <section class="galeria-banner mt-4" aria-label="Inspiración"> <h2>Inspiración</h2> </section> <section class="galeria-content"> <div class="galeria-layout"> <aside class="galeria-filters-col" aria-label="Sector"> <div class="galeria-search-wrap"> <span class="galeria-lupa"> <img src="https://compactslab.lamitech.co/svg/Lupa.svg" alt="" width="19" height="18" style="width:12px;height:12px;"> </span> <input type="text" id="galeria-search-input" class="galeria-search-input" placeholder="Buscar aquí…" autocomplete="off" /> </div> <div class="mt-8 w-full border-t border-white pt-4"> <h2 class="galeria-sector-title">Sector</h2> <div class="w-full font-light"> <div class="galeria-sector-row"> <input name="sectorFilter" type="checkbox" value="residencial" class="galeria-sector-cb" style="width:13px;height:13px;border:1px solid #fff;background:#000;" /> <label class="galeria-sector-label">Residencial</label> </div> <div class="galeria-sector-row"> <input name="sectorFilter" type="checkbox" value="Retail" class="galeria-sector-cb" style="width:13px;height:13px;border:1px solid #fff;background:#000;" /> <label class="galeria-sector-label">Retail</label> </div> </div> </div> <div class="mt-10 w-full"> <button type="button" id="galeria-clear-filters" class="galeria-clear-btn"> Limpiar filtros </button> </div> </aside> <div class="galeria-images-col"> <div id="productos-wrapper"> <div id="loading-spinner"> <div class="galeria-spinner"></div> </div> <div id="galeria-container"></div> </div> </div> </div> </section> </main> <footer class="max-w-[1920px] text-white flex flex-col pb-10 lg:pb-0 bg-black w-full mx-auto"> <section class="mt-15 block w-full"><div class="mx-4 flex flex-col lg:flex-row justify-center border-t fill-white px-3 pt-5 pb-1 xl:px-7 mb-5"> <div class="w-full lg:w-auto text-xl lg:text-2xl 2xl:text-3xl 3xl:text-4xl flex items-center justify-center text-center gap-2 xl:gap-3.5 border-b lg:border-b-0 lg:border-r py-2 pb-4 lg:pb-2 pr-0 lg:pr-6 xl:pr-20"> <h3 class="mr-6 font-light text-center">Síguenos en redes sociales</h3> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a instagram" onclick="window.open('https://www.instagram.com/lamitech/', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a linkedin" onclick="window.open('https://www.linkedin.com/company/grupo-sanford---lamitech-s.a./?originalSubdomain=co', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a facebook" onclick="window.open('https://facebook.com/ilaminar/', '_blank')"> <svg class="mx-auto w-3 lg:w-4 xl:w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" onclick="window.open('https://www.youtube.com/watch?v=2kSmdAyCwaY','_blank')" aria-label="Botón de acceso a youtube"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path> </svg> </button> </div> <div class="w-full lg:w-auto flex items-center justify-center text-center pt-4 lg:pt-0 pl-0 lg:pl-6 xl:pl-20 text-xl lg:text-2xl xl:text-2xl 3xl:text-4xl"> <h3 class="font-light text-center"> Comparte tus proyectos #LAMITECH con el mundo </h3> </div> </div> <div class="w-full block py-5 border-t relative px-5"> <div class="absolute top-[-12px] w-full flex justify-center"> <span class="text-white text-sm bg-black px-4 py-1">Nuestras soluciones</span> </div> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://www.lamitech.co/img/footer/logo-lamitech.svg" alt="Logo Lamitech" class="h-5 xl:h-6"> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.panelexsolutions.com" target="_blank" title="Ir a la página de Panelex"> <img src="https://www.lamitech.co/img/footer/logo-panelex.svg" alt="Logo Panelex" class="h-4 xl:h-5"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://compactslab.lamitech.co" target="_blank" title="Ir a la página de Compactslab"> <img src="https://www.lamitech.co/img/footer/logo-compactslab.svg" alt="Logo Compactslab" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/26-taktart" target="_blank" title="Ir a la página de TaktArt"> <img src="https://www.lamitech.co/img/footer/logo-taktart.svg" alt="Logo TaktArt" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://innova.lamitech.co/" target="_blank" title="Ir a la página de Innova"> <img src="https://www.lamitech.co/img/footer/logo-innova.svg" alt="Logo Innova" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <a href="https://www.acquafloor.com/" target="_blank" title="Ir a la página de Acquafloor"> <img src="https://www.lamitech.co/img/footer/logo-acquafloor.svg" alt="Logo Acquafloor" class="h-4 xl:h-5"> </a> </div> </div> </div> <div class="w-full block py-5 border-t"> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/7-ex2-compacto" target="_blank" title="Ir a la página de Ex2"> <img src="https://compactslab.lamitech.co/img/footer/logo-ex2.svg" alt="Logo Ex2" class="h-4 xl:h-5" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/8-chemlam" target="_blank" title="Ir a la página de ChemLam"> <img src="https://compactslab.lamitech.co/img/footer/logo-chemlam.svg" alt="Logo ChemLam" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/9-opak" target="_blank" title="Ir a la página de Opak"> <img src="https://compactslab.lamitech.co/img/footer/logo-opak.svg" alt="Logo Opak" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/5-youlab" target="_blank" title="Ir a la página de YouLab"> <img src="https://compactslab.lamitech.co/img/footer/logo-youlab.svg" alt="Logo YouLab" class="h-6 xl:h-7" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://compactslab.lamitech.co/img/footer/logo-blindado.svg" alt="Logo Blindado" class="h-5 xl:h-6" > </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <img src="https://compactslab.lamitech.co/img/footer/logo-duraopak.svg" alt="Logo DuraOpak" class="h-4 xl:h-5" > </div> </div> </div> </section> <div class="mx-2 xl:mx-16 flex w-full text-center justify-center border-t border-white px-7 py-6 text-xs xl:py-4 xl:text-sm" > <span class="border-r border-white pr-4 xl:pr-16"> Lamitech S.A.S Todos los derechos reservados </span> <a class="border-r border-white px-4 xl:px-16" href=""> Política de Privacidad </a> <a class="border-r border-white px-4 xl:px-16" href="https://lamitech.zohocreatorportal.com" target="_blank" title="Accede al portal del cliente" rel="tooltip"> Accede al portal del cliente </a> <a class="pl-4 xl:pl-16" href="https://sales.lamitech.co/" target="_blank" title="Acceso Comercial" rel="tooltip"> Acceso Comercial </a> </div> </footer> <script> var newRefLabel = 'Nueva Ref'; function seeProductos(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':'es','id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="col-sm-5 col-md-3 col-lg-2 col-xs-6">'; cadena+='<div class="mt-2 card entry-media cms-blog-media cms-media overlay-wrap rounded-2xl bg-black" style="cursor:pointer;position:relative" onclick="document.location=\'ref/'+rta.productos[i].codigo+'-'+rta.productos[i].referencia+'\'">'; cadena+='<img src="https://d392np3iddl7g5.cloudfront.net/productos/portal/'+rta.productos[i].image_portal+'" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="card-img rounded-2xl">'; cadena+='<div id="p-'+rta.productos[i].codigo+'" class="d-none card-img-overlay" style="background-color:rgba(20, 20, 20, .5)!important"><h6 style="color: white">Anchos disponibles:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTÁCTENOS</a></div></div><div class="caption"><p class="text-sm">'+rta.productos[i].referencia+'</p><p>'+rta.productos[i].codigo.substr(-4,4)+'</p></div></div>'; } $("#"+divId).html(cadena); } } }); } function seeProductosEn(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':en,'id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="product-view col-sm-4 col-md-4 col-lg-4 col-xs-6"><div class="entry-media cms-blog-media cms-media overlay-wrap " style="position:relative"> <img src="https://www.lamitech.com.co/resources/productos/hd/'+rta.productos[i].codigo+'.jpg" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="img-responsive">'; if(rta.productos[i].nuevo === 't'){ cadena+='<div class="badge-new-ref">'+newRefLabel+'</div>'; } cadena+='<div class="overlay"><div class="overlay-content"><h6 style="color: white">Available widths:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano_en+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTACT US</a></div></div><div class="caption"><p style="text-transform:uppercase">'+rta.productos[i].referencia+' '+rta.productos[i].codigo.substr(-4,4)+'</p></div></div></div>'; } $("#"+divId).html(cadena); } } }); } document.addEventListener('DOMContentLoaded', function () { var button = document.getElementById('mobileMenuButton'); var menu = document.getElementById('navbarSupportedContent'); if (!button || !menu) { return; } var isDesktop = function () { return window.matchMedia('(min-width: 992px)').matches; }; button.addEventListener('click', function () { var isOpen = !menu.classList.contains('d-none'); menu.classList.toggle('d-none'); button.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); }); menu.querySelectorAll('a').forEach(function (link) { link.addEventListener('click', function () { if (!isDesktop()) { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); if (isDesktop()) { menu.classList.remove('d-none'); } else { menu.classList.add('d-none'); } window.addEventListener('resize', function () { if (isDesktop()) { menu.classList.remove('d-none'); button.setAttribute('aria-expanded', 'false'); } else { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); </script> <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const csrf = 'vhCyqhL3C1XTTK0MJ17mDtHGnIFEnOAkK0lxrbFV'; const urlPost = 'https://compactslab.lamitech.co/galeria'; const flechaImg = "https:\/\/compactslab.lamitech.co\/img\/flecha-white.png"; let msnryInstance = null; async function postData() { const spinner = document.getElementById('loading-spinner'); const container = document.getElementById('galeria-container'); try { if (msnryInstance) { try { msnryInstance.destroy(); } catch (e) {} msnryInstance = null; } spinner.classList.remove('galeria-loading-hidden'); spinner.style.display = 'flex'; container.classList.remove('galeria-grid-visible'); container.innerHTML = ''; const sectorEls = document.querySelectorAll('input[name="sectorFilter"]:checked'); const sectorValues = Array.from(sectorEls).map(function (cb) { return cb.value; }); const term = (document.getElementById('galeria-search-input') || {}).value || ''; const response = await fetch(urlPost, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': csrf, 'Accept': 'application/json', }, body: JSON.stringify({ _token: csrf, sectors: sectorValues, term: term.trim(), }), }); if (!response.ok) { throw new Error('Error ' + response.status); } const proyectos = await response.json(); spinner.style.display = 'none'; spinner.classList.add('galeria-loading-hidden'); container.classList.add('galeria-grid-visible'); renderProyectos(proyectos); } catch (e) { console.error(e); document.getElementById('loading-spinner').style.display = 'none'; } } function layoutMasonryWhenImagesReady(container) { if (typeof Masonry === 'undefined' || !msnryInstance) { return; } const imgs = container.querySelectorAll('.galeria-card-img'); let pending = 0; function tryLayout() { if (msnryInstance) { msnryInstance.layout(); } } imgs.forEach(function (im) { if (!im.complete) { pending++; im.addEventListener('load', function onLoad() { im.removeEventListener('load', onLoad); pending--; tryLayout(); }); im.addEventListener('error', function onErr() { im.removeEventListener('error', onErr); pending--; tryLayout(); }); } }); tryLayout(); } function renderProyectos(proyectos) { const container = document.getElementById('galeria-container'); if (msnryInstance) { try { msnryInstance.destroy(); } catch (e) {} msnryInstance = null; } container.innerHTML = ''; if (!proyectos || proyectos.length === 0) { const p = document.createElement('p'); p.className = 'galeria-empty-msg'; p.textContent = "No hay proyectos que coincidan con los filtros."; container.appendChild(p); return; } const sizer = document.createElement('div'); sizer.className = 'galeria-masonry-sizer'; sizer.setAttribute('aria-hidden', 'true'); container.appendChild(sizer); proyectos.forEach(function (proyecto) { const title = proyecto.title || ''; const imgSrc = proyecto.images && proyecto.images.portada ? proyecto.images.portada : ''; const linkUrl = proyecto.url || '#'; if (!imgSrc) { return; } const card = document.createElement('div'); card.className = 'galeria-card'; const img = document.createElement('img'); img.className = 'galeria-card-img'; img.src = imgSrc; img.alt = title; img.loading = 'lazy'; img.decoding = 'async'; const h3 = document.createElement('h3'); h3.className = 'galeria-card-title'; h3.textContent = title; const a = document.createElement('a'); a.className = 'galeria-card-link'; a.href = linkUrl; const arrow = document.createElement('img'); arrow.src = flechaImg; arrow.alt = ''; a.appendChild(arrow); card.appendChild(img); card.appendChild(h3); card.appendChild(a); container.appendChild(card); }); if (container.querySelectorAll('.galeria-card').length === 0) { container.innerHTML = ''; const p = document.createElement('p'); p.className = 'galeria-empty-msg'; p.textContent = "No hay proyectos que coincidan con los filtros."; container.appendChild(p); return; } requestAnimationFrame(function () { if (typeof Masonry === 'undefined') { return; } msnryInstance = new Masonry(container, { itemSelector: '.galeria-card', columnWidth: '.galeria-masonry-sizer', percentPosition: true, gutter: 20, }); layoutMasonryWhenImagesReady(container); }); } document.querySelectorAll('input[name="sectorFilter"]').forEach(function (el) { el.addEventListener('change', postData); }); const searchInput = document.getElementById('galeria-search-input'); if (searchInput) { let t; searchInput.addEventListener('input', function () { clearTimeout(t); t = setTimeout(postData, 350); }); searchInput.addEventListener('keypress', function (e) { if (e.key === 'Enter') { e.preventDefault(); postData(); } }); } document.getElementById('galeria-clear-filters').addEventListener('click', function () { document.querySelectorAll('input[name="sectorFilter"]').forEach(function (c) { c.checked = false; }); if (searchInput) searchInput.value = ''; postData(); }); postData(); }); </script> </body> <script type="text/javascript"> _linkedin_partner_id = "6639250"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6639250&fmt=gif" /> </noscript> </html>