{"id":19,"date":"2026-10-27T20:28:55","date_gmt":"2026-10-27T20:28:55","guid":{"rendered":"https:\/\/www.finquesmejual.es\/cat\/?page_id=19"},"modified":"2026-11-03T12:14:40","modified_gmt":"2026-11-03T12:14:40","slug":"inici","status":"publish","type":"page","link":"https:\/\/www.finquesmejual.es\/cat\/","title":{"rendered":"Benvinguts a Finques Mejual"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ==================================================\n     HERO \u2014 HOME FINQUES MEJUAL\n     ================================================== -->\n\n<style>\n\/* ============================================================\n   HERO \u2014 HOME FINQUES MEJUAL\n   ============================================================ *\/\n\n.fm-hero,\n.fm-hero *{\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.fm-hero{\n    --fm-bg: #F8F7F4;\n    --fm-grafit: #1E1E1E;\n    --fm-accent: #8C6239;\n    --fm-accent-hover: #6F4A28;\n    --fm-accent-light: #C2A281;\n    --fm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    --fm-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    --fm-t: 0.3s cubic-bezier(.25,1,.5,1);\n    --fm-slide-duration: 2.2s;\n    --fm-slide-easing: cubic-bezier(.4, 0, .2, 1);\n\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: var(--fm-grafit);\n    font-family: var(--fm-font-body);\n}\n\n.fm-hero-bg{\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    background: var(--fm-grafit);\n}\n\n.fm-hero-slide{\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    transition: opacity var(--fm-slide-duration) var(--fm-slide-easing);\n    will-change: opacity;\n}\n\n.fm-hero-slide.fm-active{\n    opacity: 1;\n}\n\n.fm-hero-slide img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transform: scale(1.05);\n    transition: transform var(--fm-slide-duration) var(--fm-slide-easing);\n}\n\n.fm-hero-slide.fm-active img{\n    transform: scale(1.08);\n}\n\n.fm-hero-overlay{\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(\n        135deg,\n        rgba(30,30,30,0.75) 0%,\n        rgba(30,30,30,0.55) 40%,\n        rgba(30,30,30,0.7) 100%\n    );\n    pointer-events: none;\n}\n\n\/* ============================================================\n   CONTENIDOR \u2014 m\u00e9s padding superior per separar del header\n   ============================================================ *\/\n.fm-hero-inner{\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 14rem 3rem 6rem;\n    display: flex;\n    align-items: center;\n    min-height: 100vh;\n}\n\n.fm-hero-content{\n    max-width: 720px;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.fm-hero-content.fm-loaded{\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.fm-hero-text{\n    display: grid;\n    position: relative;\n}\n\n.fm-hero-text-block{\n    grid-area: 1 \/ 1;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 1s var(--fm-slide-easing),\n                visibility 1s;\n    pointer-events: none;\n}\n\n.fm-hero-text-block.fm-text-active{\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n\/* ============================================================\n   T\u00cdTOL \u2014 mida redu\u00efda\n   ============================================================ *\/\n.fm-hero-title{\n    font-family: var(--fm-font-heading);\n    font-size: clamp(1.85rem, 3.8vw, 3.1rem);\n    font-weight: 800;\n    line-height: 1.12;\n    letter-spacing: -0.03em;\n    color: var(--fm-bg);\n    margin: 0 0 1.5rem 0;\n    text-wrap: balance;\n}\n\n.fm-hero-title em{\n    font-style: normal;\n    color: var(--fm-accent-light);\n    position: relative;\n    display: inline-block;\n}\n\n.fm-hero-title em::after{\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0.08em;\n    width: 100%;\n    height: 0.12em;\n    background: var(--fm-accent-light);\n    opacity: 0.3;\n    z-index: -1;\n}\n\n.fm-hero-lede{\n    font-family: var(--fm-font-body);\n    font-size: clamp(0.98rem, 1.2vw, 1.1rem);\n    font-weight: 300;\n    line-height: 1.75;\n    color: rgba(248,247,244,0.9);\n    max-width: 56ch;\n    margin: 0;\n}\n\n.fm-hero-lede strong{\n    color: var(--fm-bg);\n    font-weight: 600;\n}\n\n.fm-hero-actions{\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-top: 2.5rem;\n    margin-bottom: 3.5rem;\n}\n\n.fm-hero-btn{\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 1rem 1.75rem;\n    font-family: var(--fm-font-heading);\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 8px;\n    transition: all var(--fm-t);\n    border: 2px solid transparent;\n    white-space: nowrap;\n}\n\n.fm-hero-btn svg{\n    width: 16px;\n    height: 16px;\n    transition: transform var(--fm-t);\n}\n\n.fm-hero-btn:hover svg{\n    transform: translateX(4px);\n}\n\n.fm-hero-btn-primary{\n    background: var(--fm-accent);\n    color: var(--fm-bg);\n    border-color: var(--fm-accent);\n    box-shadow: 0 6px 20px rgba(140,98,57,0.3);\n}\n\n.fm-hero-btn-primary:hover{\n    background: var(--fm-accent-hover);\n    border-color: var(--fm-accent-hover);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(140,98,57,0.45);\n}\n\n.fm-hero-btn-secondary{\n    background: rgba(248,247,244,0.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    color: var(--fm-bg);\n    border-color: rgba(248,247,244,0.4);\n}\n\n.fm-hero-btn-secondary:hover{\n    background: rgba(248,247,244,0.15);\n    border-color: var(--fm-bg);\n    transform: translateY(-2px);\n}\n\n.fm-hero-badges{\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    padding-top: 2rem;\n    border-top: 1px solid rgba(248,247,244,0.15);\n    max-width: 480px;\n}\n\n.fm-hero-badge{\n    display: flex;\n    align-items: center;\n    gap: 0.85rem;\n    padding: 0.85rem 1.15rem;\n    background: rgba(248,247,244,0.06);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(248,247,244,0.15);\n    border-radius: 8px;\n    color: var(--fm-bg);\n}\n\n.fm-hero-badge svg{\n    width: 26px;\n    height: 26px;\n    color: var(--fm-accent-light);\n    flex-shrink: 0;\n}\n\n.fm-hero-badge div{\n    display: flex;\n    flex-direction: column;\n    line-height: 1.2;\n}\n\n.fm-hero-badge strong{\n    font-family: var(--fm-font-heading);\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: var(--fm-bg);\n}\n\n.fm-hero-badge span{\n    font-size: 0.72rem;\n    color: rgba(248,247,244,0.65);\n    margin-top: 0.15rem;\n}\n\n.fm-hero-scroll{\n    position: absolute;\n    bottom: 2rem;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.6rem;\n    color: rgba(248,247,244,0.7);\n    text-decoration: none;\n    font-family: var(--fm-font-heading);\n    font-size: 0.65rem;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    transition: color var(--fm-t);\n}\n\n.fm-hero-scroll:hover{\n    color: var(--fm-accent-light);\n}\n\n.fm-hero-scroll svg{\n    width: 20px;\n    height: 20px;\n    animation: fm-hero-bounce 2s ease-in-out infinite;\n}\n\n@keyframes fm-hero-bounce{\n    0%, 100%{transform: translateY(0)}\n    50%{transform: translateY(6px)}\n}\n\n.fm-hero-dots{\n    position: absolute;\n    bottom: 2.5rem;\n    right: 3rem;\n    z-index: 3;\n    display: flex;\n    gap: 0.6rem;\n}\n\n.fm-hero-dot{\n    width: 32px;\n    height: 3px;\n    background: rgba(248,247,244,0.3);\n    border: none;\n    border-radius: 2px;\n    cursor: pointer;\n    padding: 0;\n    transition: all var(--fm-t);\n}\n\n.fm-hero-dot:hover{\n    background: rgba(248,247,244,0.6);\n}\n\n.fm-hero-dot.fm-dot-active{\n    background: var(--fm-accent-light);\n    width: 48px;\n}\n\n@media (max-width: 1100px){\n    .fm-hero-inner{\n        padding: 11rem 2rem 4rem;\n    }\n    .fm-hero-title{\n        font-size: clamp(1.7rem, 4.5vw, 2.5rem);\n    }\n    .fm-hero-dots{\n        right: 2rem;\n        bottom: 2rem;\n    }\n}\n\n@media (max-width: 768px){\n    .fm-hero{\n        min-height: 92vh;\n    }\n    .fm-hero-inner{\n        padding: 9rem 1.5rem 3.5rem;\n    }\n    .fm-hero-title{\n        font-size: clamp(1.55rem, 5.5vw, 2.1rem);\n        margin-bottom: 1.15rem;\n    }\n    .fm-hero-lede{\n        font-size: 0.95rem;\n    }\n    .fm-hero-actions{\n        flex-direction: column;\n        width: 100%;\n        margin-top: 2rem;\n        margin-bottom: 2.5rem;\n    }\n    .fm-hero-btn{\n        width: 100%;\n        justify-content: center;\n        padding: 0.95rem 1.5rem;\n        font-size: 0.8rem;\n    }\n    .fm-hero-badges{\n        gap: 0.75rem;\n    }\n    .fm-hero-badge{\n        flex: 1 1 100%;\n        padding: 0.75rem 1rem;\n    }\n    .fm-hero-scroll{\n        display: none;\n    }\n    .fm-hero-dots{\n        right: 1.5rem;\n        bottom: 1.5rem;\n    }\n    .fm-hero-dot{\n        width: 24px;\n    }\n    .fm-hero-dot.fm-dot-active{\n        width: 36px;\n    }\n}\n\n@media (max-width: 480px){\n    .fm-hero-inner{\n        padding: 8rem 1.25rem 3rem;\n    }\n    .fm-hero-title{\n        font-size: clamp(1.45rem, 6.5vw, 1.9rem);\n    }\n    .fm-hero-badge strong{\n        font-size: 0.8rem;\n    }\n    .fm-hero-badge span{\n        font-size: 0.68rem;\n    }\n    .fm-hero-dots{\n        right: 1rem;\n        bottom: 1rem;\n    }\n}\n<\/style>\n\n<!-- HTML DEL HERO -->\n<section class=\"fm-hero\" id=\"fmHero\">\n\n    <div class=\"fm-hero-bg\" id=\"fmHeroSlides\">\n        <div class=\"fm-hero-slide fm-active\">\n            <img decoding=\"async\"\n                src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/bloque-de-edificios-administracion-de-fincas-mejual.jpg\"\n                alt=\"Bloc d'edificis residencials administrats per Finques Mejual\"\n                fetchpriority=\"high\"\n            >\n        <\/div>\n        <div class=\"fm-hero-slide\">\n            <img decoding=\"async\"\n                src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/hero-comunidad-1600.webp\"\n                alt=\"Comunitat de ve\u00efns ben administrada per Finques Mejual\"\n                loading=\"lazy\"\n            >\n        <\/div>\n        <div class=\"fm-hero-slide\">\n            <img decoding=\"async\"\n                src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/servicio-asesoramiento-hr.jpg\"\n                alt=\"Resoluci\u00f3 de conflictes ve\u00efnals r\u00e0pida i confidencial\"\n                loading=\"lazy\"\n            >\n        <\/div>\n        <div class=\"fm-hero-slide\">\n            <img decoding=\"async\"\n                src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/administracion-de-fincas-baix-llobregat-mejual.jpg\"\n                alt=\"Administraci\u00f3 de finques al Baix Llobregat\"\n                loading=\"lazy\"\n            >\n        <\/div>\n    <\/div>\n\n    <div class=\"fm-hero-overlay\"><\/div>\n\n    <div class=\"fm-hero-inner\">\n        <div class=\"fm-hero-content\" id=\"fmHeroContent\">\n\n            <div class=\"fm-hero-text\">\n                <div class=\"fm-hero-text-block fm-text-active\" data-slide=\"0\">\n                    <h1 class=\"fm-hero-title\">\n                        Gesti\u00f3 de comunitats amb la <em>transpar\u00e8ncia<\/em> que et mereixes.\n                    <\/h1>\n                    <p class=\"fm-hero-lede\">\n                        Som <strong>Finques Mejual<\/strong>, administradors col\u00b7legiats de finques a Sant Boi de Llobregat.\n                    <\/p>\n                <\/div>\n\n                <div class=\"fm-hero-text-block\" data-slide=\"1\">\n                    <h1 class=\"fm-hero-title\">\n                        Comunitats ben administrades, <em>ve\u00efns tranquils.<\/em>\n                    <\/h1>\n                    <p class=\"fm-hero-lede\">\n                        Comptabilitat clara, <strong>supervisi\u00f3 directa a la finca i resposta r\u00e0pida<\/strong> davant qualsevol incid\u00e8ncia.\n                    <\/p>\n                <\/div>\n\n                <div class=\"fm-hero-text-block\" data-slide=\"2\">\n                    <h1 class=\"fm-hero-title\">\n                        Resoluci\u00f3 de conflictes amb <em>rapidesa i confidencialitat.<\/em>\n                    <\/h1>\n                    <p class=\"fm-hero-lede\">\n                      <strong>Mediaci\u00f3 professional i discreta<\/strong> per retornar l'harmonia a la teva comunitat.\n                    <\/p>\n                <\/div>\n\n                <div class=\"fm-hero-text-block\" data-slide=\"3\">\n                    <h1 class=\"fm-hero-title\">\n                        Especialistes en comunitats del <em>Baix Llobregat.<\/em>\n                    <\/h1>\n                    <p class=\"fm-hero-lede\">\n                      Coneixem el territori, els prove\u00efdors i les particularitats de cada municipi. <strong>Proximitat real, no nom\u00e9s promeses.<\/strong>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"fm-hero-actions\">\n                <a href=\"javascript:void(0)\" class=\"fm-hero-btn fm-hero-btn-primary\" data-fm-tab=\"presupuesto\">\n                    Demanar pressupost\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n                <\/a>\n                <a href=\"javascript:void(0)\" class=\"fm-hero-btn fm-hero-btn-secondary\" data-fm-tab=\"incidencia\">\n                    Informar d'incid\u00e8ncia\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M12 2v20M2 12h20\"\/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <div class=\"fm-hero-badges\">\n                <div class=\"fm-hero-badge\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                        <path d=\"M12 2 4 5v6c0 5 3.5 9.5 8 11 4.5-1.5 8-6 8-11V5l-8-3z\"\/>\n                        <path d=\"m9 12 2 2 4-4\"\/>\n                    <\/svg>\n                    <div>\n                        <strong>Col\u00b7legiat API<\/strong>\n                        <span>Nre. A14885<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"fm-hero-badge\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                        <path d=\"M12 2v20M5 7l7-5 7 5v10l-7 5-7-5V7z\"\/>\n                    <\/svg>\n                    <div>\n                        <strong>P\u00e8rit Judicial<\/strong>\n                        <span>Nre. 3039<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"fm-hero-dots\" id=\"fmHeroDots\" role=\"tablist\" aria-label=\"Canviar imatge de portada\"><\/div>\n\n    <a href=\"javascript:void(0)\" class=\"fm-hero-scroll\" id=\"fmHeroScroll\" aria-label=\"Baixar a la secci\u00f3 de serveis\">\n        <span>Descobreix-ne m\u00e9s<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M12 5v14M5 12l7 7 7-7\"\/>\n        <\/svg>\n    <\/a>\n\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n\n        \/* Animaci\u00f3 d'entrada *\/\n        var heroContent = document.getElementById('fmHeroContent');\n        if (heroContent) {\n            setTimeout(function() {\n                heroContent.classList.add('fm-loaded');\n            }, 300);\n        }\n\n        \/* SLIDER *\/\n        var slides = document.querySelectorAll('.fm-hero-slide');\n        var textBlocks = document.querySelectorAll('.fm-hero-text-block');\n        var dotsContainer = document.getElementById('fmHeroDots');\n\n        if (slides.length && dotsContainer) {\n            var totalSlides = slides.length;\n            var currentIndex = 0;\n            var intervalTime = 7000;\n            var autoplayTimer = null;\n\n            for (var i = 0; i < totalSlides; i++) {\n                var dot = document.createElement('button');\n                dot.className = 'fm-hero-dot' + (i === 0 ? ' fm-dot-active' : '');\n                dot.setAttribute('type', 'button');\n                dot.setAttribute('role', 'tab');\n                dot.setAttribute('aria-label', 'Anar a la imatge ' + (i + 1));\n                dot.setAttribute('data-index', i);\n                dot.addEventListener('click', (function(index) {\n                    return function() {\n                        goToSlide(index);\n                        restartAutoplay();\n                    };\n                })(i));\n                dotsContainer.appendChild(dot);\n            }\n            var dots = dotsContainer.querySelectorAll('.fm-hero-dot');\n\n            function goToSlide(index) {\n                if (index === currentIndex) return;\n                slides[currentIndex].classList.remove('fm-active');\n                slides[index].classList.add('fm-active');\n                textBlocks[currentIndex].classList.remove('fm-text-active');\n                textBlocks[index].classList.add('fm-text-active');\n                dots[currentIndex].classList.remove('fm-dot-active');\n                dots[index].classList.add('fm-dot-active');\n                currentIndex = index;\n            }\n\n            function startAutoplay() {\n                autoplayTimer = setInterval(function() {\n                    var nextIndex = (currentIndex + 1) % totalSlides;\n                    goToSlide(nextIndex);\n                }, intervalTime);\n            }\n            function stopAutoplay() {\n                if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; }\n            }\n            function restartAutoplay() { stopAutoplay(); startAutoplay(); }\n\n            setTimeout(function() { startAutoplay(); }, 3000);\n\n            document.addEventListener('visibilitychange', function() {\n                if (document.hidden) stopAutoplay();\n                else restartAutoplay();\n            });\n\n            var hero = document.getElementById('fmHero');\n            if (hero) {\n                hero.addEventListener('mouseenter', stopAutoplay);\n                hero.addEventListener('mouseleave', restartAutoplay);\n            }\n        }\n\n        \/* ============================================================\n           Funci\u00f3 de scroll suau LOCAL (fallback si el header no hi \u00e9s)\n           ============================================================ *\/\n        function fmHeroSmoothScrollTo(targetY, duration) {\n            var startY = window.pageYOffset;\n            var distance = targetY - startY;\n            var startTime = null;\n            var duration_ = duration || 1000;\n\n            function easeInOutCubic(t) {\n                return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n            }\n\n            function animation(currentTime) {\n                if (startTime === null) startTime = currentTime;\n                var timeElapsed = currentTime - startTime;\n                var progress = Math.min(timeElapsed \/ duration_, 1);\n                window.scrollTo(0, startY + distance * easeInOutCubic(progress));\n                if (timeElapsed < duration_) {\n                    requestAnimationFrame(animation);\n                }\n            }\n\n            requestAnimationFrame(animation);\n        }\n\n        \/* ============================================================\n           Funci\u00f3 comuna: scroll a la vora superior de #fm-formulario\n           (l\u00ednia divis\u00f2ria), usant el sistema global si existeix.\n           ============================================================ *\/\n        function fmGoToForm(tab) {\n            \/\/ 1) Activar la pestanya correcta al formulari del footer\n            if (tab) {\n                document.dispatchEvent(new CustomEvent('fm:activateTab', { detail: { tab: tab } }));\n            }\n\n            \/\/ 2) Scroll a la vora superior de la secci\u00f3 del formulari\n            var headerHeight = (typeof window.fmGetHeaderHeight === 'function')\n                ? window.fmGetHeaderHeight()\n                : 130;\n\n            if (typeof window.fmScrollToId === 'function') {\n                \/\/ Usa el sistema global del header (mateix comportament que els CTAs del men\u00fa)\n                window.fmScrollToId('fm-formulario', headerHeight);\n            } else {\n                \/\/ Fallback local si el header no ha carregat\n                var formSection = document.getElementById('fm-formulario');\n                if (formSection) {\n                    var targetY = formSection.getBoundingClientRect().top\n                                  + window.pageYOffset\n                                  - headerHeight;\n                    fmHeroSmoothScrollTo(targetY, 1200);\n                }\n            }\n\n            \/\/ 3) Actualitzar hash sense provocar salt natiu\n            if (tab) {\n                setTimeout(function() {\n                    window.history.replaceState(null, '', '#fm-formulario-' + tab);\n                }, 50);\n            }\n        }\n\n        \/* ============================================================\n           CTAs del hero \u2192 apunten a la vora de la secci\u00f3 del formulari\n           ============================================================ *\/\n        var heroCtas = document.querySelectorAll('.fm-hero-actions a[data-fm-tab]');\n        heroCtas.forEach(function(cta) {\n            cta.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                var tab = cta.getAttribute('data-fm-tab');\n                fmGoToForm(tab);\n            });\n        });\n\n        \/* ============================================================\n           Bot\u00f3 \"Descobreix-ne m\u00e9s\" \u2192 vora superior de la secci\u00f3 SERVEIS\n           ============================================================ *\/\n        var heroScroll = document.getElementById('fmHeroScroll');\n        if (heroScroll) {\n            heroScroll.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n\n                \/\/ Altura del header per a l'offset\n                var headerHeight = (typeof window.fmGetHeaderHeight === 'function')\n                    ? window.fmGetHeaderHeight()\n                    : 130;\n\n                \/\/ Scroll a la vora superior de #fm-servicios\n                if (typeof window.fmScrollToId === 'function') {\n                    \/\/ Usa el sistema global del header\n                    window.fmScrollToId('fm-servicios', headerHeight);\n                } else {\n                    \/\/ Fallback local si el header no ha carregat\n                    var servicesSection = document.getElementById('fm-servicios');\n                    if (servicesSection) {\n                        var targetY = servicesSection.getBoundingClientRect().top\n                                      + window.pageYOffset\n                                      - headerHeight;\n                        fmHeroSmoothScrollTo(targetY, 1200);\n                    }\n                }\n\n                \/\/ Actualitzar hash sense salt natiu\n                setTimeout(function() {\n                    window.history.replaceState(null, '', '#fm-servicios');\n                }, 50);\n            });\n        }\n\n    });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ==================================================\n     SECCI\u00d3 SERVEIS \u2014 HOME FINQUES MEJUAL\n     Grid 8 targetes (2\u00d74) amb imatges de fons\n     ================================================== -->\n\n<style>\n\/* ============================================================\n   SERVEIS \u2014 FINQUES MEJUAL\n   ============================================================ *\/\n\n.fm-services,\n.fm-services *{\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.fm-services{\n    --fm-bg: #F8F7F4;\n    --fm-grafit: #1E1E1E;\n    --fm-accent: #8C6239;\n    --fm-accent-hover: #6F4A28;\n    --fm-accent-light: #C2A281;\n    --fm-text: #4D4035;\n    --fm-text-soft: #6B5D50;\n    --fm-text-muted: #8A7F73;\n    --fm-border: #E6E1D8;\n    --fm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    --fm-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    --fm-t: 0.45s cubic-bezier(.25,1,.5,1);\n    --fm-t-slow: 0.7s cubic-bezier(.16,1,.3,1);\n\n    position: relative;\n    width: 100%;\n    padding: 7rem 0 8rem;\n    background: var(--fm-bg);\n    font-family: var(--fm-font-body);\n    overflow: hidden;\n}\n\n\/* Textura subtil de fons *\/\n.fm-services::before{\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        radial-gradient(circle at 15% 20%, rgba(194,162,129,0.08) 0%, transparent 45%),\n        radial-gradient(circle at 85% 80%, rgba(140,98,57,0.06) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n.fm-services-inner{\n    position: relative;\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 0 3rem;\n}\n\n\/* ---------- CAP\u00c7ALERA DE SECCI\u00d3 ---------- *\/\n.fm-services-head{\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: end;\n    gap: 3rem;\n    margin-bottom: 4rem;\n    padding-bottom: 2.5rem;\n    border-bottom: 1px solid var(--fm-border);\n}\n\n.fm-services-eyebrow{\n    display: inline-flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-family: var(--fm-font-heading);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n    color: var(--fm-accent);\n    margin-bottom: 1.25rem;\n}\n\n.fm-services-eyebrow::before{\n    content: '';\n    display: inline-block;\n    width: 32px;\n    height: 1px;\n    background: var(--fm-accent);\n}\n\n.fm-services-title{\n    font-family: var(--fm-font-heading);\n    font-size: clamp(2rem, 3.8vw, 3.4rem);\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n    color: var(--fm-grafit);\n    max-width: 20ch;\n    text-wrap: balance;\n}\n\n.fm-services-title em{\n    font-style: normal;\n    color: var(--fm-accent);\n    position: relative;\n    display: inline-block;\n}\n\n.fm-services-title em::after{\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0.06em;\n    width: 100%;\n    height: 0.14em;\n    background: var(--fm-accent-light);\n    opacity: 0.35;\n    z-index: -1;\n}\n\n.fm-services-intro{\n    max-width: 380px;\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: var(--fm-text-soft);\n    font-weight: 400;\n    padding-bottom: 0.5rem;\n}\n\n.fm-services-intro strong{\n    color: var(--fm-grafit);\n    font-weight: 600;\n}\n\n\/* ---------- GRID ---------- *\/\n.fm-services-grid{\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1.5rem;\n}\n\n\/* ---------- TARGETA ---------- *\/\n.fm-service-card{\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    min-height: 340px;\n    border-radius: 14px;\n    overflow: hidden;\n    text-decoration: none;\n    color: inherit;\n    isolation: isolate;\n    background: var(--fm-grafit);\n    box-shadow:\n        0 1px 2px rgba(30,30,30,0.04),\n        0 4px 16px rgba(30,30,30,0.06);\n    transition:\n        transform var(--fm-t-slow),\n        box-shadow var(--fm-t-slow);\n    will-change: transform;\n}\n\n\/* Imatge de fons *\/\n.fm-service-media{\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n}\n\n.fm-service-media img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transform: scale(1.02);\n    transition: transform 1.4s cubic-bezier(.16,1,.3,1),\n                filter var(--fm-t-slow);\n    filter: saturate(0.85) brightness(0.85);\n}\n\n\/* Overlay degradat *\/\n.fm-service-card::before{\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(30,30,30,0) 0%,\n            rgba(30,30,30,0.15) 35%,\n            rgba(30,30,30,0.75) 75%,\n            rgba(30,30,30,0.92) 100%\n        );\n    transition: background var(--fm-t-slow);\n    pointer-events: none;\n}\n\n\/* Overlay hover (marr\u00f3) *\/\n.fm-service-card::after{\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background: linear-gradient(\n        135deg,\n        rgba(140,98,57,0.92) 0%,\n        rgba(111,74,40,0.92) 100%\n    );\n    opacity: 0;\n    transition: opacity var(--fm-t-slow);\n    pointer-events: none;\n}\n\n.fm-service-card:hover{\n    transform: translateY(-6px);\n    box-shadow:\n        0 2px 4px rgba(30,30,30,0.06),\n        0 20px 50px rgba(140,98,57,0.25);\n}\n\n.fm-service-card:hover .fm-service-media img{\n    transform: scale(1.1);\n    filter: saturate(1) brightness(0.9);\n}\n\n.fm-service-card:hover::after{\n    opacity: 1;\n}\n\n\/* ---------- N\u00daMERO ---------- *\/\n.fm-service-num{\n    position: absolute;\n    top: 1.25rem;\n    right: 1.35rem;\n    z-index: 3;\n    font-family: var(--fm-font-heading);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    color: rgba(248,247,244,0.55);\n    transition: color var(--fm-t);\n}\n\n.fm-service-card:hover .fm-service-num{\n    color: rgba(248,247,244,0.85);\n}\n\n\/* ---------- ICONA ---------- *\/\n.fm-service-icon{\n    position: absolute;\n    top: 1.15rem;\n    left: 1.35rem;\n    z-index: 3;\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(248,247,244,0.15);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    border: 1px solid rgba(248,247,244,0.25);\n    color: var(--fm-bg);\n    transition: all var(--fm-t);\n}\n\n.fm-service-icon svg{\n    width: 20px;\n    height: 20px;\n    stroke-width: 1.7;\n}\n\n.fm-service-card:hover .fm-service-icon{\n    background: rgba(248,247,244,0.25);\n    border-color: rgba(248,247,244,0.5);\n    transform: rotate(-6deg) scale(1.05);\n}\n\n\/* ---------- CONTINGUT ---------- *\/\n.fm-service-body{\n    position: relative;\n    z-index: 3;\n    padding: 1.5rem 1.4rem 1.4rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.6rem;\n    transform: translateY(0);\n    transition: transform var(--fm-t-slow);\n}\n\n.fm-service-card:hover .fm-service-body{\n    transform: translateY(-4px);\n}\n\n.fm-service-title{\n    font-family: var(--fm-font-heading);\n    font-size: 1.02rem;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n    color: var(--fm-bg);\n    margin: 0;\n}\n\n.fm-service-desc{\n    font-family: var(--fm-font-body);\n    font-size: 0.82rem;\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(248,247,244,0.78);\n    margin: 0;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition:\n        max-height var(--fm-t-slow),\n        opacity var(--fm-t-slow),\n        margin var(--fm-t-slow);\n}\n\n.fm-service-card:hover .fm-service-desc{\n    max-height: 5em;\n    opacity: 1;\n    margin-top: 0.15rem;\n}\n\n\/* ---------- CTA \"Saber-ne m\u00e9s\" ---------- *\/\n.fm-service-link{\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 0.4rem;\n    font-family: var(--fm-font-heading);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--fm-accent-light);\n    transition: color var(--fm-t), gap var(--fm-t);\n}\n\n.fm-service-link svg{\n    width: 14px;\n    height: 14px;\n    transition: transform var(--fm-t);\n}\n\n.fm-service-card:hover .fm-service-link{\n    color: var(--fm-bg);\n    gap: 0.75rem;\n}\n\n.fm-service-card:hover .fm-service-link svg{\n    transform: translateX(3px);\n}\n\n\/* ---------- EFECTE LLUM (hover) ---------- *\/\n.fm-service-card .fm-service-shine{\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background: linear-gradient(\n        115deg,\n        transparent 30%,\n        rgba(248,247,244,0.18) 50%,\n        transparent 70%\n    );\n    transform: translateX(-100%);\n    transition: transform 1s cubic-bezier(.16,1,.3,1);\n    pointer-events: none;\n}\n\n.fm-service-card:hover .fm-service-shine{\n    transform: translateX(100%);\n}\n\n\/* ---------- PEU CTA ---------- *\/\n.fm-services-foot{\n    margin-top: 4rem;\n    padding-top: 2.5rem;\n    border-top: 1px solid var(--fm-border);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 1.5rem;\n}\n\n.fm-services-foot p{\n    font-size: 0.95rem;\n    color: var(--fm-text-soft);\n    line-height: 1.6;\n    max-width: 55ch;\n}\n\n.fm-services-foot p strong{\n    color: var(--fm-grafit);\n    font-weight: 600;\n}\n\n.fm-services-cta{\n    display: inline-flex;\n    align-items: center;\n    gap: 0.7rem;\n    padding: 1rem 1.9rem;\n    background: var(--fm-grafit);\n    color: var(--fm-bg);\n    font-family: var(--fm-font-heading);\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 8px;\n    border: 2px solid var(--fm-grafit);\n    transition: all var(--fm-t);\n    position: relative;\n    overflow: hidden;\n}\n\n.fm-services-cta::before{\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--fm-accent);\n    transform: translateX(-101%);\n    transition: transform var(--fm-t-slow);\n    z-index: 0;\n}\n\n.fm-services-cta span,\n.fm-services-cta svg{\n    position: relative;\n    z-index: 1;\n}\n\n.fm-services-cta svg{\n    width: 16px;\n    height: 16px;\n    transition: transform var(--fm-t);\n}\n\n.fm-services-cta:hover{\n    border-color: var(--fm-accent);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(140,98,57,0.3);\n}\n\n.fm-services-cta:hover::before{\n    transform: translateX(0);\n}\n\n.fm-services-cta:hover svg{\n    transform: translateX(4px);\n}\n\n\/* ---------- ANIMACI\u00d3 D'ENTRADA ---------- *\/\n.fm-service-card{\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fmCardIn 0.9s cubic-bezier(.16,1,.3,1) forwards;\n}\n\n.fm-service-card:nth-child(1){animation-delay: 0.05s}\n.fm-service-card:nth-child(2){animation-delay: 0.12s}\n.fm-service-card:nth-child(3){animation-delay: 0.19s}\n.fm-service-card:nth-child(4){animation-delay: 0.26s}\n.fm-service-card:nth-child(5){animation-delay: 0.33s}\n.fm-service-card:nth-child(6){animation-delay: 0.4s}\n.fm-service-card:nth-child(7){animation-delay: 0.47s}\n.fm-service-card:nth-child(8){animation-delay: 0.54s}\n\n@keyframes fmCardIn{\n    to{\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width: 1100px){\n    .fm-services{\n        padding: 5rem 0 6rem;\n    }\n    .fm-services-inner{\n        padding: 0 2rem;\n    }\n    .fm-services-grid{\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1.25rem;\n    }\n    .fm-service-card{\n        min-height: 320px;\n    }\n}\n\n@media (max-width: 768px){\n    .fm-services{\n        padding: 4rem 0 5rem;\n    }\n    .fm-services-inner{\n        padding: 0 1.5rem;\n    }\n    .fm-services-head{\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        margin-bottom: 2.5rem;\n        padding-bottom: 1.75rem;\n    }\n    .fm-services-title{\n        font-size: clamp(1.75rem, 6vw, 2.4rem);\n    }\n    .fm-services-intro{\n        max-width: 100%;\n        font-size: 0.9rem;\n    }\n    .fm-services-grid{\n        grid-template-columns: 1fr;\n        gap: 1rem;\n    }\n    .fm-service-card{\n        min-height: 280px;\n    }\n    .fm-services-foot{\n        flex-direction: column;\n        align-items: flex-start;\n        margin-top: 2.5rem;\n        padding-top: 1.75rem;\n    }\n    .fm-services-cta{\n        width: 100%;\n        justify-content: center;\n    }\n    \/* En m\u00f2bil mostrem sempre la descripci\u00f3 *\/\n    .fm-service-desc{\n        max-height: 5em;\n        opacity: 1;\n        margin-top: 0.15rem;\n    }\n}\n\n@media (max-width: 480px){\n    .fm-services-inner{\n        padding: 0 1.25rem;\n    }\n    .fm-service-card{\n        min-height: 260px;\n    }\n    .fm-service-icon{\n        width: 38px;\n        height: 38px;\n        top: 1rem;\n        left: 1.1rem;\n    }\n    .fm-service-icon svg{\n        width: 18px;\n        height: 18px;\n    }\n    .fm-service-num{\n        top: 1.1rem;\n        right: 1.15rem;\n        font-size: 0.68rem;\n    }\n    .fm-service-body{\n        padding: 1.25rem 1.15rem 1.15rem;\n    }\n    .fm-service-title{\n        font-size: 0.95rem;\n    }\n    .fm-service-desc{\n        font-size: 0.78rem;\n    }\n}\n\n\/* Accessibilitat: reduir animacions *\/\n@media (prefers-reduced-motion: reduce){\n    .fm-service-card,\n    .fm-service-card *{\n        animation: none !important;\n        transition: none !important;\n    }\n    .fm-service-card{\n        opacity: 1;\n        transform: none;\n    }\n}\n<\/style>\n\n<!-- HTML DE LA SECCI\u00d3 SERVEIS -->\n<section class=\"fm-services\" id=\"fm-servicios\">\n\n    <div class=\"fm-services-inner\">\n\n        <!-- CAP\u00c7ALERA -->\n        <div class=\"fm-services-head\">\n            <div>\n                <span class=\"fm-services-eyebrow\">Serveis<\/span>\n                <h2 class=\"fm-services-title\">\n                    Tot el que la teva comunitat necessita, <em>en un sol lloc<\/em>.\n                <\/h2>\n            <\/div>\n            <p class=\"fm-services-intro\">\n                Som el despatx d'administraci\u00f3 de finques de refer\u00e8ncia al Baix Llobregat.\n                <strong>Vuit serveis especialitzats<\/strong> que cobreixen cada aspecte de la vida en comunitat.\n            <\/p>\n        <\/div>\n\n        <!-- GRID 8 TARGETES -->\n        <div class=\"fm-services-grid\">\n\n            <!-- 01 \u00b7 Gesti\u00f3 de comunitats -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/gestio-de-comunitats\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/edificio-comunidad-480.webp\" alt=\"Gesti\u00f3 de comunitats de propietaris\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">01<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4M9 9v.01M9 12v.01M9 15v.01M9 18v.01\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Gesti\u00f3 de comunitats<\/h3>\n                    <p class=\"fm-service-desc\">Administraci\u00f3 integral amb comptabilitat clara i transpar\u00e8ncia total.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 02 \u00b7 Resoluci\u00f3 d'incid\u00e8ncies -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/resolucio-incidencies\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/servicio-incidencias-640.jpg\" alt=\"Resoluci\u00f3 d'incid\u00e8ncies en comunitats\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">02<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Resoluci\u00f3 d'incid\u00e8ncies<\/h3>\n                    <p class=\"fm-service-desc\">Resposta r\u00e0pida i supervisi\u00f3 directa davant qualsevol avaria.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 03 \u00b7 Obres i manteniments -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/obres-i-manteniments\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/gestion-supervision-de-obras.jpg\" alt=\"Obres i manteniments en comunitats\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">03<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M2 20h20M4 20V8l8-5 8 5v12M9 20v-6h6v6\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Obres i manteniments<\/h3>\n                    <p class=\"fm-service-desc\">Coordinaci\u00f3 de rehabilitacions amb pressupostos controlats.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 04 \u00b7 Reducci\u00f3 de costos -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/reduccio-de-costos\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/reduccion-de-costos-comunidades-de-vecinos.jpg\" alt=\"Reducci\u00f3 de costos en comunitats\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">04<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M23 18l-9.5-9.5-5 5L1 6M17 18h6v-6\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Reducci\u00f3 de costos<\/h3>\n                    <p class=\"fm-service-desc\">Optimitzem despeses sense reduir qualitat en els serveis.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 05 \u00b7 Resoluci\u00f3 de conflictes -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/resolucio-de-conflictes\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/servicio-asesoramiento-640.jpg\" alt=\"Resoluci\u00f3 de conflictes ve\u00efnals\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">05<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Resoluci\u00f3 de conflictes<\/h3>\n                    <p class=\"fm-service-desc\">Mediaci\u00f3 professional entre ve\u00efns, r\u00e0pida i confidencial.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 06 \u00b7 Reclamaci\u00f3 de deutes -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/reclamacio-de-deutes\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/reclamacion-de-deudas-comunidades-de-vecinos.jpg\" alt=\"Reclamaci\u00f3 de deutes en comunitats\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">06<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Reclamaci\u00f3 de deutes<\/h3>\n                    <p class=\"fm-service-desc\">Recuperaci\u00f3 efica\u00e7 de quotes impagades per via extrajudicial o judicial.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 07 \u00b7 Compliment normatiu -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/compliment-normatiu\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?w=800&q=80\" alt=\"Compliment de normatives legals\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">07<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                        <path d=\"m9 12 2 2 4-4\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Compliment normatiu<\/h3>\n                    <p class=\"fm-service-desc\">La teva comunitat sempre al dia de la legalitat vigent.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <!-- 08 \u00b7 Assessorament jur\u00eddic -->\n            <a href=\"https:\/\/finquesmejual.es\/cat\/assessorament-juridic\/\" class=\"fm-service-card\">\n                <div class=\"fm-service-media\">\n                    <img decoding=\"async\" src=\"https:\/\/finquesmejual.es\/cat\/wp-content\/uploads\/2026\/10\/asesoramiento-juridico-administracion-de-fincas.jpg\" alt=\"Assessorament jur\u00eddic a comunitats\" loading=\"lazy\">\n                <\/div>\n                <span class=\"fm-service-num\">08<\/span>\n                <span class=\"fm-service-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                        <path d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"\/>\n                    <\/svg>\n                <\/span>\n                <span class=\"fm-service-shine\"><\/span>\n                <div class=\"fm-service-body\">\n                    <h3 class=\"fm-service-title\">Assessorament jur\u00eddic<\/h3>\n                    <p class=\"fm-service-desc\">Defensa legal especialitzada per a la teva comunitat de propietaris.<\/p>\n                    <span class=\"fm-service-link\">\n                        Saber-ne m\u00e9s\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- PEU CTA -->\n        <div class=\"fm-services-foot\">\n            <p>\n                <strong>La teva comunitat, el teu cas, la teva soluci\u00f3.<\/strong> Comencem per escoltar-te, sense comprom\u00eds.\n            <\/p>\n            <a href=\"javascript:void(0)\" class=\"fm-services-cta\">\n                <span>Parlem de la teva comunitat<\/span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function() {\n    'use strict';\n\n    document.addEventListener('DOMContentLoaded', function() {\n\n        var servicesSection = document.getElementById('fm-servicios');\n        if (!servicesSection) return;\n\n        \/* ============================================================\n           Animaci\u00f3 d'entrada amb IntersectionObserver\n           Les targetes ja tenen animaci\u00f3 CSS; aqu\u00ed nom\u00e9s controlem\n           que es dispari en entrar al viewport (no abans).\n           ============================================================ *\/\n        var cards = servicesSection.querySelectorAll('.fm-service-card');\n\n        if ('IntersectionObserver' in window) {\n            \/\/ Pausar animaci\u00f3 fins a ser visibles\n            cards.forEach(function(card) {\n                card.style.animationPlayState = 'paused';\n            });\n\n            var observer = new IntersectionObserver(function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.style.animationPlayState = 'running';\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.15,\n                rootMargin: '0px 0px -50px 0px'\n            });\n\n            cards.forEach(function(card) {\n                observer.observe(card);\n            });\n        } else {\n            \/\/ Fallback: mostrar totes\n            cards.forEach(function(card) {\n                card.style.opacity = '1';\n                card.style.transform = 'none';\n            });\n        }\n\n        \/* ============================================================\n           CTA final \u2192 al formulari amb pestanya \"pressupost\"\n           (mateix patr\u00f3 que el hero i el header)\n           ============================================================ *\/\n        var footCta = servicesSection.querySelector('.fm-services-cta');\n        if (footCta) {\n            footCta.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n\n                \/\/ 1) Activar pestanya \"pressupost\"\n                document.dispatchEvent(new CustomEvent('fm:activateTab', { detail: { tab: 'presupuesto' } }));\n\n                \/\/ 2) Scroll suau a #fm-formulario\n                var headerHeight = (typeof window.fmGetHeaderHeight === 'function')\n                    ? window.fmGetHeaderHeight()\n                    : 130;\n\n                if (typeof window.fmScrollToId === 'function') {\n                    window.fmScrollToId('fm-formulario', headerHeight);\n                } else {\n                    var formSection = document.getElementById('fm-formulario');\n                    if (formSection) {\n                        var targetY = formSection.getBoundingClientRect().top\n                                      + window.pageYOffset\n                                      - headerHeight;\n                        window.scrollTo({ top: targetY, behavior: 'smooth' });\n                    }\n                }\n\n                \/\/ 3) Hash sense salt natiu\n                setTimeout(function() {\n                    history.replaceState(null, '', '#fm-formulario-presupuesto');\n                }, 50);\n            });\n        }\n\n    });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":29,"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/pages\/19\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/www.finquesmejual.es\/cat\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}