<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> <style> .resources-shell { background: transparent; color: #fff; padding: 0; min-height: 80vh; min-height: 80dvh; display: flex; flex-direction: column; box-sizing: border-box; } .resources-side-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; border-top: 1px solid rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.7); padding: 8px 0; } .resources-side-list { padding-left: 12px; border-left: 1px solid rgba(255,255,255,.35); } .resources-side-item { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 15px; } .resources-side-item input { accent-color: #00a5e5; } /* Dos columnas fijas en escritorio (no depende de que Tailwind genere lg:) */ .resources-inner { flex: 1 1 auto; display: flex; flex-direction: column; gap: 1.25rem; align-items: stretch; min-height: 0; } .resources-sidebar { width: 100%; background: #000; padding: 14px 16px; border-radius: 6px; box-sizing: border-box; } .resources-main { width: 100%; min-width: 0; background: #2f3338; border-radius: 24px; padding: 18px; box-sizing: border-box; margin-right: 16px; margin-bottom: 16px; } @media (min-width: 992px) { .resources-inner { flex-direction: row; align-items: stretch; gap: 1.75rem; } .resources-sidebar { flex: 0 0 260px; width: 260px; max-width: 280px; align-self: stretch; } .resources-main { flex: 1; align-self: stretch; } } @media (max-width: 991px) { .resources-main { padding: 14px; margin-right: 12px; margin-bottom: 12px; } .resources-side-title { font-size: 18px; } } /* Banner recursos: documentación técnica (Unsplash — Claudio Guglieri) + overlay */ .resources-banner { position: relative; min-height: 300px; display: flex; align-items: center; overflow: hidden; border-radius: 6px; background-image: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62)), url("https://www.semiotictransfer.ch/wp-content/uploads/2021/06/technische-dokumentationen_banner.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .resources-banner .banners, .resources-banner .lay { width: 100%; position: relative; z-index: 1; } .resources-banner .lay { padding: 2rem 1.25rem; text-align: center; } /* * Título estilo Lamitech (recursos): serif hueco + contorno * Equivale a: text-transparent + text-stroke + font-serif + tracking-wide */ .resources-banner h2 { font-family: 'Baskervville', 'Libre Baskerville', Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.08em; line-height: 1.05; margin: 0; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgb(120, 120, 120); font-size: clamp(2.75rem, 11vw, 5rem); } @media (min-width: 1024px) { .resources-banner h2 { -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgb(160, 160, 160); font-size: clamp(3.25rem, 9vw, 6.25rem); } } @media (max-width: 991px) { .resources-banner { min-height: 220px; } .resources-banner .lay { padding: 1.25rem 1rem; } } /* Modal confirmación de descargas — mismo lenguaje visual que recursos / galería */ #modal-download .modal-dialog { max-width: 28rem; margin: 1rem auto; } #modal-download .modal-content { background: #2f3338; color: #fff; border: 1px solid rgba(255, 255, 255, 0.12); border-left: 4px solid #00a5e5; border-radius: 12px; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55); overflow: hidden; } #modal-download .modal-header { border-bottom: 1px solid rgba(0, 165, 229, 0.28); padding: 1.1rem 1.25rem; background: rgba(0, 0, 0, 0.22); align-items: center; } #modal-download .modal-title { font-family: 'Baskervville', 'Libre Baskerville', Georgia, serif; font-size: 1.3rem; font-weight: 400; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.96); margin: 0; line-height: 1.3; padding-right: 0.5rem; } #modal-download .modal-header .close { color: #fff; opacity: 0.85; text-shadow: none; font-size: 1.85rem; font-weight: 300; line-height: 1; padding: 0.2rem 0.45rem; margin: 0; } #modal-download .modal-header .close:hover { opacity: 1; color: #00a5e5; } #modal-download .modal-body { padding: 1.25rem 1.35rem 1.45rem; } #modal-download form.lami-form input[type=email], #modal-download form.lami-form input[type=text], #modal-download form.lami-form textarea { width: 100%; box-sizing: border-box; background: #000; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 8px; font-family: 'Montserrat', system-ui, sans-serif; font-size: 0.9375rem; color: #fff; padding: 0.65rem 0.9rem; margin-bottom: 0.65rem; } #modal-download form.lami-form input::placeholder, #modal-download form.lami-form textarea::placeholder { color: rgba(255, 255, 255, 0.45); font-family: 'Montserrat', system-ui, sans-serif; } #modal-download form.lami-form select { width: 100%; box-sizing: border-box; background: #000; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 8px; font-family: 'Montserrat', system-ui, sans-serif; font-size: 0.9375rem; color: #fff; padding: 0.55rem 0.8rem; margin-left: 0; margin-bottom: 0.65rem; } #modal-download form.lami-form select option { background: #1a1a1a; color: #fff; } #modal-download form.lami-form .subtitles { font-family: 'Montserrat', system-ui, sans-serif; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #00a5e5; margin-bottom: 0.45rem; margin-top: 0.35rem; } #modal-download form.lami-form .subtitles:first-child { margin-top: 0; } #modal-download form.lami-form div.terms { display: block; justify-content: flex-start; margin-top: 1rem; } #modal-download form.lami-form div.terms label.contain { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.8125rem !important; line-height: 1.5; color: rgba(255, 255, 255, 0.82); cursor: pointer; } #modal-download form.lami-form div.terms input[type=checkbox] { width: auto; margin: 0.2rem 0 0; flex-shrink: 0; accent-color: #00a5e5; } #modal-download form.lami-form div.terms .checkmark { display: none; } #modal-download form.lami-form div.terms a { color: #00a5e5; text-decoration: underline; } #modal-download form.lami-form div.terms a:hover { color: #5ecfff; } #modal-download form.lami-form div.cta { margin-top: 1.2rem; } #modal-download form.lami-form div.cta button.btas { width: 100%; background: #00a5e5 !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-family: 'Montserrat', system-ui, sans-serif; font-size: 1rem; font-weight: 600; padding: 0.75rem 1.2rem !important; cursor: pointer; transition: background 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 10px rgba(0, 165, 229, 0.35); } #modal-download form.lami-form div.cta button.btas:hover { background: #0088c7 !important; box-shadow: 0 4px 14px rgba(0, 165, 229, 0.45); } </style> <section class="resources-banner mt-4" aria-label="Recursos"> <div class="banners"> <div class="lay"> <h2 class="mb-0">Recursos</h2> </div> </div> </section> <article class="bg-dark d-flex p-1 mt-4"></article> <div class="resources-shell mt-4"> <div class="resources-inner"> <aside class="resources-sidebar"> <h3 class="resources-side-title">Tipo de documento</h3> <div class="resources-side-list"> <label class="resources-side-item"> <input type="checkbox" id="cdoc_all" checked onchange="toggleAllDocumentTypes()"/> <span>Todos</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_1" value="1" class="cdoc"/> <span>Catálogos</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_2" value="2" class="cdoc"/> <span>Fichas técnicas</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_3" value="3" class="cdoc"/> <span>Fichas leed</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_4" value="4" class="cdoc"/> <span>Manuales</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_6" value="6" class="cdoc"/> <span>Informe</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_7" value="7" class="cdoc"/> <span>Videos</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_13" value="13" class="cdoc"/> <span>Resinas</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_8" value="8" class="cdoc"/> <span>Certificaciones</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_12" value="12" class="cdoc"/> <span>Acabados</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_9" value="9" class="cdoc"/> <span>Otros</span> </label> <label class="resources-side-item"> <input type="checkbox" checked onchange="onDocumentTypeChange()" id="cdoc_10" value="10" class="cdoc"/> <span>Garantía</span> </label> </div> </aside> <div class="resources-main"> <section class="all-products"></section> </div> </div> </div> <div id="modal-download" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-download-title" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modal-download-title">Confirmación de descargas</h5> <button type="button" class="close" data-dismiss="modal" aria-label="CERRAR"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" id="download-form"></div> </div> </div> </div> </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> function syncTodosCheckbox() { var total = $(".cdoc").length; var selected = $(".cdoc:checked").length; $("#cdoc_all").prop("checked", total > 0 && selected === total); } function toggleAllDocumentTypes() { var checked = $("#cdoc_all").prop("checked"); $(".cdoc").prop("checked", checked); consultar(); } function onDocumentTypeChange() { syncTodosCheckbox(); consultar(); } function consultar() { $(".all-products").html("<img src='https://lamitech.co/portal/img/loading.gif'/>"); var CateDoc = ""; $(".cdoc").each(function () { if ($(this).prop('checked')) { CateDoc += $(this).val() + ","; } }); $.ajax({ url: 'https://compactslab.lamitech.co/ajax/recursos', data: { '_token': 'BkxaLsayEQjvJfj20VpNR7hn8ZHNmPpC5HRP3zvr', 'CateDoc': CateDoc, 'id_categoria_prod': 26, 'site': 'compactSlab' }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { if (rta.error == true) { swal(rta.desc); } else { $(".all-products").html(rta.view); } } }); } // Estado inicial: "Todos" seleccionado por defecto. $(".cdoc").prop("checked", true); $("#cdoc_all").prop("checked", true); consultar(); function verificarEmail(correo) { $.ajax({ url: 'ajax/validar', data: { '_token': 'BkxaLsayEQjvJfj20VpNR7hn8ZHNmPpC5HRP3zvr', 'correo': correo }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { if (rta.error == false) { $("#paisDown").val(rta.contacto.pais); $("#nombreDown").val(rta.contacto.nombres); $("#profesionDown").val(rta.contacto.profesion); $("#formaDown").submit(); } else { $("#mas").show(); $("#envioDown").show(); $("#verDown").hide(); } } }); } function directDown(id) { $.ajax({ url: 'https://compactslab.lamitech.co/ajax/adddown', data: { '_token': 'BkxaLsayEQjvJfj20VpNR7hn8ZHNmPpC5HRP3zvr', 'id': id }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { document.location = rta.file } }); } function verDownload(id) { $.ajax({ url: 'https://compactslab.lamitech.co/ajax/formdown', data: { '_token': 'BkxaLsayEQjvJfj20VpNR7hn8ZHNmPpC5HRP3zvr', 'id': id }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { if (rta.error == true) { swal(rta.desc); } else { $('#download-form').html(rta.view); $('#modal-download').modal(); } } }); } function delDown(idD) { $.ajax({ url: 'https://compactslab.lamitech.co/ajax/delDown', data: { '_token': $("#token").val(), 'idD': idD }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { if (rta.error == true) { swal(rta.desc); } else { $('#doc_' + idD).hide(); } } }); } function descargar(docu) { $('.modal-forms').hide(); $('body').css('overflow-y', 'auto'); $("#docDown").hide(); document.location = docu; } function addDown(id) { $.ajax({ url: 'https://compactslab.lamitech.co/ajax/adddown', data: { '_token': $("#token").val(), 'id': id }, dataType: 'json', type: 'POST', error: function () { swal("Problemas al publicar, recargue e intente nuevamente.") }, success: function (rta) { if (rta.error == true) { swal(rta.desc); } else { $("#docDown").show(); $("#docDowns").html(rta.total); $("#docDown").width('500'); $("#docDown").css('opacity', '0'); $("#docDown").css('left', '-300'); $("#docDown").css('top', '-100'); $("#docDown").animate({ width: "100%", opacity: 1, left: "0", top: "0", }, 800) .animate({ width: "120%" }, 200) .animate({ width: "100%" }, 200) .animate({ width: "120%" }, 200) .animate({ width: "100%" }, 200) .animate({ width: "120%" }, 200) .animate({ width: "100%" }, 200); } } }); } </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>