{"id":1855,"date":"2025-05-13T10:35:25","date_gmt":"2025-05-13T10:35:25","guid":{"rendered":"https:\/\/grimauconstruccions.com\/?page_id=1855"},"modified":"2025-05-30T09:54:58","modified_gmt":"2025-05-30T09:54:58","slug":"todos-nuestros-proyectos","status":"publish","type":"page","link":"https:\/\/grimauconstruccions.com\/es\/todos-nuestros-proyectos\/","title":{"rendered":"Todos los proyectos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1855\" class=\"elementor elementor-1855\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b54692 e-con-full e-flex e-con e-parent\" data-id=\"7b54692\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9babcc e-flex e-con-boxed e-con e-parent\" data-id=\"d9babcc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6a51d6e e-con-full e-flex e-con e-child\" data-id=\"6a51d6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c73e14e elementor-widget elementor-widget-heading\" data-id=\"c73e14e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Todos nuestros proyectos<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-373e7d3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"373e7d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/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-9f6764d elementor-widget elementor-widget-text-editor\" data-id=\"9f6764d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"789\" data-end=\"1139\">Trabajamos con una visi\u00f3n integral que abarca todas las fases del proyecto: <strong data-start=\"863\" data-end=\"971\">estudio y anteproyecto, ejecuci\u00f3n de obras, project management, promoci\u00f3n delegada, postventa y mantenimiento<\/strong>. Nuestro equipo de ingenieros, t\u00e9cnicos y gestores te acompa\u00f1a en todo momento aportando soluciones constructivas eficientes, sostenibles y adaptadas a tus necesidades.<\/p><p data-start=\"1141\" data-end=\"1371\">Apostamos por un <strong data-start=\"1156\" data-end=\"1230\">trato cercano, una gesti\u00f3n rigurosa y una calidad constructiva elevada<\/strong>, sea cual sea el estilo arquitect\u00f3nico: desde mas\u00edas r\u00fasticas hasta viviendas contempor\u00e1neas con grandes aberturas y acabados de alta gama.<\/p><p data-start=\"1373\" data-end=\"1479\"><strong data-start=\"1373\" data-end=\"1479\">Trabajamos para construir algo m\u00e1s que edificios: construimos confianza, tranquilidad y valor a largo plazo.<\/strong><\/p>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55262fc e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"55262fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59e95b1 elementor-widget elementor-widget-shortcode\" data-id=\"59e95b1\" data-element_type=\"widget\" data-e-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\">    <style>\n      #proyectos-section .tab-container {\n\t\t  display: flex;\n\t\t  gap: 10px;\n\t\t  margin-bottom: 20px;\n\t\t  flex-wrap: wrap;\n\t\t  justify-content: center; \/* Centra els tabs *\/\n\t\t  text-align: center;\n\t\t}\n\t\t#proyectos-section .proyectos-inner {\n\t\t  max-width: 1200px;\n\t\t  margin: 0 auto;\n\t\t  padding: 0 20px; \/* opcional per m\u00f2bils *\/\n\t\t}\n\n      #proyectos-section .tab-btn {\n        padding: 10px 15px;\n        border: none;\n        cursor: pointer;\n        border-radius: 0;\n        background: #ffcc00;\n        color: #000;\n        font-weight: 500;\n        transition: all 0.3s ease;\n      }\n\n      #proyectos-section .tab-btn:hover {\n        background: transparent;\n        border-bottom: 2px solid #ffcc00;\n      }\n\n      #proyectos-section .tab-btn.active {\n        background: transparent;\n        border-bottom: 2px solid #ffcc00;\n      }\n\n      #proyectos-section .proyectos-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 20px;\n        max-width: 100%;\n        box-sizing: border-box;\n      }\n\n      @media (max-width: 1024px) {\n        #proyectos-section .proyectos-grid {\n          grid-template-columns: repeat(4, 1fr);\n        }\n      }\n\n      @media (max-width: 768px) {\n        #proyectos-section .proyectos-grid {\n          grid-template-columns: repeat(2, 1fr);\n        }\n      }\n\n      @media (max-width: 480px) {\n        #proyectos-section .proyectos-grid {\n          grid-template-columns: 1fr;\n        }\n      }\n\n      #proyectos-section .project-item {\n        position: relative;\n        text-align: center;\n        border: none;\n        padding: 0;\n        border-radius: 0;\n        overflow: hidden;\n        transition: transform 0.3s ease;\n      }\n\n      #proyectos-section .project-item a {\n        display: block;\n        text-decoration: none;\n        color: inherit;\n      }\n\n      #proyectos-section .hover-container {\n        position: relative;\n        width: 100%;\n        height: 400px;\n        overflow: hidden;\n      }\n\n      #proyectos-section .hover-container img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: filter 0.3s ease;\n      }\n\n      #proyectos-section .hover-container:hover img {\n        filter: grayscale(100%);\n      }\n\n      #proyectos-section .hover-icon {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        font-size: 40px;\n        color: #ffcc00;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        pointer-events: none;\n      }\n\n      #proyectos-section .hover-container:hover .hover-icon {\n        opacity: 1;\n      }\n\n      #proyectos-section .project-item h3 {\n        font-size: 16px;\n        font-weight: bold;\n        margin-top: 10px;\n        color: #1d2d3c;\n      }\n\n      #ajax-projects-container .fade-target {\n        opacity: 0;\n        transform: translateY(20px);\n        transition: opacity 0.4s ease, transform 0.4s ease;\n      }\n\n      #ajax-projects-container .fade-target.fade-in {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    <\/style>\n\n    <div id=\"proyectos-section\">\n      <div class=\"tab-container\">\n        <div class=\"tab-btn active\" data-term=\"all\">Todos<\/div>\n        <div class=\"tab-btn\" data-term=\"18\">Rehabilitaci\u00f3n<\/div><div class=\"tab-btn\" data-term=\"17\">Unifamiliar<\/div>      <\/div>\n\n      <div id=\"ajax-projects-container\"><\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      const container = document.getElementById('ajax-projects-container');\n      const tabs = document.querySelectorAll('#proyectos-section .tab-btn');\n\n      function loadProjects(termId = 'all') {\n        container.innerHTML = ''; \/\/ neteja contingut anterior\n\n        fetch('https:\/\/grimauconstruccions.com\/wp-admin\/admin-ajax.php?action=get_proyectos_by_category&term_id=' + termId)\n          .then(res => res.text())\n          .then(html => {\n            container.innerHTML = html;\n\n            const fadeTarget = container.querySelector('.fade-target');\n            if (fadeTarget) {\n              void fadeTarget.offsetWidth; \/\/ reflow per trigger animaci\u00f3\n              fadeTarget.classList.add('fade-in');\n            }\n          });\n      }\n\n      tabs.forEach(tab => {\n        tab.addEventListener('click', function () {\n          tabs.forEach(t => t.classList.remove('active'));\n          this.classList.add('active');\n          const termId = this.getAttribute('data-term');\n          loadProjects(termId);\n        });\n      });\n\n      loadProjects(); \/\/ Carrega inicial\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<\/div>","protected":false},"excerpt":{"rendered":"<p>Tots els nostres projectes Treballem amb una visi\u00f3 integral que abra\u00e7a totes les fases del projecte: estudi i avantprojecte, execuci\u00f3 d\u2019obres, project management, promoci\u00f3 delegada, postvenda i manteniment. El nostre equip d\u2019enginyers, t\u00e8cnics i gestors t\u2019acompanya en tot moment, aportant solucions constructives eficients, sostenibles i adaptades a les teves necessitats. Apostem per un tracte proper, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1855","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/pages\/1855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/comments?post=1855"}],"version-history":[{"count":94,"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/pages\/1855\/revisions"}],"predecessor-version":[{"id":2420,"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/pages\/1855\/revisions\/2420"}],"wp:attachment":[{"href":"https:\/\/grimauconstruccions.com\/es\/wp-json\/wp\/v2\/media?parent=1855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}