{"id":9401,"date":"2025-08-29T08:29:11","date_gmt":"2025-08-29T06:29:11","guid":{"rendered":"https:\/\/prometal.es\/proyectos\/"},"modified":"2025-12-11T09:20:05","modified_gmt":"2025-12-11T08:20:05","slug":"projects","status":"publish","type":"page","link":"https:\/\/prometal.es\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9401\" class=\"elementor elementor-9401 elementor-6470\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a6892 e-con-full e-flex e-con e-parent\" data-id=\"b1a6892\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a5fc11 elementor-widget elementor-widget-aixor-home-headerv1\" data-id=\"6a5fc11\" data-element_type=\"widget\" data-widget_type=\"aixor-home-headerv1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- ===== Header Sidebar Start ===== -->\n                <!-- ===== Header Sidebar End ===== -->\n\n        <!-- ===== Menu Start ===== -->\n        <header class=\"header-menu-wrap\">\n            <div class=\"custom-container\">\n                <div class=\"custom-row\">\n                    <a                     href=\"https:\/\/prometal.es\/\" class=\"logo\">\n                        <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png\" alt=\"\">\n                    <\/a>\n                    <nav class=\"navbar\">\n                        <ul class=\"menu\">\n                                                                                    <li><a                             href=\"https:\/\/prometal.es\/en\">Home <span><\/span><\/a>\n                            <\/li>\n                                                        <li><a                             href=\"https:\/\/prometal.es\/en\/company\">Company <span><\/span><\/a>\n                            <\/li>\n                                                        <li><a                             href=\"https:\/\/prometal.es\/en\/technologies\">Technologies <span><\/span><\/a>\n                            <\/li>\n                                                        <li><a                             href=\"https:\/\/prometal.es\/en\/projects\">Projects <span><\/span><\/a>\n                            <\/li>\n                                                        <li><a                             href=\"https:\/\/prometal.es\/en\/contact\">Contact <span><\/span><\/a>\n                            <\/li>\n                                                        \n                                                    <\/ul>\n                    <\/nav>\n                    <div class=\"header-right-info\">\n                        <a                         class=\"with-border\" href=\"\">\n                            EN                        <\/a>\n                        \n                        <a                         href=\"\">\n                           <i class=\"\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/header>\n        <!-- ===== Menu End ===== -->\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aef7c2c e-con-full e-flex e-con e-parent\" data-id=\"aef7c2c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7843cb4 elementor-widget elementor-widget-aixor-about-hero\" data-id=\"7843cb4\" data-element_type=\"widget\" data-widget_type=\"aixor-about-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"hero-sec about-hero-sec\">\n            <div class=\"custom-container\">\n                <div class=\"hero-inner\">\n                                            <!-- Shape Section -->\n                        <img decoding=\"async\" class=\"hero-shape\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2024\/10\/contact.avif\" alt=\"\">\n                    \n                    <div class=\"hero-top\">\n\n                        <div class=\"hero-top-desc\">\n                            <p>At Prometal, our extensive experience in various sectors speaks for itself. We have worked on national and international projects, always adapting to the needs of our clients.<\/p><p>Here you can see some examples of our commitment to quality and efficiency, both locally and globally.<\/p>                        <\/div>\n\n                                            <\/div>\n                    <div class=\"hero-bottom\">\n                                                    <div class=\"left\">\n                                                                    <h2>Our featured<\/h2>\n                                                                    <h2>projects<\/h2>\n                                                            <\/div>\n                                                    <a href=\"https:\/\/prometal.es\/en\/contact\/\" target=\"_blank\" rel=\"nofollow\" class=\"theme-btn\">\n                                Contact                                    <i class=\"iconoir-arrow-up-right\"><\/i>                            <\/a>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c89abf7 e-flex e-con-boxed e-con e-parent\" data-id=\"c89abf7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-068e995 e-con-full e-flex e-con e-child\" data-id=\"068e995\" data-element_type=\"container\" id=\"filter-prometal-projects\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f010bf0 elementor-widget elementor-widget-shortcode\" data-id=\"f010bf0\" data-element_type=\"widget\" id=\"category-filter-prometal\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"project-industry-filter-horizontal\" style=\"margin:1rem 0 1.5rem;\">\n    <!-- Botones de navegaci\u00f3n para m\u00f3viles -->\n    <button class=\"scroll-nav-btn scroll-left\" type=\"button\" aria-label=\"Scroll left\">\u2039<\/button>\n    <button class=\"scroll-nav-btn scroll-right\" type=\"button\" aria-label=\"Scroll right\">\u203a<\/button>\n    \n    <div class=\"industry-filter-buttons\">\n      <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401\" class=\"industry-filter-btn active\">\n        All industries      <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Civil+construction\" class=\"industry-filter-btn \">\n          Civil construction        <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Industrial+construction\" class=\"industry-filter-btn \">\n          Industrial construction        <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Iron+and+steel+industry\" class=\"industry-filter-btn \">\n          Iron and steel industry        <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Mezzanines\" class=\"industry-filter-btn \">\n          Mezzanines        <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Oil+%26+Gas\" class=\"industry-filter-btn \">\n          Oil &amp; Gas        <\/a>\n              <a href=\"\/en\/wp-json\/wp\/v2\/pages\/9401?industry=Wind+energy\" class=\"industry-filter-btn \">\n          Wind energy        <\/a>\n          <\/div>\n  <\/div>\n  \n  <style>\n  \/* Estilos espec\u00edficos para el contenedor del filtro de categor\u00edas *\/\n  #category-filter-prometal {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    width: 100% !important;\n    margin: 0 auto !important;\n    text-align: center !important;\n    padding: 0 15px; \/* A\u00f1adir padding lateral *\/\n  }\n  \n  #category-filter-prometal .project-industry-filter-horizontal,\n  #filter-prometal-projects .project-industry-filter-horizontal {\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 15px 0 20px 0; \/* Aumentar padding vertical *\/\n    display: flex !important;\n    justify-content: center !important; \/* Centrado en pantallas grandes *\/\n    align-items: center !important;\n    -webkit-overflow-scrolling: touch; \/* Scroll suave en iOS *\/\n    scrollbar-width: thin; \/* Firefox *\/\n  }\n  \n  #category-filter-prometal .industry-filter-buttons,\n  #filter-prometal-projects .industry-filter-buttons {\n    display: flex;\n    flex-wrap: nowrap !important; \/* Evitar que se envuelvan los botones *\/\n    gap: 15px;\n    align-items: center;\n    justify-content: center !important; \/* Centrado por defecto *\/\n    min-width: max-content;\n    padding: 0 20px; \/* Aumentar padding lateral *\/\n    white-space: nowrap;\n  }\n  \n  #category-filter-prometal .industry-filter-btn,\n  #filter-prometal-projects .industry-filter-btn {\n    color: #ffffff !important;\n    background: transparent;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    padding: 10px 20px;\n    text-decoration: none !important;\n    border-radius: 25px;\n    font-size: 14px;\n    font-weight: 500;\n    white-space: nowrap;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    display: inline-block;\n    position: relative;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  \n  #category-filter-prometal .industry-filter-btn:hover,\n  #filter-prometal-projects .industry-filter-btn:hover {\n    color: #0d6efd !important;\n    border-color: #0d6efd;\n    background: rgba(13, 110, 253, 0.1);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);\n  }\n  \n  #category-filter-prometal .industry-filter-btn.active,\n  #filter-prometal-projects .industry-filter-btn.active {\n    color: #ffffff !important;\n    background: #0d6efd;\n    border-color: #0d6efd;\n    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);\n  }\n  \n  #category-filter-prometal .industry-filter-btn.active:hover,\n  #filter-prometal-projects .industry-filter-btn.active:hover {\n    color: #ffffff !important;\n    background: #0b5ed7;\n    border-color: #0b5ed7;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(13, 110, 253, 0.4);\n  }\n  \n  \/* Scrollbar personalizado elegante - azul *\/\n  #category-filter-prometal .project-industry-filter-horizontal::-webkit-scrollbar,\n  #filter-prometal-projects .project-industry-filter-horizontal::-webkit-scrollbar {\n    height: 8px; \/* Aumentado para mejor visibilidad *\/\n  }\n  \n  #category-filter-prometal .project-industry-filter-horizontal::-webkit-scrollbar-track,\n  #filter-prometal-projects .project-industry-filter-horizontal::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);\n  }\n  \n  #category-filter-prometal .project-industry-filter-horizontal::-webkit-scrollbar-thumb,\n  #filter-prometal-projects .project-industry-filter-horizontal::-webkit-scrollbar-thumb {\n    background: linear-gradient(45deg, #0d6efd, #0099ff, #00bfff);\n    border-radius: 10px;\n    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3);\n    transition: all 0.3s ease;\n  }\n  \n  #category-filter-prometal .project-industry-filter-horizontal::-webkit-scrollbar-thumb:hover,\n  #filter-prometal-projects .project-industry-filter-horizontal::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(45deg, #0b5ed7, #007acc, #0099cc);\n    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.5);\n    transform: scaleY(1.2);\n  }\n  \n  \/* Scrollbar para Firefox *\/\n  #category-filter-prometal .project-industry-filter-horizontal,\n  #filter-prometal-projects .project-industry-filter-horizontal {\n    scrollbar-width: thin;\n    scrollbar-color: #0d6efd rgba(255, 255, 255, 0.1);\n  }\n  \n  \/* Indicadores de overflow para mejorar UX *\/\n  #category-filter-prometal .project-industry-filter-horizontal.has-overflow::before,\n  #filter-prometal-projects .project-industry-filter-horizontal.has-overflow::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 30px;\n    background: linear-gradient(to left, rgba(0,0,0,0.3), transparent);\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  #category-filter-prometal .project-industry-filter-horizontal.has-overflow::after,\n  #filter-prometal-projects .project-industry-filter-horizontal.has-overflow::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 30px;\n    background: linear-gradient(to right, rgba(0,0,0,0.3), transparent);\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  \/* Asegurar posici\u00f3n relativa para los pseudo-elementos *\/\n  #category-filter-prometal .project-industry-filter-horizontal,\n  #filter-prometal-projects .project-industry-filter-horizontal {\n    position: relative;\n  }\n  \n  \/* Botones de navegaci\u00f3n para scroll *\/\n  .scroll-nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(13, 110, 253, 0.9);\n    color: white;\n    border: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    font-size: 20px;\n    font-weight: bold;\n    cursor: pointer;\n    z-index: 10;\n    display: none; \/* Oculto por defecto *\/\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n  \n  .scroll-nav-btn:hover {\n    background: rgba(13, 110, 253, 1);\n    transform: translateY(-50%) scale(1.1);\n    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4);\n  }\n  \n  .scroll-nav-btn:active {\n    transform: translateY(-50%) scale(0.95);\n  }\n  \n  .scroll-left {\n    left: 5px;\n  }\n  \n  .scroll-right {\n    right: 5px;\n  }\n  \n  \/* Mostrar botones solo en m\u00f3viles y cuando hay overflow *\/\n  @media (max-width: 768px) {\n    .project-industry-filter-horizontal.has-overflow .scroll-nav-btn {\n      display: flex;\n    }\n    \n    .project-industry-filter-horizontal.has-overflow .scroll-left {\n      opacity: 0.8;\n    }\n    \n    .project-industry-filter-horizontal.has-overflow .scroll-right {\n      opacity: 0.8;\n    }\n    \n    \/* Animaci\u00f3n de aparici\u00f3n *\/\n    .project-industry-filter-horizontal.has-overflow .scroll-nav-btn {\n      animation: fadeInNav 0.3s ease-out;\n    }\n  }\n  \n  @keyframes fadeInNav {\n    from {\n      opacity: 0;\n      transform: translateY(-50%) scale(0.8);\n    }\n    to {\n      opacity: 0.8;\n      transform: translateY(-50%) scale(1);\n    }\n  }\n  \n  \/* Responsive: En m\u00f3viles permitir scroll horizontal *\/\n  @media (max-width: 768px) {\n    #category-filter-prometal {\n      padding: 0 10px; \/* Reducir padding en m\u00f3viles *\/\n    }\n    \n    #category-filter-prometal .project-industry-filter-horizontal,\n    #filter-prometal-projects .project-industry-filter-horizontal {\n      justify-content: flex-start !important; \/* Solo en m\u00f3viles cambiar a flex-start *\/\n      padding: 10px 0 15px 0;\n      \/* Mejorar scroll t\u00e1ctil en m\u00f3viles *\/\n      -webkit-overflow-scrolling: touch;\n      scroll-behavior: smooth;\n      touch-action: pan-x; \/* Permitir solo scroll horizontal *\/\n    }\n    \n    #category-filter-prometal .industry-filter-buttons,\n    #filter-prometal-projects .industry-filter-buttons {\n      flex-wrap: nowrap !important;\n      justify-content: flex-start !important; \/* Solo en m\u00f3viles cambiar a flex-start *\/\n      padding: 0 15px;\n      gap: 12px;\n      \/* IMPORTANTE: No usar overflow-x: visible en m\u00f3viles *\/\n      overflow-x: auto !important; \/* Permitir scroll horizontal nativo *\/\n      \/* Mejorar interacci\u00f3n t\u00e1ctil *\/\n      touch-action: pan-x;\n      cursor: grab;\n      user-select: none; \/* Evitar selecci\u00f3n de texto durante scroll *\/\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      \/* Propiedades adicionales para scroll suave *\/\n      -webkit-overflow-scrolling: touch;\n      scroll-behavior: smooth;\n    }\n    \n    #category-filter-prometal .industry-filter-buttons:active,\n    #filter-prometal-projects .industry-filter-buttons:active {\n      cursor: grabbing;\n    }\n    \n    #category-filter-prometal .industry-filter-btn,\n    #filter-prometal-projects .industry-filter-btn {\n      padding: 8px 16px;\n      font-size: 13px;\n      flex-shrink: 0; \/* Evitar que se compriman *\/\n      white-space: nowrap;\n      min-width: max-content;\n      pointer-events: auto; \/* Asegurar que los botones sean clickeables *\/\n      touch-action: manipulation; \/* Optimizar para touch *\/\n    }\n  }\n  \n  @media (max-width: 480px) {\n    #category-filter-prometal {\n      padding: 0 5px;\n    }\n    \n    #category-filter-prometal .industry-filter-buttons,\n    #filter-prometal-projects .industry-filter-buttons {\n      padding: 0 10px;\n      gap: 10px;\n    }\n    \n    #category-filter-prometal .industry-filter-btn,\n    #filter-prometal-projects .industry-filter-btn {\n      padding: 6px 14px;\n      font-size: 12px;\n      min-width: max-content; \/* Asegurar que mantengan su ancho completo *\/\n    }\n  }\n  \n  \/* En pantallas grandes mantener centrado perfecto *\/\n  @media (min-width: 769px) {\n    #category-filter-prometal .project-industry-filter-horizontal,\n    #filter-prometal-projects .project-industry-filter-horizontal {\n      justify-content: center !important; \/* Centrado perfecto en desktop *\/\n    }\n    \n    #category-filter-prometal .industry-filter-buttons,\n    #filter-prometal-projects .industry-filter-buttons {\n      justify-content: center !important; \/* Centrado perfecto en desktop *\/\n      flex-wrap: wrap !important; \/* Permitir wrap en pantallas grandes si es necesario *\/\n    }\n  }\n\n  \/*@media (max-width: 809px) {\n  .header-menu-wrap .navbar {\n    margin-right: 10px !important;\n  }*\/\n}\n  <\/style>\n  \n  <script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ Solo agregar feedback visual, pero dejar que los enlaces funcionen normalmente\n    \/\/ Buscar botones de filtro en ambos contenedores espec\u00edficos\n    const filterContainer = document.getElementById('filter-prometal-projects');\n    const categoryContainer = document.getElementById('category-filter-prometal');\n    \n    let filterBtns = [];\n    \n    \/\/ Buscar botones en el contenedor de filtros de proyectos\n    if (filterContainer) {\n      filterBtns = filterBtns.concat(Array.from(filterContainer.querySelectorAll('.industry-filter-btn')));\n    }\n    \n    \/\/ Buscar botones en el contenedor de filtros de categor\u00edas\n    if (categoryContainer) {\n      filterBtns = filterBtns.concat(Array.from(categoryContainer.querySelectorAll('.industry-filter-btn')));\n    }\n    \n    \/\/ Si no encontramos botones en los contenedores espec\u00edficos, buscar globalmente como fallback\n    if (filterBtns.length === 0) {\n      filterBtns = Array.from(document.querySelectorAll('.industry-filter-btn'));\n    }\n    \n    \/\/ Mejorar el scroll horizontal en dispositivos m\u00f3viles\n    const horizontalContainers = document.querySelectorAll('.project-industry-filter-horizontal');\n    horizontalContainers.forEach(function(container) {\n      \/\/ A\u00f1adir indicadores visuales para el scroll\n      const buttonsContainer = container.querySelector('.industry-filter-buttons');\n      if (buttonsContainer) {\n        \/\/ Verificar si el contenido se desborda horizontalmente\n        const checkOverflow = function() {\n          const hasOverflow = buttonsContainer.scrollWidth > buttonsContainer.offsetWidth;\n          container.classList.toggle('has-overflow', hasOverflow);\n        };\n        \n        \/\/ Verificar overflow al cargar y al cambiar tama\u00f1o\n        checkOverflow();\n        window.addEventListener('resize', checkOverflow);\n        \n        \/\/ Variables para el scroll t\u00e1ctil simplificado\n        let isDragging = false;\n        let startX = 0;\n        let scrollLeft = 0;\n        \n        \/\/ Funci\u00f3n simple y directa para el scroll t\u00e1ctil\n        const enableTouchScroll = function(element) {\n          \/\/ Touch events\n          element.addEventListener('touchstart', function(e) {\n            isDragging = true;\n            startX = e.touches[0].pageX - element.offsetLeft;\n            scrollLeft = element.scrollLeft;\n            element.style.scrollBehavior = 'auto';\n          }, { passive: true });\n\n          element.addEventListener('touchmove', function(e) {\n            if (!isDragging) return;\n            e.preventDefault();\n            const x = e.touches[0].pageX - element.offsetLeft;\n            const walk = (x - startX) * 2; \/\/ Multiplicador para sensibilidad\n            element.scrollLeft = scrollLeft - walk;\n          }, { passive: false });\n\n          element.addEventListener('touchend', function() {\n            isDragging = false;\n            element.style.scrollBehavior = 'smooth';\n          }, { passive: true });\n          \n          \/\/ Mouse events para desktop (fallback)\n          element.addEventListener('mousedown', function(e) {\n            isDragging = true;\n            startX = e.pageX - element.offsetLeft;\n            scrollLeft = element.scrollLeft;\n            element.style.cursor = 'grabbing';\n            element.style.scrollBehavior = 'auto';\n          });\n\n          element.addEventListener('mouseleave', function() {\n            isDragging = false;\n            element.style.cursor = 'grab';\n          });\n\n          element.addEventListener('mouseup', function() {\n            isDragging = false;\n            element.style.cursor = 'grab';\n            element.style.scrollBehavior = 'smooth';\n          });\n\n          element.addEventListener('mousemove', function(e) {\n            if (!isDragging) return;\n            e.preventDefault();\n            const x = e.pageX - element.offsetLeft;\n            const walk = (x - startX) * 2;\n            element.scrollLeft = scrollLeft - walk;\n          });\n        };\n        \n        \/\/ Aplicar scroll t\u00e1ctil al contenedor principal\n        enableTouchScroll(container);\n        enableTouchScroll(buttonsContainer);\n        \n        \/\/ M\u00c9TODO ADICIONAL: Scroll nativo mejorado\n        \/\/ Asegurar que el scroll nativo funcione bien\n        container.style.overflowX = 'auto';\n        container.style.overflowY = 'hidden';\n        buttonsContainer.style.overflowX = 'auto';\n        buttonsContainer.style.overflowY = 'hidden';\n        \n        \/\/ Forzar propiedades de scroll t\u00e1ctil\n        [container, buttonsContainer].forEach(function(element) {\n          element.style.WebkitOverflowScrolling = 'touch';\n          element.style.touchAction = 'pan-x';\n          element.style.scrollBehavior = 'smooth';\n        });\n        \n        \/\/ Agregar cursor de grab cuando hay overflow\n        if (buttonsContainer.scrollWidth > buttonsContainer.offsetWidth) {\n          buttonsContainer.style.cursor = 'grab';\n        }\n        \n        \/\/ M\u00c9TODO SIMPLE ADICIONAL: Scroll directo en el contenedor\n        \/\/ Este es un m\u00e9todo de respaldo muy simple\n        const simpleScroll = function() {\n          let isDown = false;\n          let startX = 0;\n          let scrollLeftStart = 0;\n          \n          const target = container; \/\/ Usar el contenedor principal\n          \n          target.addEventListener('touchstart', function(e) {\n            isDown = true;\n            startX = e.touches[0].pageX;\n            scrollLeftStart = target.scrollLeft;\n          }, { passive: true });\n          \n          target.addEventListener('touchmove', function(e) {\n            if (!isDown) return;\n            const x = e.touches[0].pageX;\n            const walk = (startX - x) * 1; \/\/ Sensibilidad\n            target.scrollLeft = scrollLeftStart + walk;\n          }, { passive: true });\n          \n          target.addEventListener('touchend', function() {\n            isDown = false;\n          }, { passive: true });\n        };\n        \n        \/\/ Activar el m\u00e9todo simple como respaldo\n        setTimeout(simpleScroll, 100);\n        \n        \/\/ Funcionalidad de botones de navegaci\u00f3n\n        const scrollLeftBtn = container.querySelector('.scroll-left');\n        const scrollRightBtn = container.querySelector('.scroll-right');\n        \n        if (scrollLeftBtn && scrollRightBtn) {\n          \/\/ Funci\u00f3n para actualizar visibilidad de botones\n          const updateNavButtons = function() {\n            const isAtStart = buttonsContainer.scrollLeft <= 10;\n            const isAtEnd = buttonsContainer.scrollLeft >= (buttonsContainer.scrollWidth - buttonsContainer.offsetWidth - 10);\n            \n            scrollLeftBtn.style.opacity = isAtStart ? '0.3' : '0.8';\n            scrollRightBtn.style.opacity = isAtEnd ? '0.3' : '0.8';\n            scrollLeftBtn.style.pointerEvents = isAtStart ? 'none' : 'auto';\n            scrollRightBtn.style.pointerEvents = isAtEnd ? 'none' : 'auto';\n          };\n          \n          \/\/ Event listeners para botones de navegaci\u00f3n\n          scrollLeftBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            const scrollAmount = buttonsContainer.offsetWidth * 0.8;\n            buttonsContainer.scrollBy({\n              left: -scrollAmount,\n              behavior: 'smooth'\n            });\n          });\n          \n          scrollRightBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            const scrollAmount = buttonsContainer.offsetWidth * 0.8;\n            buttonsContainer.scrollBy({\n              left: scrollAmount,\n              behavior: 'smooth'\n            });\n          });\n          \n          \/\/ Actualizar botones cuando el contenido se desplace\n          buttonsContainer.addEventListener('scroll', updateNavButtons);\n          \n          \/\/ Inicializar estado de botones\n          setTimeout(updateNavButtons, 100);\n        }\n      }\n    });\n\n    filterBtns.forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        \n        \/\/ Remover clase active de todos los botones\n        filterBtns.forEach(function(b) { b.classList.remove('active'); });\n        \n        \/\/ Agregar clase active al bot\u00f3n clickeado\n        this.classList.add('active');\n        \n        \/\/ Agregar efecto visual de clic\n        btn.style.transform = 'scale(0.95)';\n        setTimeout(function() {\n          btn.style.transform = '';\n        }, 150);\n        \n        \/\/ El enlace se encarga de la navegaci\u00f3n\n      });\n    });\n  });\n  <\/script>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5bff5 elementor-widget elementor-widget-shortcode\" data-id=\"5a5bff5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"feature-project-lists\">\n                <div class=\"feature-project aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n            <div class=\"hover_mouse\">\n              <a href=\"https:\/\/prometal.es\/en\/project\/equipo-de-elevacion-para-el-puente-pattullo\/\">View<\/a>\n            <\/div>\n                          <div class=\"img-box\">\n                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Aerea-Patullo-RRSS-1024x835.jpg\" alt=\"Lifting equipment for the Pattullo Bridge\">\n              <\/div>\n                        <div class=\"feature-project-infos\">\n              <!-- Todas las tarjetas grandes: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Location<\/span>\n                <span class=\"subtitle\">Columbia Brit\u00e1nica, Canad\u00e1<\/span>\n              <\/div>\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Description<\/span>\n                <span class=\"subtitle\">Lifting equipment for the Pattullo Bridge<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"project-col-2\">\n                          <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/cunas-de-transporte-para-torres-eolicas-offshore-monopiles-xxl\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/20250226_095516-1-1024x478.jpg\" alt=\"Transport cradles for offshore wind towers (XXL monopiles)\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Northern Europe<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Transport cradles for offshore wind towers (XXL monopiles)<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/encofrados-rodantes-nuevo-puente-a-ferreirinha\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/prometal-86-1024x681.jpg\" alt=\"Rolling formwork for the new \u201cA Ferreirinha\u201d bridge\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Oporto, Portugal<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Rolling bridge formwork<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                        <\/div>\n                    <div class=\"feature-project aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n            <div class=\"hover_mouse\">\n              <a href=\"https:\/\/prometal.es\/en\/project\/fachadas-cannon-street\/\">View<\/a>\n            <\/div>\n                          <div class=\"img-box\">\n                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/prometal-edificacion-civil-fachadas-cannon-1.png\" alt=\"Fachadas Cannon Street\">\n              <\/div>\n                        <div class=\"feature-project-infos\">\n              <!-- Todas las tarjetas grandes: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Location<\/span>\n                <span class=\"subtitle\">Londres, United Kingdom<\/span>\n              <\/div>\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Description<\/span>\n                <span class=\"subtitle\">Cannon Street Facades<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"project-col-2\">\n                          <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/nave-industrial-sector-ceramico-castellon\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/prometal-edificacion-industrial-ceramica-castellon-1-1.png\" alt=\"Nave industrial Sector cer\u00e1mico Castell\u00f3n\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Castell\u00f3n, Spain<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Industrial warehouse Ceramic sector Castell\u00f3n<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/nave-industrial-ctv-taller\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/prometal-edificacion-industrial-ctv.png\" alt=\"Nave industrial ctv &#8211; Taller\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Valladolid, Spain<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">CTV industrial warehouse - Workshop<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                        <\/div>\n                    <div class=\"feature-project aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n            <div class=\"hover_mouse\">\n              <a href=\"https:\/\/prometal.es\/en\/project\/industrial-port-warehouse\/\">View<\/a>\n            <\/div>\n                          <div class=\"img-box\">\n                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Cubierta-entre-naves-consignatario-portuario_1.jpg\" alt=\"Industrial port warehouse\">\n              <\/div>\n                        <div class=\"feature-project-infos\">\n              <!-- Todas las tarjetas grandes: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Location<\/span>\n                <span class=\"subtitle\">A Coru\u00f1a, Galicia, Spain<\/span>\n              <\/div>\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Description<\/span>\n                <span class=\"subtitle\">Industrial port warehouse<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"project-col-2\">\n                          <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/tren-de-laminacion\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Tren-de-laminacion-1.jpg\" alt=\"Tren de laminaci\u00f3n\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Carballo, Spain<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Rolling mill<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/paserelle-la-mare\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Paserelle-La-Mare-1.jpg\" alt=\"Paserelle La Mare\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Paris, France<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Paserelle La Mare<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                        <\/div>\n                    <div class=\"feature-project aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n            <div class=\"hover_mouse\">\n              <a href=\"https:\/\/prometal.es\/en\/project\/estructura-metalica-cadena-montaje-automocion\/\">View<\/a>\n            <\/div>\n                          <div class=\"img-box\">\n                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Estructura-metalica-cadena-montaje-automocion-3.png\" alt=\"Metal structure for automotive assembly line\">\n              <\/div>\n                        <div class=\"feature-project-infos\">\n              <!-- Todas las tarjetas grandes: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Location<\/span>\n                <span class=\"subtitle\">Rennes, France<\/span>\n              <\/div>\n              <div class=\"feature-project-info-box\">\n                <span class=\"title\">Description<\/span>\n                <span class=\"subtitle\">Metal structure for automotive assembly line<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"project-col-2\">\n                          <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/planta-de-tratamiento-de-lodos\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Planta-de-tratamiento-de-lodos-2.png\" alt=\"Sludge treatment plant\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Bergen, Norway<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Sludge treatment plant<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                            <div class=\"feature-project feature-project-2 aos-init aos-animate\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"hover_mouse\">\n                  <a href=\"https:\/\/prometal.es\/en\/project\/encofrado-y-carro-para-tunel\/\">View<\/a>\n                <\/div>\n                                  <div class=\"img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/01\/Encofrado-y-carro-para-tunel-1.png\" alt=\"Formwork and tunnel carriage\">\n                  <\/div>\n                                <div class=\"feature-project-infos\">\n                  <!-- Tarjetas peque\u00f1as: Ubicaci\u00f3n y Descripci\u00f3n traducidas -->\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Location<\/span>\n                    <span class=\"subtitle\">Cisneros, Colombia<\/span>\n                  <\/div>\n                  <div class=\"feature-project-info-box\">\n                    <span class=\"title\">Description<\/span>\n                    <span class=\"subtitle\">Formwork and tunnel carriage<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n                        <\/div>\n              <\/div>\n    \n    <!-- CSS adicional para asegurar la compatibilidad completa -->\n    <style>\n    \/* Asegurar que los estilos del tema se apliquen correctamente *\/\n    #filter-prometal-projects .feature-project-lists {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 60px;\n      width: 100%;\n      max-width: none !important; \/* Asegurar que ocupe todo el ancho disponible *\/\n      z-index: 1;\n    }\n    \n    \/* Hacer que el contenedor padre ocupe todo el ancho disponible *\/\n    #filter-prometal-projects .feature-project-lists,\n    #filter-prometal-projects .feature-project-lists > .feature-project,\n    #filter-prometal-projects .feature-project-lists .project-col-2 {\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n    \n    \/* Corregir posicionamiento del proyecto principal con altura reducida *\/\n    #filter-prometal-projects .feature-project-lists > .feature-project {\n      position: relative !important;\n      top: auto !important;\n      height: 90vh !important; \/* Reducido de 98vh *\/\n      min-height: 500px; \/* Reducido de 600px *\/\n      max-height: 650px; \/* L\u00edmite m\u00e1ximo *\/\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 auto !important;\n    }\n    \n    \/* Asegurar que el grid de 2 columnas funcione y ocupe todo el ancho *\/\n    #filter-prometal-projects .feature-project-lists .project-col-2 {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 34px;\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 auto !important;\n    }\n    \n    \/* Corregir altura de proyectos peque\u00f1os - m\u00e1s compactos y ancho completo *\/\n    #filter-prometal-projects .feature-project-lists .feature-project-2 {\n      position: relative !important;\n      top: 0 !important;\n      height: auto !important;\n      min-height: 320px; \/* Reducido de 400px *\/\n      max-height: 450px; \/* L\u00edmite para mantener consistencia *\/\n      width: 100% !important;\n      max-width: none !important;\n    }\n    \n    \/* Asegurar que las im\u00e1genes se ajusten bien con las nuevas alturas *\/\n    #filter-prometal-projects .feature-project-lists .feature-project .img-box {\n      flex: 1;\n      height: 60% !important; \/* 60% de altura para tarjetas grandes en m\u00f3viles *\/\n      width: 100% !important;\n    }\n    \n    #filter-prometal-projects .feature-project-lists .feature-project-2 .img-box {\n      height: 250px !important; \/* Altura optimizada consistente *\/\n      width: 100% !important;\n    }\n    \n    \/* Asegurar que el contenedor padre no restrinja el ancho *\/\n    #filter-prometal-projects .elementor-widget-container,\n    #filter-prometal-projects .elementor-element {\n      width: 100% !important;\n      max-width: none !important;\n    }\n    \n    \/* Forzar ancho completo en cualquier contenedor padre *\/\n    #filter-prometal-projects .feature-project-lists * {\n      box-sizing: border-box !important;\n    }\n    \n    \/* Espec\u00edficamente para el shortcode, asegurar ancho completo *\/\n    #filter-prometal-projects div[class*=\"feature-project-lists\"] {\n      width: 100% !important;\n      max-width: 100vw !important;\n      margin: 0 !important;\n      padding: 0 20px !important; \/* Peque\u00f1o padding para no tocar los bordes *\/\n    }\n    \n    \/* Asegurar hover mouse funcione correctamente *\/\n    #filter-prometal-projects .feature-project .hover_mouse {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 10;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.3s ease;\n      \/* Remover width y height fijos para permitir posicionamiento libre *\/\n    }\n    \n    #filter-prometal-projects .feature-project .hover_mouse.active {\n      opacity: 1;\n      pointer-events: all;\n    }\n    \n    #filter-prometal-projects .feature-project .hover_mouse a {\n      color: #ffffff;\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));\n      backdrop-filter: blur(30px);\n      -webkit-backdrop-filter: blur(30px);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n      font-size: 16px;\n      font-weight: 500;\n      text-decoration: none;\n      transform: scale(0.8);\n      transition: all 0.3s ease;\n      cursor: pointer;\n      position: relative;\n    }\n    \n    #filter-prometal-projects .feature-project .hover_mouse.active a {\n      transform: scale(1);\n    }\n    \n    #filter-prometal-projects .feature-project .hover_mouse a:hover {\n      transform: scale(1.05);\n      background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08));\n      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n    }\n    \n    #filter-prometal-projects .feature-project .hover_mouse a:hover {\n      transform: scale(1.1);\n      background: rgba(31, 31, 31, 0.9);\n    }\n    \n    \/* Media queries para responsive *\/\n    \n    @media (max-width: 480px) {\n      #filter-prometal-projects .feature-project-lists > .feature-project,\n    {\n        height: auto !important; \/* Altura autom\u00e1tica para consistencia *\/\n        min-height: 400px !important; \/* Altura m\u00ednima uniforme para m\u00f3viles peque\u00f1os *\/\n        max-height: none !important; \/* Sin restricci\u00f3n m\u00e1xima *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-2 {\n        height: auto !important; \/* Altura autom\u00e1tica para consistencia *\/\n        max-height: none !important; \/* Sin restricci\u00f3n m\u00e1xima *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-2 .img-box {\n        height: 60% !important; \/* 60% de altura para m\u00f3viles peque\u00f1os *\/\n      }\n      \n      \/* ESTILOS ESPEC\u00cdFICOS PARA M\u00d3VILES PEQUE\u00d1OS *\/\n      #filter-prometal-projects .feature-project-lists .feature-project .feature-project-infos {\n        margin-top: 12px !important;\n        padding: 10px 15px !important; \/* M\u00e1s padding para mejor lectura *\/\n        gap: 12px !important; \/* M\u00e1s espacio entre elementos *\/\n        display: flex !important;\n        flex-direction: column !important; \/* Cambiar a vertical *\/\n        align-items: flex-start !important; \/* Alinear a la izquierda *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box {\n        padding: 6px 0 !important; \/* Sin padding lateral *\/\n        min-height: auto !important; \/* Altura autom\u00e1tica *\/\n        display: block !important; \/* Block para mejor flujo *\/\n        width: 100% !important; \/* Ocupar todo el ancho *\/\n        text-align: left !important; \/* Alineaci\u00f3n a la izquierda *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .title {\n        font-size: 11px !important; \/* Aumentar un poco para mejor legibilidad *\/\n        margin: 0 0 3px 0 !important; \/* Margen inferior para separar del subt\u00edtulo *\/\n        padding: 0 !important;\n        color: #0d6efd !important; \/* Mantener color azul en m\u00f3viles *\/\n        text-align: left !important; \/* Alineaci\u00f3n a la izquierda *\/\n        font-weight: 600 !important;\n        text-transform: uppercase !important;\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .subtitle {\n        font-size: 10px !important; \/* Aumentar un poco para mejor legibilidad *\/\n        line-height: 1.3 !important; \/* Mejor line-height para legibilidad *\/\n        margin: 0 !important;\n        padding: 0 !important;\n        color: #ffffff !important; \/* Asegurar color blanco en m\u00f3viles peque\u00f1os *\/\n        text-align: left !important; \/* Alineaci\u00f3n a la izquierda *\/\n        display: block !important;\n        visibility: visible !important;\n      }\n    }\n    \n    \/* Media query general para todos los m\u00f3viles para asegurar visibilidad *\/\n    @media (max-width: 768px) {\n      #filter-prometal-projects .feature-project-lists .feature-project-info-box {\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: space-evenly !important; \/* Distribuir espacio uniformemente *\/\n        align-items: center !important;\n        padding: 10px 5px !important; \/* Mejor padding para m\u00f3viles *\/ \/* Altura suficiente *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .title,\n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .subtitle {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n        width: 100% !important;\n        text-align: left !important; \/* Alineaci\u00f3n a la izquierda *\/\n        margin: 0 !important; \/* Eliminar m\u00e1rgenes que puedan causar desalineaci\u00f3n *\/\n        padding: 2px 0 !important; \/* Padding vertical m\u00ednimo *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .title {\n        color: #0d6efd !important; \/* Forzar color azul en m\u00f3viles *\/\n        font-weight: 600 !important;\n        text-transform: uppercase !important;\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .subtitle {\n        color: #ffffff !important; \/* Forzar color blanco en m\u00f3viles *\/\n      }\n    }\n    \n    \/* Media query adicional para tablets *\/\n    @media (min-width: 769px) and (max-width: 1024px) {\n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .title {\n        font-size: 13px !important;\n        color: #0d6efd !important; \/* Mantener color azul en tablets *\/\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box .subtitle {\n        font-size: 12px !important;\n      }\n      \n      #filter-prometal-projects .feature-project-lists .feature-project-info-box {\n        padding: 7px 10px !important;\n      }\n    }\n    <\/style>\n    \n    <!-- JavaScript mejorado - Tarjetas clickeables sin c\u00edrculo hover -->\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ Detectar tipo de dispositivo\n      const isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);\n      const isMobile = window.innerWidth <= 768;\n      \n      \/\/ Activar efectos para proyectos filtrados\n      const container = document.getElementById('filter-prometal-projects');\n      if (!container) return;\n      \n      const featureProjects = container.querySelectorAll('.feature-project');\n      \n      featureProjects.forEach(function(project, index) {\n        const hoverMouse = project.querySelector('.hover_mouse');\n        const imgBox = project.querySelector('.img-box');\n        const link = hoverMouse ? hoverMouse.querySelector('a') : null;\n        \n        if (hoverMouse && imgBox && link) {\n          const projectUrl = link.getAttribute('href');\n          \n          \/\/ OCULTAR COMPLETAMENTE EL C\u00cdRCULO HOVER\n          hoverMouse.style.display = 'none';\n          \n          \/\/ HACER TODA LA TARJETA CLICKEABLE\n          project.style.cursor = 'pointer';\n          project.classList.add('project-clickable');\n          project.setAttribute('data-url', projectUrl);\n          \n          \/\/ ANIMACI\u00d3N DE HOVER PARA TODA LA TARJETA\n          project.addEventListener('mouseenter', function() {\n            project.style.transform = 'translateY(-5px) scale(1.02)';\n            project.style.transition = 'all 0.3s ease';\n            project.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.2)';\n            \n            \/\/ Efecto en la imagen\n            const img = imgBox.querySelector('img');\n            if (img) {\n              img.style.transform = 'scale(1.05)';\n              img.style.transition = 'transform 0.3s ease';\n            }\n          });\n          \n          project.addEventListener('mouseleave', function() {\n            project.style.transform = 'translateY(0) scale(1)';\n            project.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.1)';\n            \n            \/\/ Resetear imagen\n            const img = imgBox.querySelector('img');\n            if (img) {\n              img.style.transform = 'scale(1)';\n            }\n          });\n          \n          \/\/ CLICK EN TODA LA TARJETA\n          project.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            \/\/ Animaci\u00f3n de click\n            project.style.transform = 'translateY(-2px) scale(0.98)';\n            setTimeout(() => {\n              window.location.href = projectUrl;\n            }, 150);\n          });\n          \n          \/\/ CONFIGURACI\u00d3N ESPEC\u00cdFICA PARA M\u00d3VILES\n          if (isTouchDevice || isMobile) {\n            \/\/ Feedback visual en touch\n            project.addEventListener('touchstart', function(e) {\n              project.style.transform = 'scale(0.98)';\n              project.style.transition = 'transform 0.1s ease';\n            });\n            \n            project.addEventListener('touchend', function(e) {\n              project.style.transform = 'scale(1)';\n            });\n          }\n          \n        } else {\n        }\n      });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/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-4fa92b5 e-con-full e-flex e-con e-parent\" data-id=\"4fa92b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e55b873 elementor-widget elementor-widget-aixor-home-footer\" data-id=\"e55b873\" data-element_type=\"widget\" data-widget_type=\"aixor-home-footer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <!-- ===== Footer Start ===== -->\n    <footer class=\"footer-area\">\n\n        <div class=\"footer-top\">\n            <div class=\"row\">\n\n                <div class=\"col-md-3\">\n                    <div class=\"footer-widget footer-link\">\n                        <div class=\"footer-widget-top\">\n                            <h4>PROMETAL<\/h4>\n                            <ul>\n                                                                <li><a                                 class=\"with-border\" href=\"https:\/\/prometal.es\/en\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                             Home<\/a>\n                                <\/li>\n                                                                <li><a                                 class=\"with-border\" href=\"https:\/\/prometal.es\/en\/company\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                             Company<\/a>\n                                <\/li>\n                                                                <li><a                                 class=\"with-border\" href=\"https:\/\/prometal.es\/en\/technologies\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                             Technologies<\/a>\n                                <\/li>\n                                                                <li><a                                 class=\"with-border\" href=\"https:\/\/prometal.es\/en\/projects\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                             Projects<\/a>\n                                <\/li>\n                                                                <li><a                                 class=\"with-border\" href=\"https:\/\/prometal.es\/en\/contact\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                             Contact<\/a>\n                                <\/li>\n                                                            <\/ul>\n                        <\/div>\n                        <div class=\"copyright\">\n                            \u00a9  2025. STGO.  ALL RIGHTS RESERVED                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-3\">\n                    <div class=\"footer-widget footer-link\">\n                        <div class=\"footer-contact-infos\">\n                            <div class=\"footer-widget-top\">\n                                <h4>Contact our experts<\/h4>\n                                <div class=\"links\">\n                                                                        <div class=\"split-text-anim\">\n                                        <a data-aos=\"None\" href=\"\" class=\"with-border\">Do you have a project in mind?  Contact us<\/a>\n                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                        <a                             href=\"https:\/\/prometal.es\/en\/contact\/\" class=\"theme-btn\">\n                                Contact \n                                <i class=\"iconoir-arrow-up-right\"><\/i>                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"col-md-3\">\n                    <div class=\"footer-widget footer-link\">\n                        <div class=\"footer-widget-top\">\n                            <h4>SOCIAL MEDIA<\/h4>\n                            <ul>\n                                                                <li><a  target=\"_blank\"                                 class=\"with-border\" href=\"https:\/\/www.linkedin.com\/company\/prometal-tecnologia-e-innovaci-n-s-l-\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                                Linkedin<\/a>\n                                <\/li>\n                                                                <li><a  target=\"_blank\"                                 class=\"with-border\" href=\"https:\/\/www.instagram.com\/prometal_es\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                                Instagram<\/a>\n                                <\/li>\n                                                                <li><a  target=\"_blank\"                                 class=\"with-border\" href=\"https:\/\/www.facebook.com\/prometal.innovacion\/\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                                Facebook<\/a>\n                                <\/li>\n                                                                <li><a  target=\"_blank\"                                 class=\"with-border\" href=\"https:\/\/www.youtube.com\/user\/Prometal2005\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                                Youtube<\/a>\n                                <\/li>\n                                                                <li><a  target=\"_blank\"                                 class=\"with-border\" href=\"https:\/\/x.com\/prometal_es?mx=2\">\n                                <img decoding=\"async\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/btn-arrow.svg\" alt=\"\">                                X<\/a>\n                                <\/li>\n                                                            <\/ul>\n                        <\/div>\n                        <div class=\"copyright\">\n                            PRIVACY POLICY                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-bottom\">\n            <div class=\"split-text-anim\">\n                <img decoding=\"async\" data-aos=\"slide-up\" src=\"\" alt=\"\">\n            <\/div>\n        <\/div>\n\n    <\/footer>\n    <!-- ===== Footer End ===== -->\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c37664 elementor-widget elementor-widget-image\" data-id=\"0c37664\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"59\" src=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-1024x95.png\" class=\"attachment-large size-large wp-image-9591\" alt=\"\" srcset=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-1024x95.png 1024w, https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-300x28.png 300w, https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-768x72.png 768w, https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-1536x143.png 1536w, https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-2048x191.png 2048w, https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/kit-digital-banner-1-753x70.png 753w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\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>Home Company Technologies Projects Contact EN At Prometal, our extensive experience in various sectors speaks for itself. We have worked on national and international projects, always adapting to the needs of our clients. Here you can see some examples of our commitment to quality and efficiency, both locally and globally. Our featured projects Contact PROMETAL [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/home.php","meta":{"footnotes":""},"class_list":["post-9401","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Projects - Prometal<\/title>\n<meta name=\"description\" content=\"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/prometal.es\/en\/projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Projects - Prometal\" \/>\n<meta property=\"og:description\" content=\"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prometal.es\/en\/projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Prometal\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-11T08:20:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/prometal.es\/en\/projects\/\",\"url\":\"https:\/\/prometal.es\/en\/projects\/\",\"name\":\"Projects - Prometal\",\"isPartOf\":{\"@id\":\"https:\/\/prometal.es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/prometal.es\/en\/projects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/prometal.es\/en\/projects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png\",\"datePublished\":\"2025-08-29T06:29:11+00:00\",\"dateModified\":\"2025-12-11T08:20:05+00:00\",\"description\":\"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.\",\"breadcrumb\":{\"@id\":\"https:\/\/prometal.es\/en\/projects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/prometal.es\/en\/projects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/prometal.es\/en\/projects\/#primaryimage\",\"url\":\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png\",\"contentUrl\":\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/prometal.es\/en\/projects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/prometal.es\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/prometal.es\/#website\",\"url\":\"https:\/\/prometal.es\/\",\"name\":\"Prometal\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/prometal.es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/prometal.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/prometal.es\/#organization\",\"name\":\"Prometal\",\"url\":\"https:\/\/prometal.es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/prometal.es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/cropped-logonuevoprometal.png\",\"contentUrl\":\"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/cropped-logonuevoprometal.png\",\"width\":606,\"height\":135,\"caption\":\"Prometal\"},\"image\":{\"@id\":\"https:\/\/prometal.es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Projects - Prometal","description":"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/prometal.es\/en\/projects\/","og_locale":"en_US","og_type":"article","og_title":"Projects - Prometal","og_description":"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.","og_url":"https:\/\/prometal.es\/en\/projects\/","og_site_name":"Prometal","article_modified_time":"2025-12-11T08:20:05+00:00","og_image":[{"url":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/prometal.es\/en\/projects\/","url":"https:\/\/prometal.es\/en\/projects\/","name":"Projects - Prometal","isPartOf":{"@id":"https:\/\/prometal.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/prometal.es\/en\/projects\/#primaryimage"},"image":{"@id":"https:\/\/prometal.es\/en\/projects\/#primaryimage"},"thumbnailUrl":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png","datePublished":"2025-08-29T06:29:11+00:00","dateModified":"2025-12-11T08:20:05+00:00","description":"Prometal desarrolla proyectos de gran alcance, combinando experiencia t\u00e9cnica y soluciones especializadas para aportar valor real en diversos sectores.","breadcrumb":{"@id":"https:\/\/prometal.es\/en\/projects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prometal.es\/en\/projects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/prometal.es\/en\/projects\/#primaryimage","url":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png","contentUrl":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/12\/cropped-logonuevoprometal.png"},{"@type":"BreadcrumbList","@id":"https:\/\/prometal.es\/en\/projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/prometal.es\/en\/"},{"@type":"ListItem","position":2,"name":"Projects"}]},{"@type":"WebSite","@id":"https:\/\/prometal.es\/#website","url":"https:\/\/prometal.es\/","name":"Prometal","description":"","publisher":{"@id":"https:\/\/prometal.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/prometal.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/prometal.es\/#organization","name":"Prometal","url":"https:\/\/prometal.es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/prometal.es\/#\/schema\/logo\/image\/","url":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/cropped-logonuevoprometal.png","contentUrl":"https:\/\/prometal.es\/wp-content\/uploads\/2025\/10\/cropped-logonuevoprometal.png","width":606,"height":135,"caption":"Prometal"},"image":{"@id":"https:\/\/prometal.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/pages\/9401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/comments?post=9401"}],"version-history":[{"count":13,"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/pages\/9401\/revisions"}],"predecessor-version":[{"id":9632,"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/pages\/9401\/revisions\/9632"}],"wp:attachment":[{"href":"https:\/\/prometal.es\/en\/wp-json\/wp\/v2\/media?parent=9401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}