{"id":62,"date":"2026-08-30T17:41:51","date_gmt":"2026-08-30T17:41:51","guid":{"rendered":"http:\/\/qhlgbdp.cluster129.hosting.ovh.net\/?page_id=62"},"modified":"2026-10-04T19:51:50","modified_gmt":"2026-10-04T19:51:50","slug":"encuentra-profesionales-de-confianza-para-tu-reforma-en-barcelona","status":"publish","type":"page","link":"https:\/\/obrashare.es\/en\/","title":{"rendered":"ENCUENTRA PROFESIONALES DE CONFIANZA PARA TU REFORMA EN BARCELONA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-718372f e-con e-atomic-element e-flexbox-base e-103a780 \" data-id=\"718372f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"718372f\" data-e-type=\"e-flexbox\" data-id=\"718372f\">\n    \t\t<div class=\"elementor-element elementor-element-0108858 elementor-widget elementor-widget-html\" data-id=\"0108858\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   OBRASHARE - HEADER + HERO\r\n========================================= *\/\r\n\r\n.obra-top {\r\n    width: 100%;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.obra-top *,\r\n.obra-top *::before,\r\n.obra-top *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---------- HEADER ---------- *\/\r\n\r\n.obra-header {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 12px 24px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 25px;\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n.obra-logo-link {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.obra-logo {\r\n    display: block;\r\n    width: 400px;\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.obra-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 28px;\r\n    flex: 1;\r\n}\r\n\r\n.obra-nav a {\r\n    color: #222222;\r\n    text-decoration: none;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    transition: color .2s ease;\r\n}\r\n\r\n.obra-nav a:hover {\r\n    color: #8f4f39;\r\n}\r\n\r\n\/* ---------- BUTON HEADER ---------- *\/\r\n\r\n.obra-header-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 12px 19px;\r\n    border-radius: 8px;\r\n\r\n    background: #9E5138;\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        background .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.obra-header-btn:hover {\r\n    background: #86432f;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* =========================================\r\n   HERO\r\n========================================= *\/\r\n\r\n.obra-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    min-height: 490px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n    border-radius: 0 0 18px 18px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(17, 20, 18, .74) 0%,\r\n            rgba(17, 20, 18, .50) 42%,\r\n            rgba(17, 20, 18, .15) 72%,\r\n            rgba(17, 20, 18, .06) 100%\r\n        ),\r\n        url('https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/SALON-MED.png');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.obra-hero-content {\r\n    width: 100%;\r\n    max-width: 610px;\r\n    padding: 58px 48px;\r\n    color: #ffffff;\r\n}\r\n\r\n.obra-hero h1 {\r\n    margin: 0 0 24px;\r\n\r\n    font-size: 39px;\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n    letter-spacing: -.4px;\r\n}\r\n\r\n.obra-hero p {\r\n    max-width: 510px;\r\n    margin: 0 0 30px;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n    font-weight: 500;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\/* ---------- BUTON HERO ---------- *\/\r\n\r\n.obra-hero-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 205px;\r\n    padding: 15px 24px;\r\n\r\n    border: 0;\r\n    border-radius: 9px;\r\n\r\n    background: #9E5138;\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow: 0 8px 20px rgba(0,0,0,.15);\r\n\r\n    transition:\r\n        background .2s ease,\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.obra-hero-btn:hover {\r\n    background: #86432f;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 24px rgba(0,0,0,.20);\r\n}\r\n\r\n\/* =========================================\r\n   SCROLL LA CALCULATOR\r\n========================================= *\/\r\n\r\n#calculator {\r\n    scroll-margin-top: 90px;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .obra-header {\r\n        padding: 12px 18px;\r\n        gap: 16px;\r\n    }\r\n\r\n    .obra-nav {\r\n        gap: 16px;\r\n    }\r\n\r\n    .obra-nav a {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .obra-logo {\r\n        width: 155px;\r\n    }\r\n\r\n    .obra-hero {\r\n        min-height: 450px;\r\n    }\r\n\r\n    .obra-hero-content {\r\n        padding: 50px 34px;\r\n    }\r\n\r\n    .obra-hero h1 {\r\n        font-size: 34px;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .obra-header {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        padding: 12px 14px;\r\n    }\r\n\r\n    .obra-logo-link {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n\r\n    .obra-logo {\r\n        width: 165px;\r\n    }\r\n\r\n    .obra-nav {\r\n        display:flex;\r\n        width: 100%;\r\n         justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 9px 18px;\r\n        padding: 4px 0;\r\n    }\r\n\r\n    .obra-nav a {\r\n        display:inline-block;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .obra-header-btn {\r\n        width: 100%;\r\n        max-width: 280px;\r\n    }\r\n\r\n    .obra-hero {\r\n        min-height: 470px;\r\n        border-radius: 0 0 14px 14px;\r\n\r\n        background-position: center;\r\n    }\r\n\r\n    .obra-hero-content {\r\n        padding: 40px 22px;\r\n        text-align: center;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .obra-hero h1 {\r\n        font-size: 30px;\r\n        line-height: 1.12;\r\n    }\r\n\r\n    .obra-hero p {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .obra-hero-btn {\r\n        width: 100%;\r\n        max-width: 290px;\r\n    }\r\n\r\n    #calculator {\r\n        scroll-margin-top: 30px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"obra-top\">\r\n\r\n    <!-- ================= HEADER ================= -->\r\n\r\n    <header class=\"obra-header\">\r\n\r\n        <a href=\"#\" class=\"obra-logo-link\" aria-label=\"ObraShare Inicio\">\r\n            <img decoding=\"async\"\r\n                class=\"obra-logo\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/LOGO-NOU-OBRA.png\"\r\n                alt=\"ObraShare\"\r\n            >\r\n        <\/a>\r\n\r\n\r\n\r\n        <nav class=\"obra-nav\">\r\n\r\n            <a href=\"#inicio\">Inicio<\/a>\r\n\r\n            <a href=\"#servicios\">Servicios<\/a>\r\n\r\n            <a href=\"#como-funciona\">C\u00f3mo funciona<\/a>\r\n\r\n            <a href=\"#sobre-nosotros\">Sobre nosotros<\/a>\r\n\r\n            <a href=\"#contacto\">Contacto<\/a>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <a\r\n            href=\"#calculator\"\r\n            class=\"obra-header-btn obra-calcular-link\"\r\n        >\r\n            CALCULA TU REFORMA\r\n        <\/a>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- ================= HERO ================= -->\r\n\r\n    <section id=\"inicio\" class=\"obra-hero\">\r\n\r\n        <div class=\"obra-hero-content\">\r\n\r\n            <h1>\r\n                Encuentra profesionales de confianza para tu reforma\r\n            <\/h1>\r\n\r\n            <p>\r\n                Conecta con profesionales de confianza para hacer realidad\r\n                la reforma que imaginas, con tranquilidad y al mejor precio.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"#calculator\"\r\n                class=\"obra-hero-btn obra-calcular-link\"\r\n            >\r\n                CALCULA TU REFORMA\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const botonesCalcular =\r\n        document.querySelectorAll('.obra-calcular-link');\r\n\r\n    botonesCalcular.forEach(function (boton) {\r\n\r\n        boton.addEventListener('click', function (event) {\r\n\r\n            const calculadora =\r\n                document.getElementById('calculator');\r\n\r\n            if (!calculadora) {\r\n                return;\r\n            }\r\n\r\n            event.preventDefault();\r\n\r\n            calculadora.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start'\r\n            });\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f5d2734 e-con e-atomic-element e-flexbox-base e-f5d2734-76ce6f8 \" data-id=\"f5d2734\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f5d2734\" data-e-type=\"e-flexbox\" data-id=\"f5d2734\">\n    <div class=\"elementor-element elementor-element-8f21000 e-con e-atomic-element e-flexbox-base \" data-id=\"8f21000\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f21000\" data-e-type=\"e-flexbox\" data-id=\"8f21000\">\n    \t\t<div class=\"elementor-element elementor-element-86fe832 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"86fe832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.obrashare-benefits {\r\n width:100%;\r\n  max-width:none;\r\n  margin: 0px 0 12px;\r\n  padding: 6px 20px;\r\n  background: #fffdf8;\r\n  border-radius: 18px;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.obrashare-benefit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 8px 22px;\r\n  border-right: 1px solid #e9e3d8;\r\n}\r\n\r\n.obrashare-benefit:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.obrashare-benefit-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  min-width: 42px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #254b32;\r\n}\r\n\r\n.obrashare-benefit-icon svg {\r\n  width: 34px;\r\n  height: 34px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.obrashare-benefit-text strong {\r\n  display: block;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #222;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.obrashare-benefit-text span {\r\n  display: block;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n  color: #5f5f5f;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .obrashare-benefits {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .obrashare-benefit:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .obrashare-benefit:nth-child(-n+2) {\r\n    border-bottom: 1px solid #e9e3d8;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .obrashare-benefits {\r\n    grid-template-columns: 1fr;\r\n    margin: 18px 14px 28px;\r\n    padding: 14px 18px;\r\n  }\r\n\r\n  .obrashare-benefit {\r\n    border-right: none;\r\n    border-bottom: 1px solid #e9e3d8;\r\n    padding: 16px 4px;\r\n  }\r\n\r\n  .obrashare-benefit:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"obrashare-benefits\">\r\n\r\n  <div class=\"obrashare-benefit\">\r\n    <div class=\"obrashare-benefit-icon\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z\"\/>\r\n        <path d=\"M9.5 12l1.7 1.7L15 10\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"obrashare-benefit-text\">\r\n      <strong>Profesionales verificados<\/strong>\r\n      <span>Trabajamos solo con expertos de confianza.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"obrashare-benefit\">\r\n    <div class=\"obrashare-benefit-icon\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"2\"\/>\r\n        <path d=\"M9 4V2h6v2\"\/>\r\n        <path d=\"M9 9h6M9 13h6M9 17h4\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"obrashare-benefit-text\">\r\n      <strong>Presupuestos claros<\/strong>\r\n      <span>Recibe varias propuestas sin compromiso.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"obrashare-benefit\">\r\n    <div class=\"obrashare-benefit-icon\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n        <path d=\"M12 7v5l3 2\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"obrashare-benefit-text\">\r\n      <strong>Ahorra tiempo y dinero<\/strong>\r\n      <span>Compara y elige la mejor opci\u00f3n para tu reforma.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"obrashare-benefit\">\r\n    <div class=\"obrashare-benefit-icon\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M4 13v-2a8 8 0 0116 0v2\"\/>\r\n        <path d=\"M4 13h3v5H5a1 1 0 01-1-1v-4z\"\/>\r\n        <path d=\"M20 13h-3v5h2a1 1 0 001-1v-4z\"\/>\r\n        <path d=\"M17 18c0 2-2 3-5 3\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"obrashare-benefit-text\">\r\n      <strong>Acompa\u00f1amiento<\/strong>\r\n      <span>Te asesoramos en todo el proceso.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-fce3101 e-con e-atomic-element e-flexbox-base e-e4fa1b1 \" data-id=\"fce3101\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fce3101\" data-e-type=\"e-flexbox\" data-id=\"fce3101\">\n    \t\t<div class=\"elementor-element elementor-element-c60e025 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c60e025\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"servicios\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== NUESTROS SERVICIOS ===== *\/\r\n\r\n.obr-servicios {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 25px auto 35px;\r\n    padding: 0 20px;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.obr-servicios * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.obr-servicios-titulo {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.obr-servicios-titulo h2 {\r\n    margin: 0 0 7px;\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n.obr-servicios-titulo p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #777;\r\n}\r\n\r\n\r\n\/* ===== CARDURI ===== *\/\r\n\r\n.obr-servicios-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.obr-servicio-card {\r\n    background: #fff;\r\n    border: 1px solid #e9e3d8;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n\r\n    display: block;\r\n\r\n    color: inherit;\r\n    text-decoration: none;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.obr-servicio-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n\r\n\/* ===== IMAGINI ===== *\/\r\n\r\n.obr-servicio-card img {\r\n    width: 100%;\r\n    height: 210px;\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n}\r\n\r\n\r\n\/* PROFESIONIST - p\u0103str\u0103m capul \u00een imagine *\/\r\n\r\n.obr-profesionales-img {\r\n    object-position: center 15% !important;\r\n}\r\n\r\n\r\n\/* ===== TEXT ===== *\/\r\n\r\n.obr-servicio-contenido {\r\n    padding: 18px 18px 20px;\r\n}\r\n\r\n.obr-servicio-contenido h3 {\r\n    margin: 0 0 8px;\r\n\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n\r\n    color: #222;\r\n}\r\n\r\n.obr-servicio-contenido p {\r\n    margin: 0;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n\r\n    color: #666;\r\n}\r\n\r\n\r\n\/* ===== SCROLL LIN ===== *\/\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\r\n\/* ===== TABLET\u0102 ===== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .obr-servicios-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ===== TELEFON ===== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .obr-servicios {\r\n        margin: 20px auto 28px;\r\n        padding: 0 14px;\r\n    }\r\n\r\n    .obr-servicios-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n\r\n    .obr-servicio-card img {\r\n        height: 220px;\r\n    }\r\n\r\n    .obr-servicios-titulo h2 {\r\n        font-size: 23px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"obr-servicios\">\r\n\r\n    <div class=\"obr-servicios-titulo\">\r\n\r\n        <h2>Nuestros servicios<\/h2>\r\n\r\n        <p>\r\n            Soluciones adaptadas a cada proyecto de reforma.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"obr-servicios-grid\">\r\n\r\n\r\n        <!-- ===== REFORMA INTEGRAL ===== -->\r\n\r\n        <a\r\n            class=\"obr-servicio-card\"\r\n            href=\"#obrashare-lead\"\r\n            onclick=\"seleccionar('tipoReforma','Reforma integral',2)\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/reforma-integral-obrahare.png\"\r\n                alt=\"Reforma integral en Barcelona\"\r\n            >\r\n\r\n            <div class=\"obr-servicio-contenido\">\r\n\r\n                <h3>Reforma integral<\/h3>\r\n\r\n                <p>\r\n                    Reforma completa de vivienda, local o espacio,\r\n                    adaptada a las necesidades de tu proyecto.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n\r\n        <!-- ===== REFORMA PARCIAL ===== -->\r\n\r\n        <a\r\n            class=\"obr-servicio-card\"\r\n            href=\"#obrashare-lead\"\r\n            onclick=\"seleccionar('tipoReforma','Reforma parcial',2)\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/reforma-parcial-obrashare.png\"\r\n                alt=\"Reforma parcial en Barcelona\"\r\n            >\r\n\r\n            <div class=\"obr-servicio-contenido\">\r\n\r\n                <h3>Reforma parcial<\/h3>\r\n\r\n                <p>\r\n                    Reforma de cocina, ba\u00f1o, terraza, sal\u00f3n y otras\r\n                    zonas concretas de tu vivienda.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n\r\n        <!-- ===== CONEXI\u00d3N CON PROFESIONALES ===== -->\r\n\r\n        <a\r\n            class=\"obr-servicio-card\"\r\n            href=\"#obrashare-lead\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                class=\"obr-profesionales-img\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/profesionales-obrashare.png\"\r\n                alt=\"Profesionales de reformas en Barcelona\"\r\n            >\r\n\r\n            <div class=\"obr-servicio-contenido\">\r\n\r\n                <h3>Conexi\u00f3n con profesionales<\/h3>\r\n\r\n                <p>\r\n                    Te conectamos con profesionales adecuados para\r\n                    tu proyecto para que puedas comparar opciones\r\n                    y avanzar con mayor confianza.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a1a17d2 e-con e-atomic-element e-flexbox-base e-9bdf69c \" data-id=\"a1a17d2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a1a17d2\" data-e-type=\"e-flexbox\" data-id=\"a1a17d2\">\n    <div class=\"elementor-element elementor-element-5c37369 e-con e-atomic-element e-flexbox-base e-a15d6e9 \" data-id=\"5c37369\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c37369\" data-e-type=\"e-flexbox\" data-id=\"5c37369\">\n    \t\t<div class=\"elementor-element elementor-element-922448c elementor-widget elementor-widget-html\" data-id=\"922448c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== INSPIRACI\u00d3N OBRASHARE ===== *\/\r\n\r\n.obrashare-inspiracion {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 45px auto 55px;\r\n    padding: 0 24px;\r\n    box-sizing: border-box;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.obrashare-inspiracion-header {\r\n    text-align: center;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.obrashare-inspiracion-header h2 {\r\n    margin: 0 0 8px;\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n.obrashare-inspiracion-header p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #666;\r\n}\r\n\r\n.obrashare-inspiracion-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 18px;\r\n}\r\n\r\n.obrashare-inspiracion-item {\r\n    text-align: center;\r\n    cursor: pointer;\r\n}\r\n\r\n.obrashare-inspiracion-item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 220px;\r\n    object-fit: cover;\r\n    border-radius: 14px;\r\n    box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n.obrashare-inspiracion-item:hover img {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 26px rgba(0,0,0,.11);\r\n}\r\n\r\n.obrashare-inspiracion-item h3 {\r\n    margin: 12px 0 3px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n.obrashare-inspiracion-item span {\r\n    font-size: 12px;\r\n    color: #777;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .obrashare-inspiracion-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .obrashare-inspiracion-item img {\r\n        height: 190px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .obrashare-inspiracion {\r\n        margin: 40px auto 50px;\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .obrashare-inspiracion-header h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .obrashare-inspiracion-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n    }\r\n\r\n    .obrashare-inspiracion-item img {\r\n        height: 145px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .obrashare-inspiracion-item h3 {\r\n        font-size: 14px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    .obrashare-inspiracion-item span {\r\n        font-size: 11px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"obrashare-inspiracion\">\r\n\r\n    <div class=\"obrashare-inspiracion-header\">\r\n        <h2>\u00bfQu\u00e9 espacio quieres renovar?<\/h2>\r\n        <p>Selecciona una opci\u00f3n y empieza a calcular tu reforma.<\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"obrashare-inspiracion-grid\">\r\n\r\n        <!-- SAL\u00d3N -->\r\n        <div class=\"obrashare-inspiracion-item\"\r\n             onclick=\"obrashareElegirEspacio('Sal\u00f3n')\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/salon-barcelona.png\"\r\n                alt=\"Reforma de sal\u00f3n en Barcelona\">\r\n\r\n            <h3>Sal\u00f3n<\/h3>\r\n            <span>Calcular reforma \u2192<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- COCINA -->\r\n        <div class=\"obrashare-inspiracion-item\"\r\n             onclick=\"obrashareElegirEspacio('Cocina')\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/cocina-barcelona.png\"\r\n                alt=\"Reforma de cocina en Barcelona\">\r\n\r\n            <h3>Cocina<\/h3>\r\n            <span>Calcular reforma \u2192<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- DORMITORIO -->\r\n        <div class=\"obrashare-inspiracion-item\"\r\n             onclick=\"obrashareElegirEspacio('Dormitorio')\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/dormitorio-barcelona.png\"\r\n                alt=\"Reforma de dormitorio en Barcelona\">\r\n\r\n            <h3>Dormitorio<\/h3>\r\n            <span>Calcular reforma \u2192<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- BA\u00d1O -->\r\n        <div class=\"obrashare-inspiracion-item\"\r\n             onclick=\"obrashareElegirEspacio('Ba\u00f1o')\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/obrashare.es\/wp-content\/uploads\/2026\/09\/bano-barcelona.png\"\r\n                alt=\"Reforma de ba\u00f1o en Barcelona\">\r\n\r\n            <h3>Ba\u00f1o<\/h3>\r\n            <span>Calcular reforma \u2192<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\nfunction obrashareElegirEspacio(espacio) {\r\n\r\n    \/* Guardamos qu\u00e9 espacio le interesa al usuario *\/\r\n    sessionStorage.setItem('obrashare_espacio_interes', espacio);\r\n\r\n    \/* Seleccionamos Reforma parcial en el calculator *\/\r\n    if (typeof seleccionar === 'function') {\r\n        seleccionar(\r\n            'tipoReforma',\r\n            'Reforma parcial',\r\n            2\r\n        );\r\n    }\r\n\r\n    \/* Bajamos directamente al calculator *\/\r\n    const calculadora =\r\n        document.getElementById('obrashare-lead') ||\r\n        document.getElementById('paso1');\r\n\r\n    if (calculadora) {\r\n        calculadora.scrollIntoView({\r\n            behavior: 'smooth',\r\n            block: 'start'\r\n        });\r\n    }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-09d4280 elementor-widget elementor-widget-html\" data-id=\"09d4280\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== C\u00d3MO FUNCIONA - OBRASHARE ===== *\/\r\n\r\n.obrashare-como {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 8px 30px 10px;\r\n    box-sizing: border-box;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.obrashare-como-header {\r\n    text-align: center;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.obrashare-como-header h2 {\r\n    margin: 0 0 10px;\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #222222;\r\n}\r\n\r\n.obrashare-como-header p {\r\n    margin: 0 auto;\r\n    max-width: 620px;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    color: #666666;\r\n}\r\n\r\n\/* ===== PASOS ===== *\/\r\n\r\n.obrashare-pasos {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.obrashare-paso {\r\n    position: relative;\r\n    text-align: center;\r\n    padding: 14pxpx 18px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.obrashare-numero {\r\n    width: 46px;\r\n    height: 46px;\r\n    margin: 0 auto 10px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n    background: #244d32;\r\n    color: #ffffff;\r\n\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n}\r\n\r\n.obrashare-paso h3 {\r\n    margin: 0 0 10px;\r\n    font-size: 18px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    color: #222222;\r\n}\r\n\r\n.obrashare-paso p {\r\n    margin: 0 auto;\r\n    max-width: 270px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #5f5f5f;\r\n}\r\n\r\n\/* Linie \u00eentre pa\u0219i *\/\r\n\r\n.obrashare-paso:not(:last-child)::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50px;\r\n    right: -24px;\r\n    width: 48px;\r\n    height: 1px;\r\n    background: #d8ded9;\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .obrashare-pasos {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n    }\r\n\r\n    .obrashare-paso {\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .obrashare-paso:not(:last-child)::after {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\/* ===== M\u00d3VIL ===== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .obrashare-como {\r\n        padding: 42px 20px 48px;\r\n    }\r\n\r\n    .obrashare-como-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .obrashare-como-header h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .obrashare-como-header p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .obrashare-paso {\r\n        padding: 20px 12px;\r\n    }\r\n\r\n    .obrashare-paso h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .obrashare-paso p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"como-funciona\" class=\"obrashare-como\">\r\n\r\n    <div class=\"obrashare-como-header\">\r\n        <h2>\u00bfC\u00f3mo funciona?<\/h2>\r\n        <p>\r\n            Encontrar al profesional adecuado para tu reforma\r\n            es sencillo, r\u00e1pido y sin compromiso.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"obrashare-pasos\">\r\n\r\n        <!-- PASO 1 -->\r\n        <div class=\"obrashare-paso\">\r\n            <div class=\"obrashare-numero\">1<\/div>\r\n\r\n            <h3>Cu\u00e9ntanos tu proyecto<\/h3>\r\n\r\n            <p>\r\n                Ind\u00edcanos qu\u00e9 reforma necesitas,\r\n                d\u00f3nde se realizar\u00e1 y los detalles principales\r\n                de tu proyecto.\r\n            <\/p>\r\n        <\/div>\r\n\r\n\r\n        <!-- PASO 2 -->\r\n        <div class=\"obrashare-paso\">\r\n            <div class=\"obrashare-numero\">2<\/div>\r\n\r\n            <h3>Recibe propuestas<\/h3>\r\n\r\n            <p>\r\n                Te ponemos en contacto con profesionales\r\n                adecuados para que puedas recibir y\r\n                comparar propuestas.\r\n            <\/p>\r\n        <\/div>\r\n\r\n\r\n        <!-- PASO 3 -->\r\n        <div class=\"obrashare-paso\">\r\n            <div class=\"obrashare-numero\">3<\/div>\r\n\r\n            <h3>Elige con confianza<\/h3>\r\n\r\n            <p>\r\n                Compara las opciones y elige al profesional\r\n                que mejor se adapte a tu reforma,\r\n                presupuesto y necesidades.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-628d221 e-flex e-con-boxed e-con e-parent\" data-id=\"628d221\" data-element_type=\"container\" data-e-type=\"container\" id=\"calculator\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b815d1 elementor-widget elementor-widget-html\" data-id=\"9b815d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#obrashare-lead {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    margin: 30px auto;\r\n    padding: 0 20px;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    color: #222;\r\n}\r\n  }\r\n\r\n  #obrashare-lead * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n}\r\n  }\r\n#obrashare-lead .paso {\r\n    display: none;\r\n}\r\n  #obrashare-lead .paso.activo {\r\n    display: block;\r\n  }\r\n\r\n  #obrashare-lead .progreso {\r\n    font-size: 13px;\r\n    color: #64748B;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #obrashare-lead h3 {\r\n    margin: 0 0 20px;\r\n    font-size: 27px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  #obrashare-lead p {\r\n    line-height: 1.6;\r\n  }\r\n\r\n  #obrashare-lead .opciones {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  #obrashare-lead button.opcion {\r\n    background: #fff;\r\n    color: #222;\r\n    border: 1px solid #D8DEE8;\r\n    border-radius: 12px;\r\n    padding: 17px 14px;\r\n    cursor: pointer;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n  }\r\n\r\n  #obrashare-lead button.opcion:hover {\r\n    border-color: #B86F52;\r\n    background: #faf7f5;\r\n  }\r\n\r\n  #obrashare-lead label.titulo {\r\n    display: block;\r\n    font-weight: 700;\r\n    margin: 18px 0 7px;\r\n  }\r\n\r\n  #obrashare-lead input,\r\n  #obrashare-lead select,\r\n  #obrashare-lead textarea {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border: 1px solid #D8DEE8;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    background: #fff;\r\n  }\r\n\r\n  #obrashare-lead textarea {\r\n    min-height: 100px;\r\n    resize: vertical;\r\n  }\r\n\r\n  #obrashare-lead .checks {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  #obrashare-lead .check-option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    border: 1px solid #D8DEE8;\r\n    border-radius: 10px;\r\n    padding: 12px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #obrashare-lead .check-option input {\r\n    width: auto;\r\n    margin: 0;\r\n  }\r\n\r\n  #obrashare-lead .botones {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  #obrashare-lead .siguiente,\r\n  #obrashare-lead .enviar,\r\n  #obrashare-lead .anterior {\r\n    border: 0;\r\n    border-radius: 11px;\r\n    padding: 15px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #obrashare-lead .siguiente,\r\n  #obrashare-lead .enviar {\r\n    flex: 1;\r\n    background: #B86F52;\r\n    color: #fff;\r\n  }\r\n\r\n  #obrashare-lead .anterior {\r\n    background: #F1F3F5;\r\n    color: #333;\r\n    min-width: 120px;\r\n  }\r\n\r\n  #obrashare-lead .privacidad {\r\n    display: flex;\r\n    gap: 9px;\r\n    align-items: flex-start;\r\n    margin-top: 16px;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #obrashare-lead .privacidad input {\r\n    width: auto;\r\n    margin-top: 3px;\r\n  }\r\n\r\n  #obrashare-lead .nota {\r\n    margin-top: 12px;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n    color: #666;\r\n  }\r\n\r\n  @media(max-width:600px) {\r\n    #obrashare-lead {\r\n      margin: 20px 12px;\r\n    }\r\n\r\n    #obrashare-lead .paso {\r\n      padding: 19px;\r\n    }\r\n\r\n    #obrashare-lead h3 {\r\n      font-size: 22px;\r\n    }\r\n\r\n    #obrashare-lead .opciones,\r\n    #obrashare-lead .checks {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #obrashare-lead .botones {\r\n      flex-direction: column-reverse;\r\n    }\r\n\r\n    #obrashare-lead .anterior {\r\n      width: 100%;\r\n    }\r\n  }\r\n  \/* ===== PASO 1 PROFESIONAL ===== *\/\r\n\r\n#obrashare-lead #paso1 {\r\n    text-align: center;\r\n}\r\n\r\n#obrashare-lead #paso1 .progreso {\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #666;\r\n}\r\n\r\n#obrashare-lead #paso1 h3 {\r\n    margin: 0;\r\n    font-size: 32px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n#obrashare-lead .subtitulo-paso {\r\n    margin: 10px 0 30px;\r\n    font-size: 16px;\r\n    color: #555;\r\n}\r\n\r\n#obrashare-lead .opciones-tipo {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 22px;\r\n}\r\n\r\n#obrashare-lead .opcion-tipo {\r\n    min-height: 150px;\r\n    width: 100%;\r\n    padding: 24px 28px;\r\n    display: grid;\r\n    grid-template-columns: 80px 1fr 30px;\r\n    align-items: center;\r\n    text-align: left;\r\n    background: #fff;\r\n    border: 1px solid #d9dedb;\r\n    border-radius: 12px;\r\n    transition: all .2s ease;\r\n}\r\n\r\n#obrashare-lead .opcion-tipo:hover {\r\n    border-color: #244d32;\r\n    box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n#obrashare-lead .opcion-icono {\r\n    width: 72px;\r\n    height: 72px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #f5eee7;\r\n    font-size: 46px;\r\n    color: #9b7658;\r\n}\r\n\r\n#obrashare-lead .opcion-contenido {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n\r\n#obrashare-lead .opcion-contenido strong {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n#obrashare-lead .opcion-contenido small {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    color: #555;\r\n}\r\n\r\n#obrashare-lead .opcion-radio {\r\n    width: 22px;\r\n    height: 22px;\r\n    border: 2px solid #cbd1cd;\r\n    border-radius: 50%;\r\n    justify-self: end;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n    #obrashare-lead .opciones-tipo {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    #obrashare-lead #paso1 h3 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    \r\n    #obrashare-lead .opcion-tipo {\r\n    grid-template-columns: 55px minmax(0, 1fr) 24px;\r\n    padding: 18px 12px;\r\n    width: 100%;}\r\n\r\n\r\n#obrashare-lead .opcion-contenido {\r\n    min-width: 0;\r\n    width: 100%;\r\n}\r\n\r\n#obrashare-lead .opcion-contenido strong,\r\n#obrashare-lead .opcion-contenido small {\r\n    display: block;\r\n    width: 100%;\r\n    white-space: normal;\r\n    overflow-wrap: break-word;\r\n}\r\n    \r\n    #calculator {\r\n    width: calc(100% - 20px) !important;\r\n    max-width: 100% !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n\r\n#obrashare-lead {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 0 10px;\r\n    box-sizing: border-box;\r\n    overflow-x: hidden;\r\n}\r\n\r\n#obrashare-lead * {\r\n    min-width: 0;\r\n}\r\n}\r\n#obrashare-lead .paso {\r\n    display: none !important;\r\n}\r\n\r\n#obrashare-lead .paso.activo {\r\n    display: block !important;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"obrashare-lead\">\r\n\r\n<form action=\"\/wp-admin\/admin-post.php\"\r\n      method=\"POST\"\r\n      id=\"obrashare-form\">\r\n\r\n  <input type=\"hidden\"\r\n         name=\"action\"\r\n         value=\"obrashare_lead_submit\">\r\n  <!-- PASO 1 -->\r\n\r\n  \r\n  \r\n  <div class=\"paso activo\" id=\"paso1\">\r\n\r\n    <div class=\"progreso\">Paso 1 de 6<\/div>\r\n\r\n<h3>\u00bfQu\u00e9 tipo de reforma quieres realizar?<\/h3>\r\n\r\n<p class=\"subtitulo-paso\">\r\n    Cu\u00e9ntanos tu proyecto y te conectaremos con los mejores profesionales.\r\n<\/p>\r\n\r\n<input type=\"hidden\"\r\n       name=\"Tipo_de_reforma\"\r\n       id=\"tipoReforma\"\r\n       required>\r\n\r\n<div class=\"opciones opciones-tipo\">\r\n\r\n    <button type=\"button\"\r\n            class=\"opcion opcion-tipo\"\r\n            onclick=\"seleccionar('tipoReforma','Reforma integral',2)\">\r\n\r\n<span class=\"opcion-icono\">\u2302<\/span>\r\n\r\n<span class=\"opcion-contenido\">\r\n    <strong>Reforma integral<\/strong>\r\n    <small>Reforma completa de vivienda,<br>\r\n    local o espacio.<\/small>\r\n<\/span>\r\n\r\n<span class=\"opcion-radio\"><\/span>\r\n<\/button>\r\n\r\n<button type=\"button\"\r\n        class=\"opcion opcion-tipo\"\r\n        onclick=\"seleccionar('tipoReforma','Reforma parcial',2)\">\r\n\r\n    \r\n       \r\n        <span class=\"opcion-icono\">\u25a3<\/span>\r\n\r\n        <span class=\"opcion-contenido\">\r\n            <strong>Reforma parcial<\/strong>\r\n            <small>Reforma de cocina, ba\u00f1o,<br>terraza, sala y m\u00e1s.<\/small>\r\n        <\/span>\r\n\r\n        <span class=\"opcion-radio\"><\/span>\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n  <!-- PASO 2 -->\r\n  <div class=\"paso\" id=\"paso2\">\r\n\r\n    <div class=\"progreso\">Paso 2 de 6<\/div>\r\n\r\n    <h3>Cu\u00e9ntanos sobre el inmueble<\/h3>\r\n\r\n    <label class=\"titulo\">\r\n      Tipo de inmueble\r\n    <\/label>\r\n\r\n    <select name=\"Tipo_de_inmueble\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>Casa o Chalet<\/option>\r\n      <option>Piso<\/option>\r\n      <option>Apartamento<\/option>\r\n      <option>Local comercial<\/option>\r\n      <option>Oficina<\/option>\r\n      <option>Otro<\/option>\r\n    <\/select>\r\n\r\n    <label class=\"titulo\">\r\n      \u00bfEres propietario?\r\n    <\/label>\r\n\r\n    <select name=\"Propietario\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>S\u00ed, soy propietario<\/option>\r\n      <option>No, no soy propietario<\/option>\r\n    <\/select>\r\n\r\n    <div class=\"botones\">\r\n      <button type=\"button\"\r\n              class=\"anterior\"\r\n              onclick=\"irPaso(1)\">\r\n        \u2190 Atr\u00e1s\r\n      <\/button>\r\n\r\n      <button type=\"button\"\r\n              class=\"siguiente\"\r\n              onclick=\"validarPaso(2,3)\">\r\n        Siguiente \u2192\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- PASO 3 -->\r\n  <div class=\"paso\" id=\"paso3\">\r\n\r\n    <div class=\"progreso\">Paso 3 de 6<\/div>\r\n\r\n    <h3>\u00bfQu\u00e9 quieres reformar?<\/h3>\r\n\r\n    <label class=\"titulo\">\r\n      Superficie aproximada\r\n    <\/label>\r\n\r\n    <select name=\"Superficie_aproximada\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>Menos de 80 m\u00b2<\/option>\r\n      <option>80 - 150 m\u00b2<\/option>\r\n      <option>150 - 250 m\u00b2<\/option>\r\n      <option>M\u00e1s de 250 m\u00b2<\/option>\r\n    <\/select>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      Selecciona todo lo que quieras reformar\r\n    <\/label>\r\n\r\n    <div class=\"checks\" id=\"zonasReforma\">\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Cocina\">\r\n        Cocina\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Ba\u00f1o\/s\">\r\n        Ba\u00f1o\/s\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Sal\u00f3n\">\r\n        Sal\u00f3n\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Dormitorio\/s\">\r\n        Dormitorio\/s\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Instalaci\u00f3n el\u00e9ctrica\">\r\n        Instalaci\u00f3n el\u00e9ctrica\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Fontaner\u00eda\">\r\n        Fontaner\u00eda\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Suelos\">\r\n        Suelos\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Pintura\">\r\n        Pintura\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Puertas y ventanas\">\r\n        Puertas y ventanas\r\n      <\/label>\r\n\r\n      <label class=\"check-option\">\r\n        <input type=\"checkbox\"\r\n               name=\"Que_reformar[]\"\r\n               value=\"Otro\">\r\n        Otro\r\n      <\/label>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"botones\">\r\n\r\n      <button type=\"button\"\r\n              class=\"anterior\"\r\n              onclick=\"irPaso(2)\">\r\n        \u2190 Atr\u00e1s\r\n      <\/button>\r\n\r\n      <button type=\"button\"\r\n              class=\"siguiente\"\r\n              onclick=\"validarPaso3()\">\r\n        Siguiente \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- PASO 4 -->\r\n  <div class=\"paso\" id=\"paso4\">\r\n\r\n    <div class=\"progreso\">Paso 4 de 6<\/div>\r\n\r\n    <h3>Presupuesto y plazo<\/h3>\r\n\r\n    <label class=\"titulo\">\r\n      Rango del presupuesto\r\n    <\/label>\r\n\r\n    <select name=\"Rango_del_presupuesto\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>Menos de 20.000 \u20ac<\/option>\r\n      <option>20.000 \u20ac - 40.000 \u20ac<\/option>\r\n      <option>40.000 \u20ac - 60.000 \u20ac<\/option>\r\n      <option>60.000 \u20ac - 80.000 \u20ac<\/option>\r\n      <option>80.000 \u20ac - 100.000 \u20ac<\/option>\r\n      <option>100.000 \u20ac - 120.000 \u20ac<\/option>\r\n      <option>M\u00e1s de 120.000 \u20ac<\/option>\r\n    <\/select>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      \u00bfCu\u00e1ndo quieres empezar la reforma?\r\n    <\/label>\r\n\r\n    <select name=\"Plazo\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>Lo antes posible<\/option>\r\n      <option>En 1-3 meses<\/option>\r\n      <option>En 3-6 meses<\/option>\r\n      <option>M\u00e1s de 6 meses<\/option>\r\n      <option>Solo estoy valorando opciones<\/option>\r\n    <\/select>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      \u00bfHas solicitado otros presupuestos?\r\n    <\/label>\r\n\r\n    <select name=\"Otros_presupuestos\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>No, todav\u00eda no<\/option>\r\n      <option>S\u00ed, estoy esperando presupuestos<\/option>\r\n      <option>S\u00ed, ya tengo otros presupuestos<\/option>\r\n    <\/select>\r\n\r\n\r\n    <div class=\"botones\">\r\n\r\n      <button type=\"button\"\r\n              class=\"anterior\"\r\n              onclick=\"irPaso(3)\">\r\n        \u2190 Atr\u00e1s\r\n      <\/button>\r\n\r\n      <button type=\"button\"\r\n              class=\"siguiente\"\r\n              onclick=\"validarPaso(4,5)\">\r\n        Siguiente \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- PASO 5 -->\r\n  <div class=\"paso\" id=\"paso5\">\r\n\r\n    <div class=\"progreso\">Paso 5 de 6<\/div>\r\n\r\n    <h3>\u00daltimos detalles de tu proyecto<\/h3>\r\n\r\n    <label class=\"titulo\">\r\n      C\u00f3digo postal\r\n    <\/label>\r\n\r\n    <input type=\"text\"\r\n           name=\"Codigo_postal\"\r\n           placeholder=\"Ejemplo: 08011\"\r\n           required><small id=\"cp-aviso\" style=\"display:none;color:#b42318;margin-top:6px;\">Actualmente solo trabajamos en Barcelona y alrededores (aprox. 20 km).<\/small>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      \u00bfQu\u00e9 valoras m\u00e1s para tu reforma?\r\n    <\/label>\r\n\r\n    <select name=\"Preferencia\" required>\r\n      <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n      <option>El mejor precio<\/option>\r\n      <option>La mejor relaci\u00f3n calidad-precio<\/option>\r\n      <option>La m\u00e1xima calidad<\/option>\r\n    <\/select>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      Cu\u00e9ntanos sobre tu reforma\r\n    <\/label>\r\n\r\n    <textarea name=\"Comentarios\"\r\n              placeholder=\"Describe brevemente qu\u00e9 quieres reformar\"><\/textarea>\r\n\r\n\r\n    <div class=\"botones\">\r\n\r\n      <button type=\"button\"\r\n              class=\"anterior\"\r\n              onclick=\"irPaso(4)\">\r\n        \u2190 Atr\u00e1s\r\n      <\/button>\r\n\r\n      <button type=\"button\"\r\n              class=\"siguiente\"\r\n              onclick=\"validarPaso(5,6)\">\r\n        Continuar \u2192\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- PASO 6 -->\r\n  <div class=\"paso\" id=\"paso6\">\r\n\r\n    <div class=\"progreso\">\u00daltimo paso<\/div>\r\n\r\n    <h3>\u00bfD\u00f3nde podemos enviarte informaci\u00f3n sobre tu reforma?<\/h3>\r\n\r\n    <p>\r\n      Completa tus datos para que podamos gestionar tu solicitud y ponernos en contacto contigo.\r\n    <\/p>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      Nombre y Apellidos\r\n    <\/label>\r\n\r\n    <input type=\"text\"\r\n           name=\"Nombre_y_Apellidos\"\r\n           placeholder=\"Escribe tu nombre\"\r\n           required>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      Tel\u00e9fono\r\n    <\/label>\r\n\r\n    <input type=\"tel\"\r\n           name=\"Telefono\"\r\n           placeholder=\"Introduce tu tel\u00e9fono\"\r\n           required>\r\n\r\n\r\n    <label class=\"titulo\">\r\n      Correo electr\u00f3nico\r\n    <\/label>\r\n\r\n    <input type=\"email\"\r\n           name=\"Email\"\r\n           placeholder=\"Introduce tu correo electr\u00f3nico\"\r\n           required>\r\n\r\n\r\n    <label class=\"privacidad\">\r\n\r\n      <input type=\"checkbox\"\r\n             id=\"privacidad\"\r\n             required>\r\n\r\n      <span>\r\n     He le\u00eddo y acepto la <a href=\"\/politica-de-privacidad\/\" target=\"_blank\">Pol\u00edtica de Privacidad<\/a> y autorizo el tratamiento de mis datos para gestionar mi solicitud y ponerme en contacto con profesionales de reformas. \r\n      <\/span>\r\n\r\n    <\/label>\r\n\r\n\r\n    <button type=\"submit\"\r\n            class=\"enviar\">\r\n      SOLICITAR PRESUPUESTO\r\n    <\/button>\r\n\r\n\r\n    <button type=\"button\"\r\n            class=\"anterior\"\r\n            style=\"width:100%;margin-top:10px;\"\r\n            onclick=\"irPaso(5)\">\r\n      \u2190 Atr\u00e1s\r\n    <\/button>\r\n\r\n\r\n    <div class=\"nota\">\r\n      Tus datos se utilizar\u00e1n para gestionar tu solicitud y contactar contigo en relaci\u00f3n con tu proyecto.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/form>\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nfunction irPaso(numero) {\r\n\r\n  document.querySelectorAll('#obrashare-lead .paso')\r\n    .forEach(function(paso) {\r\n      paso.classList.remove('activo');\r\n    });\r\n\r\n  document.getElementById('paso' + numero)\r\n    .classList.add('activo');\r\n\r\n  document.getElementById('obrashare-lead')\r\n    .scrollIntoView({\r\n      behavior: 'smooth',\r\n      block: 'start'\r\n    });\r\n}\r\n\r\n\r\nfunction seleccionar(campo, valor, siguientePaso) {\r\n\r\n  document.getElementById(campo).value = valor;\r\n\r\n  irPaso(siguientePaso);\r\n}\r\n\r\n\r\nfunction validarPaso(actual, siguiente) {\r\n\r\n  const paso = document.getElementById('paso' + actual);\r\n\r\n  const campos =\r\n    paso.querySelectorAll('input[required], select[required], textarea[required]');\r\n\r\n  for (const campo of campos) {\r\n\r\n    if (!campo.checkValidity()) {\r\n      campo.reportValidity();\r\n      return;\r\n    }\r\n\r\n  }\r\n\r\n  irPaso(siguiente);\r\n}\r\n\r\n\r\nfunction validarPaso3() {\r\n\r\n  const superficie =\r\n    document.querySelector('#paso3 select[name=\"Superficie_aproximada\"]');\r\n\r\n  if (!superficie.value) {\r\n    superficie.reportValidity();\r\n    return;\r\n  }\r\n\r\n  const seleccionados =\r\n    document.querySelectorAll('#zonasReforma input[type=\"checkbox\"]:checked');\r\n\r\n  if (seleccionados.length === 0) {\r\n    alert('Selecciona al menos una zona o elemento que quieras reformar.');\r\n    return;\r\n  }\r\n\r\n  irPaso(4);\r\n}\r\n\r\n\r\ndocument.getElementById('obrashare-form')\r\n  .addEventListener('submit', function(event) {\r\n\r\n    const nombre =\r\n      this.querySelector('[name=\"Nombre_y_Apellidos\"]');\r\n\r\n    const telefono =\r\n      this.querySelector('[name=\"Telefono\"]');\r\n\r\n    const email =\r\n      this.querySelector('[name=\"Email\"]');\r\n\r\n    const privacidad =\r\n      document.getElementById('privacidad');\r\n\r\n\r\n    if (!nombre.value.trim()) {\r\n\r\n      event.preventDefault();\r\n\r\n      alert('Por favor, introduce tu nombre y apellidos.');\r\n\r\n      nombre.focus();\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const numerosTelefono =\r\n      telefono.value.replace(\/\\D\/g, '');\r\n\r\n    if (numerosTelefono.length < 9) {\r\n\r\n      event.preventDefault();\r\n\r\n      alert('Por favor, introduce un n\u00famero de tel\u00e9fono v\u00e1lido.');\r\n\r\n      telefono.focus();\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    if (!email.checkValidity()) {\r\n\r\n      event.preventDefault();\r\n\r\n      email.reportValidity();\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    if (!privacidad.checked) {\r\n\r\n      event.preventDefault();\r\n\r\n      alert('Debes aceptar la Pol\u00edtica de Privacidad para continuar.');\r\n\r\n      return;\r\n    }\r\nconst cp = this.querySelector('[name=\"Codigo_postal\"]').value.trim();\r\nconst avisoCP = document.getElementById('cp-aviso');\r\n\r\nconst cpPermitidos = [\r\n  \/\/ Barcelona ciudad\r\n  ...Array.from({length: 42}, (_, i) => '080' + String(i + 1).padStart(2, '0')),\r\n\r\n  \/\/ L'Hospitalet de Llobregat\r\n  '08901','08902','08903','08904','08905','08906','08907','08908',\r\n\r\n  \/\/ Badalona\r\n  '08911','08912','08913','08914','08915','08916','08917','08918',\r\n\r\n  \/\/ Santa Coloma de Gramenet\r\n  '08921','08922','08923','08924',\r\n\r\n  \/\/ Sant Adri\u00e0 de Bes\u00f2s\r\n  '08930',\r\n\r\n  \/\/ Cornell\u00e0 de Llobregat\r\n  '08940',\r\n\r\n  \/\/ Esplugues de Llobregat\r\n  '08950',\r\n\r\n  \/\/ Sant Just Desvern\r\n  '08960',\r\n\r\n  \/\/ Sant Joan Desp\u00ed\r\n  '08970',\r\n\r\n  \/\/ Sant Feliu de Llobregat\r\n  '08980',\r\n\r\n  \/\/ El Prat de Llobregat\r\n  '08820',\r\n\r\n  \/\/ Sant Boi de Llobregat\r\n  '08830',\r\n\r\n  \/\/ Viladecans\r\n  '08840',\r\n\r\n  \/\/ Gav\u00e0\r\n  '08850',\r\n\r\n  \/\/ Castelldefels\r\n  '08860',\r\n\r\n  \/\/ Montcada i Reixac\r\n  '08110',\r\n\r\n  \/\/ Cerdanyola del Vall\u00e8s\r\n  '08290',\r\n\r\n  \/\/ Ripollet\r\n  '08291',\r\n\r\n  \/\/ Sant Cugat del Vall\u00e8s\r\n  '08172','08173','08174',\r\n  '08195','08196','08197','08198'\r\n];\r\n\r\nconst zonaValida = \/^\\d{5}$\/.test(cp) && cpPermitidos.includes(cp);\r\n\r\n\r\n\r\n\r\nif (!zonaValida) {\r\n  event.preventDefault();\r\n  avisoCP.style.display = 'block';\r\n  alert('Actualmente solo trabajamos en Barcelona y alrededores (aprox. 20 km).');\r\n  return;\r\n}\r\n\r\navisoCP.style.display = 'none';\r\n  });\r\n\r\n<\/script>\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-f30afa5 e-con e-atomic-element e-flexbox-base e-e78ef5a \" data-id=\"f30afa5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f30afa5\" data-e-type=\"e-flexbox\" data-id=\"f30afa5\">\n    \t\t<div class=\"elementor-element elementor-element-42f6f2a elementor-widget elementor-widget-html\" data-id=\"42f6f2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== SOBRE NOSOTROS - OBRASHARE ===== *\/\r\n\r\n.obrashare-sobre {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 55px 30px 60px;\r\n    box-sizing: border-box;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.obrashare-sobre-header {\r\n    text-align: center;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.obrashare-sobre-header h2 {\r\n    margin: 0 0 10px;\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #222222;\r\n}\r\n\r\n.obrashare-sobre-header p {\r\n    margin: 0 auto;\r\n    max-width: 650px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #666666;\r\n}\r\n\r\n\/* ===== CONTENIDO ===== *\/\r\n\r\n.obrashare-sobre-contenido {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 28px;\r\n    align-items: stretch;\r\n}\r\n\r\n.obrashare-sobre-texto {\r\n    background: #ffffff;\r\n    border: 1px solid #e3e8e4;\r\n    border-radius: 16px;\r\n    padding: 30px 32px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.obrashare-sobre-texto h3 {\r\n    margin: 0 0 16px;\r\n    font-size: 20px;\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n    color: #222222;\r\n}\r\n\r\n.obrashare-sobre-texto p {\r\n    margin: 0 0 14px;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #5f5f5f;\r\n}\r\n\r\n.obrashare-sobre-texto p:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* ===== BLOQUE DESTACADO ===== *\/\r\n\r\n.obrashare-sobre-destacado {\r\n    background: #244d32;\r\n    border-radius: 16px;\r\n    padding: 32px;\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.obrashare-sobre-icono {\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-bottom: 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,0.35);\r\n    border-radius: 50%;\r\n}\r\n\r\n.obrashare-sobre-icono svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: #ffffff;\r\n    fill: none;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.obrashare-sobre-destacado h3 {\r\n    margin: 0 0 12px;\r\n    font-size: 20px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n\r\n.obrashare-sobre-destacado p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: rgba(255,255,255,0.85);\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .obrashare-sobre-contenido {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .obrashare-sobre-texto,\r\n    .obrashare-sobre-destacado {\r\n        padding: 28px;\r\n    }\r\n}\r\n\r\n\/* ===== M\u00d3VIL ===== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .obrashare-sobre {\r\n        padding: 42px 20px 48px;\r\n    }\r\n\r\n    .obrashare-sobre-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .obrashare-sobre-header h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .obrashare-sobre-header p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .obrashare-sobre-texto,\r\n    .obrashare-sobre-destacado {\r\n        padding: 24px 20px;\r\n    }\r\n\r\n    .obrashare-sobre-texto h3,\r\n    .obrashare-sobre-destacado h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .obrashare-sobre-texto p,\r\n    .obrashare-sobre-destacado p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"sobre-nosotros\" class=\"obrashare-sobre\">\r\n\r\n    <div class=\"obrashare-sobre-header\">\r\n        <h2>Sobre nosotros<\/h2>\r\n        <p>\r\n            Una forma m\u00e1s sencilla y transparente de encontrar\r\n            al profesional adecuado para tu reforma.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"obrashare-sobre-contenido\">\r\n\r\n        <!-- COLUMNA IZQUIERDA -->\r\n        <div class=\"obrashare-sobre-texto\">\r\n\r\n            <h3>Reformar deber\u00eda ser m\u00e1s sencillo<\/h3>\r\n\r\n            <p>\r\n                En ObraShare queremos facilitar uno de los pasos\r\n                m\u00e1s importantes de cualquier reforma: encontrar\r\n                al profesional adecuado para cada proyecto.\r\n            <\/p>\r\n\r\n            <p>\r\n                Conectamos a personas que quieren reformar su vivienda,\r\n                local o espacio con profesionales adecuados a sus\r\n                necesidades, para que puedan conocer y comparar\r\n                diferentes propuestas antes de decidir.\r\n            <\/p>\r\n\r\n            <p>\r\n                Nuestro objetivo es hacer que este proceso sea m\u00e1s claro,\r\n                sencillo y transparente, ayud\u00e1ndote a tomar una decisi\u00f3n\r\n                con mayor confianza.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- COLUMNA DERECHA -->\r\n        <div class=\"obrashare-sobre-destacado\">\r\n\r\n            <div class=\"obrashare-sobre-icono\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 6L9 17l-5-5\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <h3>\r\n                Tu reforma. Tu decisi\u00f3n.\r\n            <\/h3>\r\n\r\n            <p>\r\n                Nosotros facilitamos el camino para que puedas\r\n                comparar opciones y elegir al profesional que\r\n                mejor encaje con tu proyecto.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d1bb997 e-flex e-con-boxed e-con e-parent\" data-id=\"d1bb997\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-715c7f0 elementor-widget elementor-widget-html\" data-id=\"715c7f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== CONTACTO OBRASHARE ===== *\/\r\n\r\n.obrashare-contacto {\r\n    width: 100%;\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n    padding: 60px 28px 70px;\r\n    box-sizing: border-box;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.obrashare-contacto-header {\r\n    text-align: center;\r\n    margin-bottom: 34px;\r\n}\r\n\r\n.obrashare-contacto-header h2 {\r\n    margin: 0 0 10px;\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n.obrashare-contacto-header p {\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #666;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.obrashare-contacto-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e3e8e4;\r\n    border-radius: 18px;\r\n    padding: 34px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.obrashare-contacto-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n}\r\n\r\n.obrashare-contacto-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n}\r\n\r\n.obrashare-contacto-field.full {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.obrashare-contacto-field label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.obrashare-contacto-field input,\r\n.obrashare-contacto-field select,\r\n.obrashare-contacto-field textarea {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 14px 15px;\r\n    border: 1px solid #d8dedb;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    color: #222;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    font-size: 14px;\r\n    outline: none;\r\n}\r\n\r\n.obrashare-contacto-field input:focus,\r\n.obrashare-contacto-field select:focus,\r\n.obrashare-contacto-field textarea:focus {\r\n    border-color: #244d32;\r\n    box-shadow: 0 0 0 2px rgba(36,77,50,.08);\r\n}\r\n\r\n.obrashare-contacto-field textarea {\r\n    min-height: 130px;\r\n    resize: vertical;\r\n}\r\n\r\n\/* PRIVACIDAD *\/\r\n\r\n.obrashare-contacto-privacidad {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 9px;\r\n    margin-top: 20px;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n    color: #666;\r\n}\r\n\r\n.obrashare-contacto-privacidad input {\r\n    margin-top: 3px;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n\r\n.obrashare-contacto-btn {\r\n    width: 100%;\r\n    margin-top: 22px;\r\n    padding: 15px 20px;\r\n    border: 0;\r\n    border-radius: 10px;\r\n    background: #244d32;\r\n    color: #ffffff;\r\n    font-family: Montserrat, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: .2s ease;\r\n}\r\n\r\n.obrashare-contacto-btn:hover {\r\n    background: #193722;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.obrashare-contacto-nota {\r\n    margin-top: 12px;\r\n    text-align: center;\r\n    font-size: 11px;\r\n    color: #777;\r\n}\r\n\r\n\/* M\u00d3VIL *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .obrashare-contacto {\r\n        padding: 45px 18px 55px;\r\n    }\r\n\r\n    .obrashare-contacto-card {\r\n        padding: 24px 18px;\r\n    }\r\n\r\n    .obrashare-contacto-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .obrashare-contacto-field.full {\r\n        grid-column: auto;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"contacto\" class=\"obrashare-contacto\">\r\n\r\n    <!-- MENSAJE DE CONFIRMACI\u00d3N -->\r\n    <div id=\"obrashare-contacto-status\"><\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n\r\n        const box = document.getElementById('obrashare-contacto-status');\r\n        const form = document.getElementById('obrashare-contacto-form');\r\n\r\n        if (!box || !form) return;\r\n\r\n        \/* Mensaje despu\u00e9s de enviar *\/\r\n        if (sessionStorage.getItem('obrashare_contacto_enviado') === '1') {\r\n\r\n            box.innerHTML = `\r\n                <div style=\"\r\n                    margin: 0 auto 24px;\r\n                    max-width: 760px;\r\n                    padding: 16px 18px;\r\n                    border: 1px solid #cfe0d3;\r\n                    border-radius: 10px;\r\n                    background: #f2f7f3;\r\n                    color: #244d32;\r\n                    font-family: Montserrat, Arial, sans-serif;\r\n                    text-align: center;\r\n                    font-size: 14px;\r\n                    line-height: 1.6;\r\n                \">\r\n                    <strong>\u00a1Mensaje enviado correctamente!<\/strong><br>\r\n                    Gracias por contactarnos. Hemos recibido tu mensaje\r\n                    y te responderemos lo antes posible.\r\n                <\/div>\r\n            `;\r\n\r\n            sessionStorage.removeItem('obrashare_contacto_enviado');\r\n        }\r\n\r\n        \/* Recordamos que el formulario ha sido enviado *\/\r\n        form.addEventListener('submit', function () {\r\n            sessionStorage.setItem('obrashare_contacto_enviado', '1');\r\n        });\r\n\r\n    });\r\n    <\/script>\r\n\r\n\r\n    <div class=\"obrashare-contacto-header\">\r\n\r\n        <h2>Contacto<\/h2>\r\n\r\n        <p>\r\n            \u00bfTienes alguna consulta sobre ObraShare?\r\n            Env\u00edanos un mensaje y te responderemos lo antes posible.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"obrashare-contacto-card\">\r\n\r\n        <form\r\n            action=\"\/wp-admin\/admin-post.php\"\r\n            method=\"POST\"\r\n            id=\"obrashare-contacto-form\">\r\n\r\n            <input\r\n                type=\"hidden\"\r\n                name=\"action\"\r\n                value=\"obrashare_contact_submit\">\r\n\r\n\r\n            <div class=\"obrashare-contacto-grid\">\r\n\r\n                <div class=\"obrashare-contacto-field\">\r\n                    <label>Nombre<\/label>\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"Nombre\"\r\n                        placeholder=\"Tu nombre\"\r\n                        required>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"obrashare-contacto-field\">\r\n                    <label>Apellidos<\/label>\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"Apellidos\"\r\n                        placeholder=\"Tus apellidos\"\r\n                        required>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"obrashare-contacto-field full\">\r\n                    <label>Correo electr\u00f3nico<\/label>\r\n                    <input\r\n                        type=\"email\"\r\n                        name=\"Email\"\r\n                        placeholder=\"tu@email.com\"\r\n                        required>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"obrashare-contacto-field full\">\r\n\r\n                    <label>Asunto<\/label>\r\n\r\n                    <select\r\n                        name=\"Asunto\"\r\n                        required>\r\n\r\n                        <option value=\"\">\r\n                            Selecciona una opci\u00f3n\r\n                        <\/option>\r\n\r\n                        <option value=\"Ayuda con una solicitud\">\r\n                            Ayuda con una solicitud\r\n                        <\/option>\r\n\r\n                        <option value=\"Profesionales y colaboraci\u00f3n\">\r\n                            Profesionales y colaboraci\u00f3n\r\n                        <\/option>\r\n\r\n                        <option value=\"Consulta general\">\r\n                            Consulta general\r\n                        <\/option>\r\n\r\n                        <option value=\"Otro\">\r\n                            Otro\r\n                        <\/option>\r\n\r\n                    <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"obrashare-contacto-field full\">\r\n\r\n                    <label>Mensaje<\/label>\r\n\r\n                    <textarea\r\n                        name=\"Mensaje\"\r\n                        placeholder=\"Cu\u00e9ntanos brevemente en qu\u00e9 podemos ayudarte\"\r\n                        required><\/textarea>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <label class=\"obrashare-contacto-privacidad\">\r\n\r\n                <input\r\n                    type=\"checkbox\"\r\n                    name=\"Privacidad\"\r\n                    required>\r\n\r\n                <span>\r\n               He le\u00eddo y acepto la <a href=\"\/politica-de-privacidad\/\" target=\"_blank\">Pol\u00edtica de Privacidad<\/a> y autorizo el tratamiento de mis datos para responder a mi consulta.\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"obrashare-contacto-btn\">\r\n\r\n                ENVIAR MENSAJE\r\n\r\n            <\/button>\r\n\r\n\r\n            <div class=\"obrashare-contacto-nota\">\r\n                Tus datos se utilizar\u00e1n \u00fanicamente para responder a tu consulta.\r\n            <\/div>\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\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>Inicio Servicios C\u00f3mo funciona Sobre nosotros Contacto CALCULA TU REFORMA Encuentra profesionales de confianza para tu reforma Conecta con profesionales de confianza para hacer realidad la reforma que imaginas, con tranquilidad y al mejor precio. CALCULA TU REFORMA Profesionales verificados Trabajamos solo con expertos de confianza. Presupuestos claros Recibe varias propuestas sin compromiso. Ahorra tiempo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":226,"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/pages\/62\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/obrashare.es\/en\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}