{"id":8,"date":"2026-08-11T06:36:20","date_gmt":"2026-08-11T06:36:20","guid":{"rendered":"https:\/\/www.infinityweld.es\/?page_id=8"},"modified":"2026-08-15T20:41:42","modified_gmt":"2026-08-15T20:41:42","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/www.infinityweld.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8175354 e-con-full e-flex e-con e-parent\" data-id=\"8175354\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76e946b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"76e946b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 1: HERO con crossfade + Ken Burns\nPega esto en un widget HTML de Elementor, en la primera secci\u00f3n\nde la p\u00e1gina (altura completa de pantalla).\n\nANTES DE PEGAR: reemplaza las 4 URLs marcadas como\nhttps:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-1-instalaciones-gas-petroleo.jpg, https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-2-planta-petroquimica.jpg, https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg, https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg\npor las URLs reales de tus 4 im\u00e1genes ya subidas a la\nLibrer\u00eda de Medios de WordPress (clic en la imagen > Copiar URL).\n\nReferencia de qu\u00e9 imagen va en cada slide (seg\u00fan tu HTML original):\n- Slide 1: hero-slide-1-instalaciones-gas-petroleo\n- Slide 2: hero-slide-2-planta-petroquimica\n- Slide 3: banner-futuro-fondo (infraestructura industrial)\n- Slide 4: hero-slide-4-montaje-electromecanico\n============================================================ -->\n\n<style>\n  #inicio{\n    position:relative;\n    height:100vh;\n    min-height:640px;\n    width:100vw;\n    overflow:hidden;\n  }\n  .hero-slide{\n    position:absolute;inset:0;\n    opacity:0;\n    transition:opacity 1.8s ease-in-out;\n  }\n  .hero-slide.active{opacity:1;}\n  .hero-slide.active img{\n    animation:kenburns 11s ease-in-out forwards;\n  }\n  .hero-slide img{\n    width:100%;height:100%;object-fit:cover;\n    filter:brightness(.82) contrast(1.08) saturate(1.05);\n    transform:scale(1.0);\n  }\n  @keyframes kenburns{\n    0%{transform:scale(1.0);}\n    100%{transform:scale(1.12);}\n  }\n  .hero-slide:nth-child(1) img{object-position:center 78%;}\n  .hero-slide:nth-child(2) img{object-position:center 62%;}\n  .hero-slide:nth-child(3) img{object-position:center 80%;}\n  .hero-slide:nth-child(4) img{object-position:center 68%;}\n  .hero-overlay{\n    position:absolute;inset:0;\n    background:linear-gradient(180deg, rgba(6,20,34,.72) 0%, rgba(6,20,34,.25) 32%, rgba(6,20,34,.35) 60%, rgba(6,20,34,.88) 100%);\n  }\n  .hero-content{\n    position:relative;z-index:5;\n    height:100%;\n    display:flex;flex-direction:column;justify-content:center;\n    max-width:1200px;margin:0 auto;padding:0 32px;\n  }\n  .hero-content h1{\n    color:#fff;\n    font-family:'Oswald',sans-serif;\n    font-size:clamp(2.1rem, 5vw, 3.6rem);\n    font-weight:600;\n    max-width:820px;\n    text-shadow:0 4px 18px rgba(0,0,0,.45);\n    margin:0;\n  }\n  .hero-content p{\n    color:#dfe6ec;\n    font-family:'Source Sans 3',sans-serif;\n    font-size:1.15rem;\n    max-width:600px;\n    margin-top:22px;\n    font-weight:400;\n  }\n  .hero-content .eyebrow{\n    color:#e07a2f; \/* spark orange *\/\n    font-family:'Oswald',sans-serif;\n    text-transform:uppercase;\n    letter-spacing:.08em;\n    font-size:.9rem;\n    margin-bottom:16px;\n  }\n  .hero-dots{\n    position:absolute;bottom:34px;left:0;right:0;\n    display:flex;justify-content:center;gap:10px;z-index:6;\n  }\n  .hero-dots span{\n    width:9px;height:9px;border-radius:50%;\n    background:rgba(255,255,255,.4);cursor:pointer;\n    transition:background .25s ease, transform .25s ease;\n  }\n  .hero-dots span.active{background:#e07a2f;transform:scale(1.25);}\n<\/style>\n\n<section id=\"inicio\">\n  <div class=\"hero-slide active\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-1-instalaciones-gas-petroleo.jpg\" alt=\"Instalaciones de gas y petr\u00f3leo - Infinity Weld\"><\/div>\n  <div class=\"hero-slide\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-2-planta-petroquimica.jpg\" alt=\"Planta petroqu\u00edmica - Infinity Weld\"><\/div>\n  <div class=\"hero-slide\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg\" alt=\"Infraestructura industrial - Infinity Weld\"><\/div>\n  <div class=\"hero-slide\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg\" alt=\"Montaje electromec\u00e1nico - Infinity Weld\"><\/div>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-content\">\n    <p class=\"eyebrow\">Infinity Weld S.L. \u2014 Ingenier\u00eda e Infraestructura<\/p>\n    <h1>Profesionales con talento que construyen el futuro de la ingenier\u00eda, infraestructura y electromec\u00e1nica, para las industrias del gas, la miner\u00eda y el sector alimentario<\/h1>\n    <p>Dise\u00f1o arquitect\u00f3nico, climatizaci\u00f3n, construcci\u00f3n y montajes con m\u00e1s de 20 a\u00f1os de experiencia en instalaciones industriales.<\/p>\n  <\/div>\n  <div class=\"hero-dots\" id=\"heroDots\"><\/div>\n<\/section>\n\n<script>\n(function(){\n  const slides = document.querySelectorAll('#inicio .hero-slide');\n  const dotsWrap = document.getElementById('heroDots');\n  let current = 0;\n  slides.forEach((_, i) => {\n    const dot = document.createElement('span');\n    if (i === 0) dot.classList.add('active');\n    dot.addEventListener('click', () => showSlide(i));\n    dotsWrap.appendChild(dot);\n  });\n  const dots = dotsWrap.querySelectorAll('span');\n  function showSlide(i){\n    slides[current].classList.remove('active');\n    dots[current].classList.remove('active');\n    current = i;\n    slides[current].classList.add('active');\n    dots[current].classList.add('active');\n  }\n  setInterval(() => {\n    showSlide((current + 1) % slides.length);\n  }, 5500);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98f8cee e-con-full e-flex e-con e-parent\" data-id=\"98f8cee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6099e0b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6099e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 6: Divisor \"costura met\u00e1lica con remaches\"\nReferencia a la identidad de soldadura de la marca. Aparece 3\nveces en el dise\u00f1o original:\n  1) Entre el Hero y \"Sobre Nosotros\" (versi\u00f3n clara)\n  2) Entre el CTA band y \"Sobre Nosotros\" (versi\u00f3n clara)\n  3) Entre \"Frentes de Trabajo\" y \"Proyectos\" (versi\u00f3n OSCURA,\n     remaches en color spark naranja)\n\nPega este widget HTML tantas veces como divisores necesites,\nusando la clase correspondiente:\n  <div class=\"seam-iw\"><\/div>       -> versi\u00f3n clara (fondo gris met\u00e1lico)\n  <div class=\"seam-iw dark\"><\/div>  -> versi\u00f3n oscura (remaches naranja)\n\nNo necesita ninguna imagen ni URL \u2014 es 100% CSS puro (gradientes\n+ patr\u00f3n radial), as\u00ed que puedes pegar este bloque completo cada\nvez y solo cambiar la clase.\n============================================================ -->\n\n<style>\n  .seam-iw{\n    position:relative;\n    height:14px;\n    background:linear-gradient(180deg, #C7D0D6 0%, #8E9CA6 45%, #5C6A75 55%, #C7D0D6 100%);\n  }\n  .seam-iw::before{\n    content:\"\";\n    position:absolute;inset:0;\n    background-image:radial-gradient(circle at 4px 7px, rgba(10,33,56,.55) 1.6px, transparent 1.7px);\n    background-size:34px 14px;\n    background-position:12px 0;\n  }\n  .seam-iw.dark{\n    background:linear-gradient(180deg, #2A4864 0%, #16344E 45%, #0B2138 55%, #2A4864 100%);\n  }\n  .seam-iw.dark::before{\n    background-image:radial-gradient(circle at 4px 7px, rgba(225,134,31,.55) 1.6px, transparent 1.7px);\n  }\n<\/style>\n\n<div class=\"seam-iw\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5ad790 e-con-full e-flex e-con e-parent\" data-id=\"d5ad790\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f87bdf5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f87bdf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 5: Header (logo + men\u00fa) con estado al hacer scroll y\nmen\u00fa hamburguesa en m\u00f3vil.\nPega esto en un widget HTML de Elementor, en la PARTE SUPERIOR\nde la p\u00e1gina (antes que el Hero). Debe quedar fijo\/fixed, as\u00ed\nque no necesita estar dentro de ninguna secci\u00f3n con altura.\n\nANTES DE PEGAR: reemplaza https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg por la URL real de\n\"logo-header\" en tu Librer\u00eda de Medios.\n============================================================ -->\n\n<style>\n  #siteHeaderIW{\n    position:fixed;top:0;left:0;right:0;z-index:1000;\n    padding:22px 0;\n    transition:background .35s ease, padding .35s ease, box-shadow .35s ease;\n  }\n  #siteHeaderIW .wrap-iw{\n    display:flex;align-items:center;justify-content:space-between;\n    max-width:1200px;margin:0 auto;padding:0 32px;\n  }\n  #siteHeaderIW.scrolled{\n    background:rgba(10,33,56,.96);\n    padding:12px 0;\n    box-shadow:0 6px 24px rgba(0,0,0,.25);\n  }\n  .logo-mark-iw{display:flex;align-items:center;gap:12px;}\n  .logo-mark-iw img{height:52px;width:auto;transition:height .3s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}\n  #siteHeaderIW.scrolled .logo-mark-iw img{height:40px;}\n  nav.mainnav-iw ul{list-style:none;display:flex;gap:42px;margin:0;padding:0;}\n  nav.mainnav-iw a{\n    font-family:'Oswald', sans-serif;\n    text-transform:uppercase;\n    font-size:.88rem;\n    letter-spacing:.1em;\n    font-weight:500;\n    color:#fff;\n    text-decoration:none;\n    position:relative;\n    padding-bottom:6px;\n  }\n  nav.mainnav-iw a::after{\n    content:\"\";position:absolute;left:0;bottom:0;width:0;height:2px;background:#e07a2f;\n    transition:width .25s ease;\n  }\n  nav.mainnav-iw a:hover::after{width:100%;}\n  .menu-toggle-iw{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}\n  .menu-toggle-iw span{width:26px;height:2px;background:#fff;display:block;}\n  @media (max-width:860px){\n    .menu-toggle-iw{display:flex;}\n    nav.mainnav-iw{\n      position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:320px;\n      background:rgba(6,20,34,.98);\n      display:flex;align-items:center;justify-content:center;\n      transition:right .35s ease;\n      z-index:999;\n    }\n    nav.mainnav-iw.open{right:0;}\n    nav.mainnav-iw ul{flex-direction:column;gap:28px;}\n  }\n<\/style>\n\n<header id=\"siteHeaderIW\">\n  <div class=\"wrap-iw\">\n    <a href=\"#inicio\" class=\"logo-mark-iw\">\n      <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L. logo\">\n    <\/a>\n    <button class=\"menu-toggle-iw\" id=\"menuToggleIW\" aria-label=\"Abrir men\u00fa\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n    <nav class=\"mainnav-iw\" id=\"mainNavIW\">\n      <ul>\n        <li><a href=\"#inicio\">Inicio<\/a><\/li>\n        <li><a href=\"#sobre-nosotros\">Empresa<\/a><\/li>\n        <li><a href=\"#proyectos\">Proyectos<\/a><\/li>\n        <li><a href=\"#contacto\">Contacto<\/a><\/li>\n      <\/ul>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<script>\n(function(){\n  const header = document.getElementById('siteHeaderIW');\n  window.addEventListener('scroll', () => {\n    header.classList.toggle('scrolled', window.scrollY > 60);\n  });\n  const menuToggle = document.getElementById('menuToggleIW');\n  const mainNav = document.getElementById('mainNavIW');\n  menuToggle.addEventListener('click', () => mainNav.classList.toggle('open'));\n  mainNav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => mainNav.classList.remove('open')));\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f751a74 e-con-full e-flex e-con e-parent\" data-id=\"f751a74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f993f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a0f993f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 9: Pilares \u2014 \"Cuatro principios que sostienen cada proyecto\"\n(Ingenier\u00eda, Precisi\u00f3n, Seguridad, Trayectoria)\nPega esto en un widget HTML de Elementor, justo despu\u00e9s del Hero.\n\nNO necesita ninguna URL de imagen: los \u00edconos son SVG dibujados\na mano (no son de una librer\u00eda como Font Awesome), por eso los\nmantenemos como HTML \u2014 as\u00ed conservas el dise\u00f1o exacto sin\ndepender de subir SVGs personalizados (funci\u00f3n de pago en\nElementor Pro).\n============================================================ -->\n\n<style>\n  .pilares-iw{background:#F4F6F7;}\n  .pilares-iw .pilares-inner-iw{padding:96px 32px;max-width:1200px;margin:0 auto;}\n  .pilares-iw .section-head-iw{max-width:640px;margin-bottom:48px;}\n  .pilares-iw .eyebrow-iw{\n    font-family:'Oswald', sans-serif;text-transform:uppercase;\n    letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#e07a2f;\n  }\n  .pilares-iw h2{font-family:'Oswald',sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);margin-top:10px;}\n  .premise-grid-iw{\n    display:grid;grid-template-columns:repeat(4,1fr);gap:2px;\n    background:#e2e6e9;\n  }\n  .premise-card-iw{\n    background:#fff;padding:40px 30px;\n    transition:background .25s ease, transform .25s ease;\n  }\n  .premise-card-iw:hover{background:#0b2138;transform:translateY(-4px);}\n  .premise-card-iw:hover h3,.premise-card-iw:hover p{color:#fff;}\n  .premise-card-iw .icon-iw{width:44px;height:44px;margin-bottom:22px;color:#e07a2f;}\n  .premise-card-iw h3{\n    font-family:'Oswald',sans-serif;\n    font-size:1rem;letter-spacing:.12em;text-transform:uppercase;\n    margin-bottom:14px;color:#0b2138;transition:color .25s ease;\n  }\n  .premise-card-iw p{font-family:'Source Sans 3',sans-serif;font-size:.94rem;color:#5c6a75;transition:color .25s ease;margin:0;}\n  @media (max-width:860px){\n    .premise-grid-iw{grid-template-columns:repeat(2,1fr);}\n  }\n<\/style>\n\n<section class=\"pilares-iw\">\n  <div class=\"pilares-inner-iw\">\n    <div class=\"section-head-iw\">\n      <p class=\"eyebrow-iw\">Por qu\u00e9 Infinity Weld<\/p>\n      <h2>Cuatro principios que sostienen cada proyecto<\/h2>\n    <\/div>\n    <div class=\"premise-grid-iw\">\n      <div class=\"premise-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"7\"\/><path d=\"M24 4v6M24 38v6M4 24h6M38 24h6M9.5 9.5l4.2 4.2M34.3 34.3l4.2 4.2M9.5 38.5l4.2-4.2M34.3 13.7l4.2-4.2\"\/><\/svg>\n        <h3>Ingenier\u00eda<\/h3>\n        <p>Dise\u00f1amos y ejecutamos soluciones t\u00e9cnicas para el sector energ\u00e9tico, minero e industrial, desde la planificaci\u00f3n hasta la puesta en marcha.<\/p>\n      <\/div>\n      <div class=\"premise-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"18\"\/><circle cx=\"24\" cy=\"24\" r=\"4\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M24 6v8M24 34v8M6 24h8M34 24h8\"\/><\/svg>\n        <h3>Precisi\u00f3n<\/h3>\n        <p>Cada soldadura, cada montaje y cada estructura responde a los est\u00e1ndares de calidad que exigen las operaciones cr\u00edticas.<\/p>\n      <\/div>\n      <div class=\"premise-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 4l16 6v11c0 11-7 18-16 23-9-5-16-12-16-23V10z\"\/><path d=\"M17 24l5 5 9-10\"\/><\/svg>\n        <h3>Seguridad<\/h3>\n        <p>Operamos bajo protocolos estrictos de seguridad, salud ocupacional y cuidado ambiental en cada instalaci\u00f3n donde trabajamos.<\/p>\n      <\/div>\n      <div class=\"premise-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 40V22l10-8 10 8 10-8 6 5v21z\"\/><path d=\"M16 40V26M26 40V26\"\/><\/svg>\n        <h3>Trayectoria<\/h3>\n        <p>M\u00e1s de 20 a\u00f1os de experiencia respaldan cada proyecto que ejecutamos junto a nuestros clientes en distintos pa\u00edses.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a0c83e e-con-full e-flex e-con e-parent\" data-id=\"9a0c83e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f1b5c elementor-widget elementor-widget-html\" data-id=\"f3f1b5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 2: Banner \"futuro\" con efecto parallax (fondo fijo)\nPega esto en un widget HTML de Elementor, justo despu\u00e9s de la\nsecci\u00f3n de \"Pilares\" (Ingenier\u00eda, Precisi\u00f3n, Seguridad, Trayectoria).\n\nANTES DE PEGAR: reemplaza https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg por la URL real de\nla imagen \"banner-futuro-fondo\" ya subida a la Librer\u00eda de Medios.\n\nNota: el efecto parallax usa CSS puro (background-attachment:fixed),\nno depende de ninguna funci\u00f3n de Elementor Pro.\n============================================================ -->\n\n<style>\n  .futuro-parallax{\n    position:relative;\n    padding:150px 24px;\n    background-image:linear-gradient(180deg, rgba(9,28,47,.86), rgba(9,28,47,.9)), url('https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg');\n    background-size:cover;\n    background-position:center 65%;\n    background-attachment:fixed;\n    text-align:center;\n  }\n  .futuro-parallax .wrap{max-width:820px;margin:0 auto;}\n  .futuro-parallax h2{\n    color:#fff;\n    font-family:'Oswald',sans-serif;\n    font-size:clamp(1.9rem,4vw,2.7rem);\n    margin:0;\n  }\n  .futuro-parallax p{\n    color:#dfe6ec;\n    font-family:'Source Sans 3',sans-serif;\n    margin-top:26px;\n    font-size:1.08rem;\n  }\n  @media (max-width:860px){\n    .futuro-parallax{background-attachment:scroll;}\n  }\n<\/style>\n\n<section class=\"futuro-parallax\">\n  <div class=\"wrap\">\n    <h2>Somos profesionales con talento que construimos el futuro<\/h2>\n    <p>Impulsamos el desarrollo de infraestructura cr\u00edtica para los sectores energ\u00e9tico, minero e industrial, combinando ingenier\u00eda rigurosa con ejecuci\u00f3n en terreno. Cada proyecto que emprendemos suma calidad, seguridad y compromiso ambiental al futuro de la regi\u00f3n.<\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fbc121 e-con e-atomic-element e-div-block-base e-3fbc121-d738482 \" data-id=\"3fbc121\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"3fbc121\">\n    \t\t\t<h2 data-interaction-id=\"615e9d3\" class=\"e-615e9d3-e56fe5b e-heading-base\">Cuenta con nosotros en tu pr\u00f3ximo proyecto<\/h2>\n\t\t<section class=\"elementor-element elementor-element-a3f4884 e-con e-atomic-element e-div-block-base e-a3f4884-9dcc92f \" data-id=\"a3f4884\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a3f4884\">\n    <div class=\"elementor-element elementor-element-70380d5 e-con e-atomic-element e-flexbox-base e-70380d5-84030ba \" data-id=\"70380d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"70380d5\">\n    \t\t\t<button class=\"e-88818f0-0ddb026 e-button-base\" data-interaction-id=\"88818f0\">\n\t\tCONT\u00c1CTANOS\n\t<\/button>\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n<div class=\"elementor-element elementor-element-1359e64 e-con-full e-flex e-con e-parent\" data-id=\"1359e64\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804a5a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"804a5a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 6: Divisor \"costura met\u00e1lica con remaches\"\nReferencia a la identidad de soldadura de la marca. Aparece 3\nveces en el dise\u00f1o original:\n  1) Entre el Hero y \"Sobre Nosotros\" (versi\u00f3n clara)\n  2) Entre el CTA band y \"Sobre Nosotros\" (versi\u00f3n clara)\n  3) Entre \"Frentes de Trabajo\" y \"Proyectos\" (versi\u00f3n OSCURA,\n     remaches en color spark naranja)\n\nPega este widget HTML tantas veces como divisores necesites,\nusando la clase correspondiente:\n  <div class=\"seam-iw\"><\/div>       -> versi\u00f3n clara (fondo gris met\u00e1lico)\n  <div class=\"seam-iw dark\"><\/div>  -> versi\u00f3n oscura (remaches naranja)\n\nNo necesita ninguna imagen ni URL \u2014 es 100% CSS puro (gradientes\n+ patr\u00f3n radial), as\u00ed que puedes pegar este bloque completo cada\nvez y solo cambiar la clase.\n============================================================ -->\n\n<style>\n  .seam-iw{\n    position:relative;\n    height:14px;\n    background:linear-gradient(180deg, #C7D0D6 0%, #8E9CA6 45%, #5C6A75 55%, #C7D0D6 100%);\n  }\n  .seam-iw::before{\n    content:\"\";\n    position:absolute;inset:0;\n    background-image:radial-gradient(circle at 4px 7px, rgba(10,33,56,.55) 1.6px, transparent 1.7px);\n    background-size:34px 14px;\n    background-position:12px 0;\n  }\n  .seam-iw.dark{\n    background:linear-gradient(180deg, #2A4864 0%, #16344E 45%, #0B2138 55%, #2A4864 100%);\n  }\n  .seam-iw.dark::before{\n    background-image:radial-gradient(circle at 4px 7px, rgba(225,134,31,.55) 1.6px, transparent 1.7px);\n  }\n<\/style>\n\n<div class=\"seam-iw\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ba5053 e-con e-atomic-element e-div-block-base \" data-id=\"8ba5053\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8ba5053\">\n    \t\t<div class=\"elementor-element elementor-element-c8fad83 elementor-widget elementor-widget-html\" data-id=\"c8fad83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sobre-nosotros\"><\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8b4bd40 e-con e-atomic-element e-div-block-base \" data-id=\"8b4bd40\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8b4bd40\">\n    <div class=\"elementor-element elementor-element-754bc08 e-con e-atomic-element e-grid-base e-754bc08-98868e3 \" data-id=\"754bc08\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"754bc08\">\n    \t\t<div class=\"elementor-element elementor-element-0929c0b elementor-widget elementor-widget-text-editor\" data-id=\"0929c0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2><strong>Sobre Nosotros<\/strong><\/h2><p>Infinity Weld S.L. Somos una empresa dedicada al dise\u00f1o arquitect\u00f3nico, ingenier\u00eda, infraestructura, climatizaci\u00f3n, construcci\u00f3n, electromec\u00e1nica y edificaciones para la industria del gas, petroqu\u00edmica, alimentaria, farmac\u00e9utica y otros sectores estrat\u00e9gicos.<\/p><p><strong>Somos profesionales con talento que construimos el futuro.<\/strong> Un equipo con m\u00e1s de 20 a\u00f1os de experiencia realizando trabajos en instalaciones mineras, de petr\u00f3leo y gas, participando en proyectos diversos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c596e49 elementor-widget elementor-widget-html\" data-id=\"c596e49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 7 (ACTUALIZADO): Miniatura de video con bot\u00f3n de play\nID\u00c9NTICA a la original (altura fija 340px), que al hacer clic\nse reemplaza por el video real de YouTube reproduci\u00e9ndose en\nese mismo espacio, sin cambiar tama\u00f1o ni proporci\u00f3n.\n\nPega esto en el widget HTML de Elementor, en la columna derecha\nde la secci\u00f3n \"Sobre Nosotros\" (reemplaza TODO el contenido que\nya ten\u00edas ah\u00ed del Bloque 7 anterior).\n\nVideo de YouTube: https:\/\/youtu.be\/0qssHag_Wmw\n============================================================ -->\n\n<style>\n  .video-thumb-iw{\n    position:relative;border-radius:12px;overflow:hidden;\n    box-shadow:0 20px 46px rgba(10,33,56,.28);\n    cursor:pointer;\n  }\n  .video-thumb-iw img{\n    width:100%;height:340px;object-fit:cover;\n    object-position:center 55%;filter:brightness(.75);\n    display:block;\n  }\n  .play-btn-iw{\n    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n    width:74px;height:74px;border-radius:50%;\n    background:rgba(225,134,31,.92);\n    display:flex;align-items:center;justify-content:center;\n    box-shadow:0 0 0 14px rgba(255,255,255,.15);\n    transition:transform .25s ease;\n    z-index:2;\n  }\n  .video-thumb-iw:hover .play-btn-iw{transform:translate(-50%,-50%) scale(1.08);}\n  .play-btn-iw svg{width:26px;height:26px;margin-left:4px;fill:#fff;}\n  .video-caption-iw{\n    position:absolute;bottom:0;left:0;right:0;padding:16px 20px;\n    background:linear-gradient(0deg, rgba(0,0,0,.75), transparent);\n    color:#fff;font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;\n    z-index:2;\n  }\n  .video-thumb-iw iframe{\n    width:100%;height:340px;border:none;display:block;\n  }\n<\/style>\n\n<div class=\"video-thumb-iw\" id=\"iwVideoThumb\">\n  <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg\" alt=\"Video corporativo Infinity Weld\">\n  <div class=\"play-btn-iw\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n  <div class=\"video-caption-iw\">Video corporativo &middot; Infinity Weld S.L.<\/div>\n<\/div>\n\n<script>\n(function(){\n  const wrap = document.getElementById('iwVideoThumb');\n  const videoId = '0qssHag_Wmw';\n  wrap.addEventListener('click', function(){\n    wrap.innerHTML = '<iframe src=\"https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1&rel=0\" title=\"Video corporativo Infinity Weld S.L.\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>';\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-0e350f4 e-flex e-con-boxed e-con e-parent\" data-id=\"0e350f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ea6368 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0ea6368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 3: Marquee infinito de logos\nPega esto en un widget HTML de Elementor, dentro de la secci\u00f3n\n\"Sobre Nosotros\", debajo del bloque de texto + video 50\/50.\n\nANTES DE PEGAR: reemplaza https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg por la URL real del logo\n\"logo-header\" (el mismo archivo se repite varias veces para el\nefecto de scroll infinito \u2014 es normal e intencional).\n\nC\u00f3mo funciona el loop infinito: el <div class=\"logo-track\"> tiene\nel doble de logos de los que necesitas ver, y la animaci\u00f3n mueve\nla tira exactamente el 50% de su ancho, as\u00ed el \"salto\" es invisible.\n============================================================ -->\n\n<style>\n  .logo-marquee-wrap{\n    margin-top:38px;overflow:hidden;position:relative;\n    padding:26px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;\n  }\n  .logo-marquee-wrap::before,.logo-marquee-wrap::after{\n    content:\"\";position:absolute;top:0;bottom:0;width:70px;z-index:2;\n  }\n  .logo-marquee-wrap::before{left:0;background:linear-gradient(90deg,#fff,transparent);}\n  .logo-marquee-wrap::after{right:0;background:linear-gradient(270deg,#fff,transparent);}\n  .logo-track{\n    display:flex;gap:64px;align-items:center;width:max-content;\n    animation:scrollLogos 34s linear infinite;\n  }\n  .logo-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px;}\n  .logo-item img{height:42px;width:auto;object-fit:contain;filter:grayscale(1) opacity(.72);transition:filter .25s ease;}\n  .logo-item:hover img{filter:grayscale(0) opacity(1);}\n  @keyframes scrollLogos{\n    from{transform:translateX(0);}\n    to{transform:translateX(-50%);}\n  }\n<\/style>\n\n<div class=\"logo-marquee-wrap\">\n  <div class=\"logo-track\">\n    <!-- Primera tanda -->\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <!-- Segunda tanda (id\u00e9ntica, necesaria para el loop sin cortes) -->\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n    <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2110101 e-con-full e-flex e-con e-parent\" data-id=\"2110101\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4e12f4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e4e12f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 10: \"Frentes de Trabajo\" \u2014 grid oscuro de 8 sectores\n(Gas y Petr\u00f3leo, Miner\u00eda, Alimentaria, Farmac\u00e9utica,\nClimatizaci\u00f3n, Edificaciones, Dise\u00f1o Arquitect\u00f3nico, Electromec\u00e1nica)\nPega esto en un widget HTML de Elementor, despu\u00e9s de la secci\u00f3n\n\"Sobre Nosotros\".\n\nNO necesita ninguna URL de imagen: al igual que en los Pilares\n(Bloque 9), los \u00edconos son SVG dibujados a mano, no de librer\u00eda.\n============================================================ -->\n\n<style>\n  #sectoresIW{\n    background:#0b2138;\n    padding:96px 32px;\n  }\n  #sectoresIW .wrap-iw{max-width:1200px;margin:0 auto;}\n  #sectoresIW .section-head-iw{max-width:640px;margin-bottom:48px;}\n  #sectoresIW .eyebrow-iw{\n    font-family:'Oswald', sans-serif;text-transform:uppercase;\n    letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#e07a2f;\n  }\n  #sectoresIW h2{color:#fff;font-family:'Oswald',sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);margin-top:10px;}\n  #sectoresIW .section-head-iw p{color:#c7d0d6;font-family:'Source Sans 3',sans-serif;}\n  .sector-grid-iw{\n    display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px;\n  }\n  .sector-card-iw{\n    background:rgba(255,255,255,.04);\n    border:1px solid rgba(255,255,255,.1);\n    padding:32px 24px;\n    transition:background .25s ease, border-color .25s ease, transform .25s ease;\n  }\n  .sector-card-iw:hover{background:rgba(225,134,31,.1);border-color:#e07a2f;transform:translateY(-4px);}\n  .sector-card-iw .icon-iw{width:38px;height:38px;color:#e07a2f;margin-bottom:18px;}\n  .sector-card-iw h3{color:#fff;font-family:'Oswald',sans-serif;font-size:.98rem;letter-spacing:.05em;font-weight:500;margin:0;}\n  @media (max-width:860px){\n    .sector-grid-iw{grid-template-columns:repeat(2,1fr);}\n  }\n<\/style>\n\n<section id=\"sectoresIW\">\n  <div class=\"wrap-iw\">\n    <div class=\"section-head-iw\">\n      <p class=\"eyebrow-iw\">\u00c1reas de especializaci\u00f3n<\/p>\n      <h2>Frentes de trabajo<\/h2>\n    <\/div>\n    <div class=\"sector-grid-iw\">\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6c0 6-8 8-8 18a10 10 0 0020 0c0-4-2-6-4-8 1 4-2 6-4 4 2-4-2-6-2-10 0-2 1-3-2-4z\"\/><\/svg>\n        <h3>Gas y Petr\u00f3leo<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 40l12-24 8 12 6-10 10 22z\"\/><circle cx=\"16\" cy=\"10\" r=\"4\"\/><\/svg>\n        <h3>Miner\u00eda<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"10\" y=\"18\" width=\"10\" height=\"22\"\/><rect x=\"28\" y=\"10\" width=\"10\" height=\"30\"\/><path d=\"M6 40h36\"\/><\/svg>\n        <h3>Alimentaria y Bebidas<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"18\" y=\"6\" width=\"12\" height=\"28\" rx=\"6\"\/><path d=\"M18 26h12M24 34v6\"\/><circle cx=\"24\" cy=\"40\" r=\"4\"\/><\/svg>\n        <h3>Farmac\u00e9utica<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"8\" y=\"8\" width=\"32\" height=\"32\" rx=\"3\"\/><path d=\"M8 20h32M20 8v32\"\/><\/svg>\n        <h3>Climatizaci\u00f3n<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 40V18l16-10 16 10v22z\"\/><path d=\"M18 40V26h12v14\"\/><\/svg>\n        <h3>Edificaciones<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 34l16-24 20 24z\"\/><path d=\"M14 34l8-12 8 12\"\/><\/svg>\n        <h3>Dise\u00f1o Arquitect\u00f3nico<\/h3>\n      <\/div>\n      <div class=\"sector-card-iw\">\n        <svg class=\"icon-iw\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"18\" cy=\"30\" r=\"8\"\/><path d=\"M24 24l14-14M34 14l4 0 0 4M28 20l4 4\"\/><\/svg>\n        <h3>Electromec\u00e1nica<\/h3>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38a8f6c e-con-full e-flex e-con e-parent\" data-id=\"38a8f6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c564894 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c564894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 4: Galer\u00eda \"\u00daltimos Proyectos\" + sistema de Lightbox\nPega esto en un widget HTML de Elementor, en la secci\u00f3n de\nproyectos (despu\u00e9s de \"Frentes de Trabajo\").\n\nANTES DE PEGAR, reemplaza estas URLs por las reales de tu\nLibrer\u00eda de Medios de WordPress:\n\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-1-instalaciones-gas-petroleo.jpg -> proyecto-thumb-1-edificaciones-montajes\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-2-planta-petroquimica.jpg -> proyecto-thumb-2-planta-petroquimica\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg -> proyecto-thumb-3-infraestructura-industrial\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg -> proyecto-thumb-4-montaje-electromecanico\n\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-01.jpg a https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-06.jpg -> lightbox-edificaciones-01.jpg a 06.jpg\n  https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-01.jpg a https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-06.jpg -> lightbox-petroquimica-01.jpg a 06.jpg\n    (recuerda: petroquimica-03 es la misma imagen que\n     hero-slide-4-montaje-electromecanico.jpg, puedes reutilizar esa URL)\n\nLas galer\u00edas \"Infraestructura Industrial\" y \"Montaje Electromec\u00e1nico\"\nquedan como tarjetas visuales por ahora (sin lightbox) hasta que subas\nesas fotos \u2014 cuando las tengas, av\u00edsame y te preparo esos dos arrays\nigual que hice con las otras dos.\n============================================================ -->\n\n<style>\n  .proyectos-iw{background:#F4F6F7;}\n  .proyectos-iw .proyectos-inner-iw{padding:96px 32px;max-width:1200px;margin:0 auto;}\n  .proyectos-iw .section-head-iw{max-width:640px;margin-bottom:48px;}\n  .proyectos-iw .eyebrow-iw{\n    font-family:'Oswald', sans-serif;text-transform:uppercase;\n    letter-spacing:.18em;font-size:.78rem;font-weight:600;color:#e07a2f;\n  }\n  .proyectos-iw h2{font-family:'Oswald',sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);margin-top:10px;color:#0b2138;}\n  .gallery-iw{\n    display:grid;\n    grid-template-columns:1.4fr 1fr;\n    grid-template-rows:repeat(3,173px);\n    gap:16px;\n  }\n  .gallery-item-iw{\n    position:relative;overflow:hidden;border-radius:4px;cursor:pointer;\n  }\n  .gallery-item-iw.featured{grid-row:span 3;}\n  .gallery-item-iw img{\n    width:100%;height:100%;object-fit:cover;\n    transition:transform .4s ease;\n  }\n  .gallery-item-iw:hover img{transform:scale(1.06);}\n  .gallery-item-iw .overlay{\n    position:absolute;inset:0;\n    background:linear-gradient(180deg, rgba(9,28,47,0) 40%, rgba(9,28,47,.85) 100%);\n    display:flex;align-items:flex-end;padding:20px;\n  }\n  .gallery-item-iw .overlay span{\n    color:#fff;font-family:'Oswald',sans-serif;font-size:1.05rem;letter-spacing:.02em;\n  }\n  @media (max-width:720px){\n    .gallery-iw{grid-template-columns:1fr;grid-template-rows:repeat(4,220px);}\n    .gallery-item-iw.featured{grid-row:span 1;}\n  }\n  @media (max-width:860px){\n    .proyectos-iw .proyectos-inner-iw{padding:64px 24px;}\n  }\n\n  \/* ---------- LIGHTBOX ---------- *\/\n  .lightbox-iw{\n    position:fixed;inset:0;z-index:2000;\n    background:rgba(6,15,24,.94);\n    display:none;\n    align-items:center;justify-content:center;\n    padding:40px;\n  }\n  .lightbox-iw.open{display:flex;}\n  .lightbox-iw-inner{\n    position:relative;\n    width:100%;max-width:760px;\n    display:flex;flex-direction:column;align-items:center;\n    gap:18px;\n  }\n  .lightbox-iw-frame{\n    width:100%;\n    height:min(64vh, 560px);\n    background:#0A1A28;\n    border:1px solid rgba(255,255,255,.08);\n    display:flex;align-items:center;justify-content:center;\n    overflow:hidden;\n    box-shadow:0 30px 70px rgba(0,0,0,.5);\n  }\n  .lightbox-iw-frame img{width:100%;height:100%;object-fit:contain;}\n  .lightbox-iw-caption{\n    display:flex;align-items:center;justify-content:space-between;\n    width:100%;color:#dfe6ec;\n    font-family:'Oswald',sans-serif;letter-spacing:.06em;font-size:.85rem;text-transform:uppercase;\n  }\n  .lightbox-iw-close{\n    position:absolute;top:-52px;right:0;\n    width:40px;height:40px;border-radius:50%;\n    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);\n    color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;\n    display:flex;align-items:center;justify-content:center;\n    transition:background .2s ease;\n  }\n  .lightbox-iw-close:hover{background:#e07a2f;border-color:#e07a2f;}\n  .lightbox-iw-nav{\n    position:absolute;top:50%;transform:translateY(-50%);\n    width:46px;height:46px;border-radius:50%;\n    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);\n    color:#fff;cursor:pointer;\n    display:flex;align-items:center;justify-content:center;\n    transition:background .2s ease;\n    z-index:5;\n  }\n  .lightbox-iw-nav:hover{background:#e07a2f;border-color:#e07a2f;}\n  .lightbox-iw-nav.prev{left:-58px;}\n  .lightbox-iw-nav.next{right:-58px;}\n  .lightbox-iw-nav svg{width:20px;height:20px;}\n  @media (max-width:860px){\n    .lightbox-iw-nav.prev{left:6px;}\n    .lightbox-iw-nav.next{right:6px;}\n    .lightbox-iw-close{top:-46px;right:6px;}\n  }\n<\/style>\n\n<section class=\"proyectos-iw\" id=\"proyectos\">\n  <div class=\"proyectos-inner-iw\">\n    <div class=\"section-head-iw\">\n      <p class=\"eyebrow-iw\">Trabajo en terreno<\/p>\n      <h2>\u00daltimos Proyectos<\/h2>\n    <\/div>\n    <div class=\"gallery-iw\">\n  <div class=\"gallery-item-iw featured\" id=\"iwProj1Trigger\" role=\"button\" tabindex=\"0\" aria-label=\"Ver galer\u00eda de Edificaciones y Montajes\">\n    <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-1-instalaciones-gas-petroleo.jpg\" alt=\"Proyecto de Edificaciones y Montajes\">\n    <div class=\"overlay\"><span>Edificaciones y Montajes<\/span><\/div>\n  <\/div>\n  <div class=\"gallery-item-iw\" id=\"iwProj2Trigger\" role=\"button\" tabindex=\"0\" aria-label=\"Ver galer\u00eda de Planta Petroqu\u00edmica\">\n    <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-2-planta-petroquimica.jpg\" alt=\"Planta petroqu\u00edmica\">\n    <div class=\"overlay\"><span>Planta Petroqu\u00edmica<\/span><\/div>\n  <\/div>\n  <div class=\"gallery-item-iw\">\n    <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/banner-futuro-fondo.jpg\" alt=\"Infraestructura industrial\">\n    <div class=\"overlay\"><span>Infraestructura Industrial<\/span><\/div>\n  <\/div>\n  <div class=\"gallery-item-iw\">\n    <img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg\" alt=\"Montaje electromec\u00e1nico\">\n    <div class=\"overlay\"><span>Montaje Electromec\u00e1nico<\/span><\/div>\n  <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"lightbox-iw\" id=\"iwLightbox\">\n  <div class=\"lightbox-iw-inner\">\n    <button class=\"lightbox-iw-close\" id=\"iwLightboxClose\" aria-label=\"Cerrar\">&times;<\/button>\n    <button class=\"lightbox-iw-nav prev\" id=\"iwLightboxPrev\" aria-label=\"Anterior\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>\n    <\/button>\n    <div class=\"lightbox-iw-frame\">\n      <img decoding=\"async\" id=\"iwLightboxImg\" src=\"\" alt=\"\">\n    <\/div>\n    <button class=\"lightbox-iw-nav next\" id=\"iwLightboxNext\" aria-label=\"Siguiente\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n    <\/button>\n    <div class=\"lightbox-iw-caption\">\n      <span id=\"iwLightboxCaptionTitle\">Edificaciones y Montajes<\/span>\n      <span id=\"iwLightboxCounter\">1 \/ 6<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const proj1Images = [\n    \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-01.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-02.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-03.jpg\",\n    \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-04.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-05.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-edificaciones-06.jpg\"\n  ];\n  const proj2Images = [\n    \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-01.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-02.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/hero-slide-4-montaje-electromecanico.jpg\",\n    \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-04.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-05.jpg\", \"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/lightbox-petroquimica-06.jpg\"\n  ];\n\n  const lightbox = document.getElementById('iwLightbox');\n  const lightboxImg = document.getElementById('iwLightboxImg');\n  const lightboxCounter = document.getElementById('iwLightboxCounter');\n  const lightboxCaptionTitle = document.getElementById('iwLightboxCaptionTitle');\n  let currentGallery = [];\n  let currentTitle = '';\n  let lbIndex = 0;\n\n  function openLightbox(images, title, startIndex){\n    currentGallery = images;\n    currentTitle = title;\n    lbIndex = startIndex || 0;\n    updateLightbox();\n    lightbox.classList.add('open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeLightbox(){\n    lightbox.classList.remove('open');\n    document.body.style.overflow = '';\n  }\n  function updateLightbox(){\n    lightboxImg.src = currentGallery[lbIndex];\n    lightboxImg.alt = currentTitle + ' - Infinity Weld';\n    lightboxCaptionTitle.textContent = currentTitle;\n    lightboxCounter.textContent = (lbIndex + 1) + ' \/ ' + currentGallery.length;\n  }\n  function nextImg(){ lbIndex = (lbIndex + 1) % currentGallery.length; updateLightbox(); }\n  function prevImg(){ lbIndex = (lbIndex - 1 + currentGallery.length) % currentGallery.length; updateLightbox(); }\n\n  document.getElementById('iwProj1Trigger').addEventListener('click', () => openLightbox(proj1Images, 'Edificaciones y Montajes', 0));\n  document.getElementById('iwProj1Trigger').addEventListener('keydown', (e) => { if(e.key === 'Enter' || e.key === ' ') openLightbox(proj1Images, 'Edificaciones y Montajes', 0); });\n\n  document.getElementById('iwProj2Trigger').addEventListener('click', () => openLightbox(proj2Images, 'Planta Petroqu\u00edmica', 0));\n  document.getElementById('iwProj2Trigger').addEventListener('keydown', (e) => { if(e.key === 'Enter' || e.key === ' ') openLightbox(proj2Images, 'Planta Petroqu\u00edmica', 0); });\n\n  document.getElementById('iwLightboxClose').addEventListener('click', closeLightbox);\n  document.getElementById('iwLightboxNext').addEventListener('click', nextImg);\n  document.getElementById('iwLightboxPrev').addEventListener('click', prevImg);\n  lightbox.addEventListener('click', (e) => { if(e.target === lightbox) closeLightbox(); });\n  document.addEventListener('keydown', (e) => {\n    if(!lightbox.classList.contains('open')) return;\n    if(e.key === 'Escape') closeLightbox();\n    if(e.key === 'ArrowRight') nextImg();\n    if(e.key === 'ArrowLeft') prevImg();\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-584ed2c e-con-full e-flex e-con e-parent\" data-id=\"584ed2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a2c307 elementor-widget elementor-widget-html\" data-id=\"5a2c307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\nBLOQUE 8: Footer con logo, navegaci\u00f3n y contacto (\u00edconos SVG\npersonalizados: ubicaci\u00f3n, WhatsApp y correo).\nPega esto en un widget HTML de Elementor, en la \u00daLTIMA secci\u00f3n\nde la p\u00e1gina.\n\nANTES DE PEGAR: reemplaza https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg por la URL real de\n\"logo-footer\" en tu Librer\u00eda de Medios.\n\nNOTA: uso \u00edconos SVG personalizados aqu\u00ed (en vez del widget\nnativo \"Icon List\") porque el \u00edcono de WhatsApp espec\u00edfico no\nest\u00e1 disponible como \u00edcono de librer\u00eda en la versi\u00f3n gratuita\nde Elementor sin subir un SVG propio (funci\u00f3n de Pro). Con este\nbloque HTML conservas el dise\u00f1o exacto sin pagar Pro.\n\nDatos de contacto ya cargados:\n  Ubicaci\u00f3n: A Coru\u00f1a \u2013 Espa\u00f1a\n  Tel\u00e9fono \/ WhatsApp: +34 600 792 635\n  Correo: weldinfinity@gmail.com\n============================================================ -->\n\n<style>\n  .footer-iw{\n    background:#0B2138;\n    padding:70px 32px 24px;\n    color:#dfe6ec;\n    font-family:'Source Sans 3',sans-serif;\n  }\n  .footer-iw .wrap-iw{max-width:1200px;margin:0 auto;}\n  .footer-grid-iw{\n    display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;\n  }\n  .foot-about-iw .logo-mark-iw{display:inline-flex;margin-bottom:18px;}\n  .foot-about-iw .logo-mark-iw img{height:44px;width:auto;}\n  .foot-about-iw p{font-size:.95rem;color:#a9b6c0;line-height:1.6;}\n  .footer-iw h4{\n    color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;\n    letter-spacing:.06em;font-size:.9rem;margin-bottom:18px;\n  }\n  .footer-iw ul{list-style:none;margin:0;padding:0;}\n  .footer-iw ul li{margin-bottom:12px;}\n  .footer-iw ul li a{color:#dfe6ec;text-decoration:none;font-size:.95rem;}\n  .footer-iw ul li a:hover{color:#e07a2f;}\n  .foot-contact-iw li{\n    display:flex;align-items:center;gap:10px;font-size:.92rem;color:#a9b6c0;\n  }\n  .foot-contact-iw svg{width:18px;height:18px;flex-shrink:0;color:#e07a2f;}\n  .footer-bottom-iw{\n    margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);\n    text-align:center;font-size:.82rem;color:#7c8b98;\n  }\n  @media (max-width:780px){\n    .footer-grid-iw{grid-template-columns:1fr;gap:36px;}\n  }\n<\/style>\n\n<footer class=\"footer-iw\" id=\"contacto\">\n  <div class=\"wrap-iw\">\n    <div class=\"footer-grid-iw\">\n      <div class=\"foot-about-iw\">\n        <a href=\"#inicio\" class=\"logo-mark-iw\"><img decoding=\"async\" src=\"https:\/\/www.infinityweld.es\/wp-content\/uploads\/2026\/08\/logo-header.jpg\" alt=\"Infinity Weld S.L.\"><\/a>\n        <p>Ingenier\u00eda, infraestructura y electromec\u00e1nica para la industria del gas, la miner\u00eda, la petroqu\u00edmica y el sector alimentario, con m\u00e1s de 20 a\u00f1os de experiencia junto a nuestros clientes.<\/p>\n      <\/div>\n      <div>\n        <h4>Navegaci\u00f3n<\/h4>\n        <ul>\n          <li><a href=\"#inicio\">Inicio<\/a><\/li>\n          <li><a href=\"#sobre-nosotros\">Empresa<\/a><\/li>\n          <li><a href=\"#proyectos\">Proyectos<\/a><\/li>\n          <li><a href=\"#contacto\">Contacto<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4>Contacto<\/h4>\n        <ul class=\"foot-contact-iw\">\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s7-7.4 7-13a7 7 0 10-14 0c0 5.6 7 13 7 13z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><\/svg>\n            A Coru\u00f1a \u2013 Espa\u00f1a\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2.05 22l5.25-1.38a9.87 9.87 0 004.74 1.21h.01c5.46 0 9.9-4.45 9.9-9.92 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0012.04 2zm5.8 14.09c-.24.68-1.4 1.32-1.93 1.37-.5.05-.99.24-3.33-.72-2.82-1.16-4.63-4.05-4.77-4.24-.14-.19-1.14-1.55-1.14-2.96 0-1.4.72-2.08 1-2.37.24-.25.55-.35.77-.35.19 0 .39 0 .55.01.19.01.44-.07.68.54.24.61.83 2.1.9 2.25.07.15.12.32.02.51-.1.19-.15.31-.29.48-.15.17-.31.38-.44.51-.15.15-.3.31-.13.6.17.29.75 1.27 1.63 2.06 1.12 1.02 2.05 1.34 2.34 1.5.29.15.46.13.63-.06.17-.19.72-.85.91-1.14.19-.29.38-.24.63-.14.26.1 1.63.79 1.91.93.29.14.48.22.55.34.07.14.07.75-.17 1.43z\"\/><\/svg>\n            <a href=\"https:\/\/wa.me\/34600792635\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none;\">+34 600 792 635<\/a>\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 6l9 7 9-7\"\/><\/svg>\n            <a href=\"mailto:weldinfinity@gmail.com\" style=\"color:inherit;text-decoration:none;\">weldinfinity@gmail.com<\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom-iw\">\n      \u00a9 2026 Infinity Weld S.L. Todos los derechos reservados.\n    <\/div>\n  <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infinity Weld S.L. \u2014 Ingenier\u00eda e Infraestructura Profesionales con talento que construyen el futuro de la ingenier\u00eda, infraestructura y electromec\u00e1nica, para las industrias del gas, la miner\u00eda y el sector alimentario Dise\u00f1o arquitect\u00f3nico, climatizaci\u00f3n, construcci\u00f3n y montajes con m\u00e1s de 20 a\u00f1os de experiencia en instalaciones industriales. Inicio Empresa Proyectos Contacto Por qu\u00e9 Infinity Weld [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/www.infinityweld.es\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}