{"id":93864,"date":"2026-10-12T19:19:45","date_gmt":"2026-10-12T17:19:45","guid":{"rendered":"https:\/\/puntohabitat.es\/espai-sant-joan\/"},"modified":"2026-10-15T11:31:38","modified_gmt":"2026-10-15T09:31:38","slug":"espai-sant-joan","status":"publish","type":"page","link":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/","title":{"rendered":"Espai Sant Joan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"93864\" class=\"elementor elementor-93864 elementor-93784\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c23734e e-con e-atomic-element e-flexbox-base e-default-div e-0a3ccb2 \" data-id=\"c23734e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c23734e\" data-e-type=\"e-flexbox\" data-id=\"c23734e\">\n    \t\t<div class=\"elementor-element elementor-element-3777521 elementor-widget elementor-widget-html\" data-id=\"3777521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nPUNTO HABITAT \u00b7 ESPAI SANT JOAN \u00b7 CATAL\u00c0\r\nBloc complet per al camp HTML de la traducci\u00f3 catalana.\r\nT\u00edtol: Espai Sant Joan\r\nT\u00edtol SEO: Espai Sant Joan | Oficina de PUNTO HABITAT a Barcelona\r\nMetadescripci\u00f3: Espai Sant Joan, oficina de PUNTO HABITAT al passeig de Sant Joan, 150. Venda, lloguer i gesti\u00f3 de pisos a tot Barcelona.\r\nURL: https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/\r\nEls noms dels camps, els valors de les opcions i l\u2019origen intern es mantenen\r\ncompatibles amb el receptor PHP compartit. Els textos visibles s\u00f3n en catal\u00e0.\r\n-->\r\n\r\n<style>\r\n#ph-santjoan{\r\n  --tinta:#242923;\r\n  --texto:#565e53;\r\n  --marca:#8b6d38;\r\n  --fondo:#faf9f6;\r\n  --linea:#deded5;\r\n  --dorado:#dfc68e;\r\n  --oscuro:#242923;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  color:var(--texto);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n  background:#fff;\r\n  width:100%;\r\n}\r\n#ph-santjoan,#ph-santjoan *{box-sizing:border-box}\r\n#ph-santjoan h1,#ph-santjoan h2,#ph-santjoan h3,#ph-santjoan p{margin:0}\r\n#ph-santjoan h1,#ph-santjoan h2,#ph-santjoan h3{\r\n  font-family:inherit;\r\n  color:var(--tinta);\r\n  font-weight:500;\r\n  line-height:1.2;\r\n  letter-spacing:-.035em;\r\n}\r\n#ph-santjoan h1{\r\n  font-size:clamp(24px,2.6vw,34px);\r\n  margin:0 0 18px;\r\n}\r\n#ph-santjoan h2{\r\n  font-size:clamp(34px,3.5vw,52px);\r\n  line-height:1.12;\r\n  letter-spacing:-.045em;\r\n  margin-bottom:18px;\r\n}\r\n#ph-santjoan h3{font-size:23px;margin:20px 0 10px}\r\n#ph-santjoan a{color:var(--tinta)}\r\n#ph-santjoan a,\r\n#ph-santjoan a:hover,\r\n#ph-santjoan a:focus,\r\n#ph-santjoan a:active,\r\n#ph-santjoan a *{\r\n  text-decoration:none!important;\r\n  box-shadow:none;\r\n}\r\n#ph-santjoan a[href^=\"tel:\"],\r\n#ph-santjoan a[href^=\"mailto:\"]{\r\n  border-bottom:0!important;\r\n  background-image:none!important;\r\n}\r\n#ph-santjoan a[href^=\"tel:\"]::after,\r\n#ph-santjoan a[href^=\"mailto:\"]::after{\r\n  display:none!important;\r\n}\r\n#ph-santjoan a:focus-visible,\r\n#ph-santjoan button:focus-visible{\r\n  outline:2px solid #9d8149;\r\n  outline-offset:4px;\r\n}\r\n#ph-santjoan .ph-wrap{\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n  padding:0 48px;\r\n}\r\n#ph-santjoan .ph-eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:var(--marca);\r\n  margin-bottom:22px;\r\n}\r\n#ph-santjoan .ph-eyebrow::before{content:'';width:36px;height:1px;flex:0 0 36px;background:currentColor}\r\n#ph-santjoan .ph-hero{\r\n  background:var(--fondo);\r\n  padding:64px 0;\r\n}\r\n#ph-santjoan .ph-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);\r\n  gap:56px;\r\n  align-items:center;\r\n}\r\n#ph-santjoan .ph-hero-copy{min-width:0}\r\n#ph-santjoan .ph-lead{\r\n  font-size:21px;\r\n  max-width:500px;\r\n}\r\n#ph-santjoan .ph-photo{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  aspect-ratio:4\/3;\r\n  object-fit:cover;\r\n  border-radius:18px;\r\n}\r\n#ph-santjoan .ph-hero .ph-photo{aspect-ratio:1920\/1441;object-fit:contain}\r\n#ph-santjoan .ph-team .ph-photo{aspect-ratio:1672\/941;object-fit:contain}\r\n#ph-santjoan .ph-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:28px;\r\n}\r\n#ph-santjoan .ph-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  min-height:52px;\r\n  padding:14px 22px;\r\n  border:1px solid var(--dorado);\r\n  border-radius:999px;\r\n  background:var(--dorado);\r\n  color:var(--tinta);\r\n  font:600 16px\/1.4 Arial,Helvetica,sans-serif;\r\n  cursor:pointer;\r\n  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;\r\n}\r\n#ph-santjoan .ph-btn:hover,\r\n#ph-santjoan .ph-btn:focus-visible{\r\n  background:var(--tinta);\r\n  border-color:var(--tinta);\r\n  color:#fff;\r\n  box-shadow:0 6px 18px rgba(98,86,68,.2);\r\n}\r\n#ph-santjoan .ph-btn-outline{\r\n  background:transparent;\r\n  border-color:#b9bfb2;\r\n  color:var(--tinta);\r\n}\r\n#ph-santjoan .ph-btn-outline:hover,\r\n#ph-santjoan .ph-btn-outline:focus-visible{\r\n  background:var(--tinta);\r\n  border-color:var(--tinta);\r\n  color:#fff;\r\n}\r\n#ph-santjoan .ph-small{\r\n  font-size:14px;\r\n  color:var(--marca);\r\n  margin-top:22px;\r\n}\r\n#ph-santjoan .ph-contact{padding:88px 0;background:var(--oscuro);color:#fff}\r\n#ph-santjoan .ph-contact-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);\r\n  gap:56px;\r\n  align-items:start;\r\n}\r\n#ph-santjoan .ph-contact-info{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:28px;\r\n  min-width:0;\r\n}\r\n#ph-santjoan .ph-contact-details{min-width:0}\r\n#ph-santjoan .ph-contact-grid>.ph-card{min-width:0;align-self:start}\r\n#ph-santjoan .ph-contact-heading{max-width:none;margin-bottom:26px}\r\n#ph-santjoan .ph-contact-heading h2{color:#fff;font-size:clamp(36px,3.5vw,50px);margin:0}\r\n#ph-santjoan .ph-contact-info .ph-visit-address{color:#e3e5de;font-size:18px;line-height:1.6;margin-bottom:24px}\r\n#ph-santjoan .ph-contact-info .ph-visit-address strong{color:var(--dorado);font-size:15px;font-weight:600;margin-bottom:10px}\r\n#ph-santjoan .ph-contact-list{\r\n  display:grid;\r\n  gap:18px;\r\n  margin:0 0 26px;\r\n}\r\n#ph-santjoan .ph-contact-row{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  gap:4px;\r\n}\r\n#ph-santjoan .ph-contact-row>span{\r\n  font-size:14px;\r\n  color:#c9cdc3;\r\n}\r\n#ph-santjoan .ph-contact-row a{\r\n  color:#fff;\r\n  font-size:17px;\r\n  font-weight:500;\r\n  text-align:left;\r\n  overflow-wrap:anywhere;\r\n}\r\n#ph-santjoan .ph-contact-row a[href^=\"tel:\"]{font-size:clamp(28px,2.8vw,36px);line-height:1.2;letter-spacing:-.025em}\r\n#ph-santjoan .ph-contact-row a:hover,#ph-santjoan .ph-contact-row a:focus-visible{color:var(--dorado);text-decoration:underline!important;text-underline-offset:5px}\r\n#ph-santjoan .ph-visit-actions{display:flex;flex-wrap:wrap;gap:12px}\r\n#ph-santjoan .ph-contact-info .ph-btn-outline{border-color:#aeb5a7;color:#fff}\r\n#ph-santjoan .ph-contact-info .ph-btn:hover,#ph-santjoan .ph-contact-info .ph-btn:focus-visible{background:#ead7b2;border-color:#ead7b2;color:var(--tinta)}\r\n#ph-santjoan .ph-contact-info a:focus-visible{outline-color:var(--dorado)}\r\n#ph-santjoan .ph-hours{\r\n  margin-top:28px;\r\n  background:var(--fondo);\r\n  padding:24px;\r\n  border-radius:8px;\r\n}\r\n#ph-santjoan .ph-hours h3{\r\n  font-size:19px;\r\n  margin:0 0 14px;\r\n  letter-spacing:-.02em;\r\n}\r\n#ph-santjoan .ph-hours p+p{margin-top:12px}\r\n#ph-santjoan .ph-hours strong{\r\n  display:block;\r\n  font-weight:500;\r\n  color:var(--tinta);\r\n}\r\n#ph-santjoan .ph-card{\r\n  padding:34px;\r\n  border:0;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  color:var(--texto);\r\n  box-shadow:0 20px 60px rgba(0,0,0,.18);\r\n  scroll-margin-top:140px;\r\n}\r\n#ph-santjoan .ph-card h2{\r\n  font-size:30px;\r\n  margin-bottom:12px;\r\n}\r\n#ph-santjoan .ph-card>p{\r\n  margin-bottom:24px;\r\n  font-size:15px;\r\n}\r\n#ph-santjoan form{margin:0;position:relative}\r\n#ph-santjoan .ph-fields{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:18px 16px;\r\n}\r\n#ph-santjoan .ph-field{min-width:0}\r\n#ph-santjoan .ph-full{grid-column:1\/-1}\r\n#ph-santjoan label{\r\n  display:block;\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:var(--tinta);\r\n  margin:0 0 7px;\r\n}\r\n#ph-santjoan input:not([type=\"checkbox\"]),\r\n#ph-santjoan select,\r\n#ph-santjoan textarea{\r\n  display:block;\r\n  width:100%;\r\n  min-width:0;\r\n  min-height:48px;\r\n  margin:0;\r\n  padding:12px 13px;\r\n  border:1px solid #c5c9c0;\r\n  border-radius:3px;\r\n  background-color:#fff;\r\n  color:var(--texto);\r\n  font:400 16px\/1.4 Arial,Helvetica,sans-serif;\r\n  box-shadow:none;\r\n}\r\n#ph-santjoan select{padding-right:30px}\r\n#ph-santjoan textarea{min-height:132px;resize:vertical}\r\n#ph-santjoan input:focus,\r\n#ph-santjoan select:focus,\r\n#ph-santjoan textarea:focus{\r\n  outline:2px solid #ad9c82;\r\n  outline-offset:1px;\r\n  border-color:var(--marca);\r\n}\r\n#ph-santjoan .ph-privacy{\r\n  display:flex;\r\n  gap:10px;\r\n  align-items:flex-start;\r\n  font-weight:400;\r\n  line-height:1.5;\r\n  margin:20px 0;\r\n}\r\n#ph-santjoan .ph-privacy input{\r\n  flex:0 0 auto;\r\n  width:17px;\r\n  height:17px;\r\n  margin:3px 0 0;\r\n  accent-color:var(--marca);\r\n}\r\n#ph-santjoan .ph-privacy a{font-weight:500;text-decoration:underline!important;text-underline-offset:3px}\r\n#ph-santjoan .ph-submit{width:100%;font-size:16px}\r\n#ph-santjoan .ph-submit:disabled{\r\n  opacity:.65;\r\n  cursor:wait;\r\n}\r\n#ph-santjoan .ph-trap{\r\n  position:absolute!important;\r\n  width:1px!important;\r\n  height:1px!important;\r\n  overflow:hidden!important;\r\n  clip-path:inset(50%);\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n#ph-santjoan .ph-status{\r\n  margin-top:16px;\r\n  font-size:14px;\r\n  line-height:1.5;\r\n}\r\n#ph-santjoan .ph-status[data-state=\"error\"]{color:#922d25}\r\n#ph-santjoan .ph-status[data-state=\"success\"]{color:#2e633e}\r\n\r\n#ph-santjoan figure{margin:0}\r\n#ph-santjoan img{max-width:100%}\r\n#ph-santjoan strong{color:var(--tinta);font-weight:600}\r\n#ph-santjoan [id]{scroll-margin-top:120px}\r\n#ph-santjoan .ph-hero-address{margin:20px 0 0;font-size:15px;color:var(--marca)}\r\n#ph-santjoan .ph-hero-phone{margin-top:18px;font-size:15px}\r\n#ph-santjoan .ph-hero-phone a{font-weight:600}\r\n#ph-santjoan figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:var(--marca)}\r\n#ph-santjoan .ph-section{padding:88px 0}\r\n#ph-santjoan .ph-section-head{max-width:840px;margin-bottom:40px}\r\n#ph-santjoan .ph-section-head p:last-child{max-width:670px}\r\n#ph-santjoan .ph-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}\r\n#ph-santjoan .ph-service-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--linea);border-radius:18px;padding:30px;background:#fff;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}\r\n#ph-santjoan .ph-service-card:hover,\r\n#ph-santjoan .ph-service-card:focus-within{background:#f1ede5;border-color:var(--marca);box-shadow:0 10px 26px rgba(98,86,68,.14);transform:translateY(-3px)}\r\n#ph-santjoan .ph-service-card:hover .ph-text-link,\r\n#ph-santjoan .ph-service-card:focus-within .ph-text-link{color:#493f33;text-decoration:underline!important;text-underline-offset:4px}\r\n#ph-santjoan .ph-service-number{font-size:12px;letter-spacing:.12em;color:var(--marca)}\r\n#ph-santjoan .ph-service-card h3{font-size:24px;margin:18px 0 14px}\r\n#ph-santjoan .ph-service-card p{margin-bottom:22px}\r\n#ph-santjoan .ph-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;color:var(--marca)}\r\n#ph-santjoan .ph-text-link:hover,\r\n#ph-santjoan .ph-text-link:focus-visible{color:#493f33;text-decoration:underline!important;text-underline-offset:4px}\r\n#ph-santjoan .ph-service-card .ph-text-link{margin-top:auto;align-self:flex-start}\r\n#ph-santjoan .ph-first-step{background:#f0e9dd;border-top:1px solid #e4d9c4;border-bottom:1px solid #e4d9c4}\r\n#ph-santjoan .ph-local-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}\r\n#ph-santjoan .ph-local-grid p+p{margin-top:18px}\r\n#ph-santjoan .ph-local-note{padding:26px 28px;border-left:2px solid var(--marca);background:var(--fondo);border-radius:0 8px 8px 0}\r\n#ph-santjoan .ph-first-step .ph-local-note{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(36,41,35,.06)}\r\n#ph-santjoan .ph-local-note h3{font-size:22px;margin:0 0 12px}\r\n#ph-santjoan .ph-local-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px}\r\n#ph-santjoan .ph-team{background:var(--fondo)}\r\n#ph-santjoan .ph-team-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}\r\n#ph-santjoan .ph-team-copy p+p{margin-top:18px}\r\n#ph-santjoan address{font-style:normal;font-size:17px;line-height:1.65}\r\n#ph-santjoan .ph-visit-address{margin:0 0 18px}\r\n#ph-santjoan .ph-visit-address strong{display:block;margin-bottom:6px;font-size:18px}\r\n#ph-santjoan .ph-contact-info .ph-hours{margin:0;padding:24px;border:1px solid #ffffff30;border-radius:16px;background:#ffffff0c;color:#fff}\r\n#ph-santjoan .ph-contact-info .ph-hours h3{color:#fff}\r\n#ph-santjoan .ph-contact-info .ph-hours strong{color:var(--dorado)}\r\n#ph-santjoan .ph-contact-info .ph-visit-note{margin:18px 0 0;padding-top:16px;border-top:1px solid #ffffff30;color:#e3e5de;font-size:14px}\r\n#ph-santjoan .ph-hours-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}\r\n#ph-santjoan .ph-hours-grid p,#ph-santjoan .ph-hours-grid p+p{margin:0}\r\n#ph-santjoan .ph-hours-grid strong{margin-bottom:6px;font-size:15px}\r\n#ph-santjoan .ph-hours-grid span{display:block;font-size:16px}\r\n#ph-santjoan .ph-property-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px;margin-top:36px;padding:26px 0 0;border-top:1px solid #ffffff30}\r\n#ph-santjoan .ph-property-links p{max-width:420px;font-size:15px;color:#e3e5de}\r\n#ph-santjoan .ph-property-links strong{color:#fff}\r\n#ph-santjoan .ph-property-links nav{display:flex;flex-wrap:wrap;gap:12px}\r\n#ph-santjoan .ph-property-links .ph-btn-outline{color:#fff;border-color:#aeb5a7}\r\n#ph-santjoan .ph-property-links .ph-btn-outline:hover,#ph-santjoan .ph-property-links .ph-btn-outline:focus-visible{background:var(--dorado);border-color:var(--dorado);color:var(--tinta)}\r\n#ph-santjoan .ph-privacy input{appearance:auto;-webkit-appearance:checkbox;position:static;opacity:1;visibility:visible;clip-path:none;pointer-events:auto}\r\n#ph-santjoan .ph-faq{background:var(--fondo)}\r\n#ph-santjoan .ph-faq-list{border-top:1px solid var(--linea)}\r\n#ph-santjoan .ph-faq-list details{margin:0;padding:0;border:0;border-bottom:1px solid var(--linea);border-radius:0;background:transparent;box-shadow:none}\r\n#ph-santjoan .ph-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:78px;padding:22px 0;list-style:none;cursor:pointer;color:var(--tinta);font:500 20px\/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.02em}\r\n#ph-santjoan .ph-faq-list summary::-webkit-details-marker{display:none}\r\n#ph-santjoan .ph-faq-list summary::marker{content:''}\r\n#ph-santjoan .ph-faq-list summary::before{content:none}\r\n#ph-santjoan .ph-faq-list summary::after{content:'+';flex:0 0 24px;font-size:27px;font-weight:400;line-height:1;text-align:center;color:var(--marca)}\r\n#ph-santjoan .ph-faq-list details[open] summary::after{content:'\u2212'}\r\n#ph-santjoan .ph-faq-list summary:hover{color:var(--marca)}\r\n#ph-santjoan .ph-faq-list summary:focus-visible{outline:2px solid #9d8149;outline-offset:4px}\r\n#ph-santjoan .ph-faq-answer{max-width:870px;padding:0 46px 24px 0;font-size:16px}\r\n#ph-santjoan .ph-faq-answer a{font-weight:600}\r\n#ph-santjoan .ph-bottom{padding:30px 0;font-size:15px}\r\n#ph-santjoan .ph-bottom .ph-wrap{text-align:center}\r\n#ph-santjoan .ph-bottom p{margin:0}\r\n#ph-santjoan .ph-sibling-link{color:var(--marca);font-weight:600;text-decoration:underline!important;text-underline-offset:4px;transition:color .2s}\r\n#ph-santjoan .ph-sibling-link:hover,#ph-santjoan .ph-sibling-link:focus-visible{color:#493f33;text-decoration:underline!important}\r\n@media(max-width:1024px){\r\n  #ph-santjoan .ph-wrap{padding:0 32px}\r\n  #ph-santjoan .ph-hero-grid,#ph-santjoan .ph-contact-grid{gap:36px}\r\n  #ph-santjoan .ph-contact,#ph-santjoan .ph-section{padding:68px 0}\r\n  #ph-santjoan .ph-card{padding:28px}\r\n}\r\n@media(max-width:900px){\r\n  #ph-santjoan .ph-hero-grid{gap:30px}\r\n  #ph-santjoan .ph-contact-grid{grid-template-columns:1fr;gap:28px}\r\n  #ph-santjoan .ph-contact-info{gap:24px}\r\n  #ph-santjoan .ph-card{padding:24px}\r\n  #ph-santjoan .ph-fields{grid-template-columns:1fr}\r\n  #ph-santjoan .ph-service-grid{grid-template-columns:1fr;gap:18px}\r\n  #ph-santjoan .ph-service-card{padding:26px}\r\n  #ph-santjoan .ph-local-grid,#ph-santjoan .ph-team-grid{gap:32px}\r\n}\r\n@media(max-width:700px){\r\n  #ph-santjoan .ph-wrap{padding:0 20px}\r\n  #ph-santjoan .ph-hero{padding:40px 0}\r\n  #ph-santjoan .ph-hero h1{font-size:24px}\r\n  #ph-santjoan .ph-hero-grid,#ph-santjoan .ph-contact-grid,\r\n  #ph-santjoan .ph-local-grid,#ph-santjoan .ph-team-grid{grid-template-columns:1fr}\r\n  #ph-santjoan .ph-hero-grid{gap:30px}\r\n  #ph-santjoan .ph-contact,#ph-santjoan .ph-section{padding:56px 0}\r\n  #ph-santjoan .ph-contact-grid{gap:32px}\r\n  #ph-santjoan .ph-card{padding:26px 22px}\r\n  #ph-santjoan .ph-contact-row a{text-align:left}\r\n  #ph-santjoan .ph-lead{font-size:18px}\r\n  #ph-santjoan .ph-section-head{margin-bottom:28px}\r\n  #ph-santjoan .ph-service-card{padding:24px}\r\n  #ph-santjoan .ph-local-note{padding:24px}\r\n  #ph-santjoan .ph-faq-list summary{font-size:19px;min-height:74px;gap:16px}\r\n  #ph-santjoan .ph-faq-answer{padding:0 0 24px}\r\n  #ph-santjoan .ph-property-links{padding:24px 0 0}\r\n  #ph-santjoan .ph-property-links nav{width:100%}\r\n  #ph-santjoan .ph-property-links .ph-btn{flex:1;white-space:nowrap}\r\n  #ph-santjoan .ph-bottom{padding:24px 0}\r\n}\r\n@media(max-width:420px){\r\n  #ph-santjoan .ph-actions .ph-btn{width:100%;justify-content:space-between}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ph-santjoan .ph-btn,#ph-santjoan .ph-service-card,#ph-santjoan .ph-sibling-link{transition:none}\r\n  #ph-santjoan .ph-service-card:hover,#ph-santjoan .ph-service-card:focus-within{transform:none}\r\n}\r\n\r\n\/* Revisi\u00f3n: contacto claro, flechas vectoriales y botones discretos. *\/\r\n#ph-santjoan .ph-btn{border-radius:8px}\r\n#ph-santjoan .ph-arrow{display:inline-block;width:20px;height:20px;min-width:20px;flex:0 0 20px;vertical-align:middle;background:none;fill:none;color:inherit;stroke:currentColor;stroke-width:1.5}\r\n#ph-santjoan .ph-contact{background:#f2eee6;color:var(--texto)}\r\n#ph-santjoan .ph-contact-heading h2{color:var(--tinta)}\r\n#ph-santjoan .ph-contact-info .ph-visit-address{color:var(--texto)}\r\n#ph-santjoan .ph-contact-info .ph-visit-address strong{color:var(--marca)}\r\n#ph-santjoan .ph-contact-row>span{color:var(--texto)}\r\n#ph-santjoan .ph-contact-row a{color:var(--tinta)}\r\n#ph-santjoan .ph-contact-row a:hover{color:var(--marca)}\r\n#ph-santjoan .ph-contact-info .ph-btn-outline{color:var(--tinta);border-color:#a69c8a}\r\n#ph-santjoan .ph-contact-info .ph-hours{background:#fff;color:var(--texto);border-color:#dcd5c8;border-radius:10px}\r\n#ph-santjoan .ph-contact-info .ph-hours h3{color:var(--tinta)}\r\n#ph-santjoan .ph-contact-info .ph-hours strong{color:var(--marca)}\r\n#ph-santjoan .ph-contact-info .ph-visit-note{border-color:#ded6c8;color:var(--texto)}\r\n#ph-santjoan .ph-card{border:1px solid #e0d9cd;box-shadow:0 10px 32px rgba(70,55,32,.07);border-radius:12px}\r\n#ph-santjoan .ph-property-links{border-color:#d8d0c2}\r\n#ph-santjoan .ph-property-links p{color:var(--texto)}\r\n#ph-santjoan .ph-property-links strong{color:var(--tinta)}\r\n#ph-santjoan .ph-property-links .ph-btn-outline{color:var(--tinta);border-color:#a69c8a}\r\n#ph-santjoan .ph-step-ui[hidden],#ph-santjoan .ph-step-ui [hidden],#ph-santjoan .ph-step-hidden{display:none!important}\r\n#ph-santjoan .ph-step-meta{font-size:14px;color:var(--marca);margin-bottom:12px}\r\n#ph-santjoan .ph-step-track{height:3px;background:#e6dfd2;margin-bottom:22px}\r\n#ph-santjoan .ph-step-fill{height:100%;width:50%;background:var(--marca)}\r\n#ph-santjoan .ph-step-nav{display:flex;gap:12px;margin-top:20px}\r\n#ph-santjoan .ph-step-nav .ph-btn{flex:1;min-width:0;justify-content:center}\r\n#ph-santjoan .ph-step-ui:not([hidden])+.ph-submit{margin-top:12px}\r\n@media(max-width:700px){\r\n #ph-santjoan .ph-property-links .ph-btn{flex:1 1 100%;white-space:normal}\r\n #ph-santjoan .ph-contact-row a .ph-arrow{width:18px;height:18px;min-width:18px}\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"ph-santjoan\" lang=\"ca\">\r\n\r\n  <section class=\"ph-hero\" aria-labelledby=\"phs-titulo\">\r\n    <div class=\"ph-wrap ph-hero-grid\">\r\n      <div class=\"ph-hero-copy\">\r\n        <h1 id=\"phs-titulo\">Espai Sant Joan<\/h1>\r\n        <p class=\"ph-lead\">\r\n          T\u2019assessorem en la venda, el lloguer i la gesti\u00f3 del teu habitatge.\r\n        <\/p>\r\n        <p class=\"ph-hero-address\">Passeig de Sant Joan, 150 \u00b7 08037 Barcelona<\/p>\r\n        <div class=\"ph-actions\">\r\n          <a class=\"ph-btn\" href=\"#phs-consulta\">Parlem del teu pis <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/a>\r\n          <a class=\"ph-btn ph-btn-outline\" href=\"https:\/\/goo.gl\/maps\/nDE2Sp2jMrb1juzQA\"\r\n             target=\"_blank\" rel=\"noopener\" aria-label=\"Com arribar a Espai Sant Joan amb Google Maps\">\r\n            Com arribar-hi <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <p class=\"ph-hero-phone\">Tamb\u00e9 ens pots trucar al <a href=\"tel:+34935391410\">93 539 14 10<\/a>.<\/p>\r\n      <\/div>\r\n      <figure>\r\n        <img fetchpriority=\"high\" class=\"ph-photo\"\r\n             src=\"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/09\/oficina-punto-habitat-barcelona.webp\"\r\n             alt=\"Interior d\u2019Espai Sant Joan, l\u2019oficina de PUNTO HABITAT al passeig de Sant Joan, 150.\"\r\n             width=\"1920\" height=\"1441\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" data-no-lazy=\"1\">\r\n        <figcaption>Interior d\u2019Espai Sant Joan \u00b7 Passeig de Sant Joan, 150<\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ph-section\" aria-labelledby=\"phs-servicios\">\r\n    <div class=\"ph-wrap\">\r\n      <div class=\"ph-section-head\">\r\n        <p class=\"ph-eyebrow\">Els nostres serveis<\/p>\r\n        <h2 id=\"phs-servicios\">Qu\u00e8 necessites fer amb el teu pis?<\/h2>\r\n        <p>\r\n          Serveis de venda, lloguer i gesti\u00f3 de pisos a tot Barcelona. Descobreix com treballem en cada cas.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"ph-service-grid\">\r\n        <article class=\"ph-service-card\">\r\n          <span class=\"ph-service-number\" aria-hidden=\"true\">01<\/span>\r\n          <h3>Vendre el teu pis<\/h3>\r\n          <p>\r\n            Comencem per con\u00e8ixer l\u2019habitatge i els teus terminis. T\u2019acompanyem en la valoraci\u00f3, la preparaci\u00f3, les visites i la negociaci\u00f3, fins a la signatura. Tindr\u00e0s un equip a qui consultar durant tot el proc\u00e9s.\r\n          <\/p>\r\n          <a class=\"ph-text-link\" href=\"https:\/\/puntohabitat.es\/ca\/vendre-pis-barcelona\/\">\r\n            Com gestionem la venda <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n        <article class=\"ph-service-card\">\r\n          <span class=\"ph-service-number\" aria-hidden=\"true\">02<\/span>\r\n          <h3>Llogar el teu pis<\/h3>\r\n          <p>\r\n            T\u2019ajudem a preparar l\u2019habitatge, anunciar-lo, atendre les persones interessades i formalitzar el lloguer. Parlarem amb tu sobre el pis i sobre el que necessites com a propietari per organitzar els passos seg\u00fcents.\r\n          <\/p>\r\n          <a class=\"ph-text-link\" href=\"https:\/\/puntohabitat.es\/ca\/llogar-el-teu-pis-a-barcelona\/\">\r\n            Posar el meu pis de lloguer <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n        <article class=\"ph-service-card\">\r\n          <span class=\"ph-service-number\" aria-hidden=\"true\">03<\/span>\r\n          <h3>Gestionar el lloguer<\/h3>\r\n          <p>\r\n            Si busques suport durant l\u2019arrendament, podem parlar del seguiment del lloguer i de l\u2019atenci\u00f3 de les incid\u00e8ncies. Ens pots consultar tant si ja tens llogater com si est\u00e0s preparant el pr\u00f2xim lloguer.\r\n          <\/p>\r\n          <a class=\"ph-text-link\" href=\"https:\/\/puntohabitat.es\/ca\/gestio-de-lloguer\/\">\r\n            Con\u00e8ixer el servei de gesti\u00f3 <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ph-section ph-first-step\" aria-labelledby=\"phs-primeros-pasos\">\r\n    <div class=\"ph-wrap ph-local-grid\">\r\n      <div>\r\n        <p class=\"ph-eyebrow\">El primer pas<\/p>\r\n        <h2 id=\"phs-primeros-pasos\">El teu habitatge, els teus terminis i les teves prioritats<\/h2>\r\n        <p>\r\n          Abans de proposar-te un servei, volem entendre qu\u00e8 necessites. Si est\u00e0s pensant a vendre, parlarem de l\u2019habitatge i dels teus terminis. Si el vols llogar o necessites ajuda amb la seva gesti\u00f3, partirem de la situaci\u00f3 actual.\r\n        <\/p>\r\n        <p>\r\n          En el primer contacte ens pots explicar on \u00e9s el pis, si est\u00e0 ocupat i qu\u00e8 t\u2019agradaria fer. T\u2019orientarem sobre els passos seg\u00fcents i sobre la informaci\u00f3 que conv\u00e9 reunir per valorar el teu cas.\r\n        <\/p>\r\n      <\/div>\r\n      <aside class=\"ph-local-note\" aria-label=\"Com iniciar la teva consulta\">\r\n        <h3>Parlem del teu cas<\/h3>\r\n        <p>\r\n          No cal que tinguis totes les decisions preses per contactar amb nosaltres. Explica\u2019ns quins dubtes tens sobre el teu habitatge i quina forma de contacte et resulta m\u00e9s c\u00f2moda.\r\n        <\/p>\r\n        <nav class=\"ph-local-links\" aria-label=\"Contactar amb Espai Sant Joan\">\r\n          <a class=\"ph-text-link\" href=\"#phs-consulta\">\r\n            Enviar una consulta <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n          <a class=\"ph-text-link\" href=\"tel:+34935391410\">\r\n            Trucar a l\u2019oficina <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/nav>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ph-section ph-team\" aria-labelledby=\"phs-equipo\">\r\n    <div class=\"ph-wrap ph-team-grid\">\r\n      <figure>\r\n        <img loading=\"lazy\" class=\"ph-photo\"\r\n             src=\"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/Equipo-de-PUNTO-HABITAT-en-su-oficina-de-Barcelona.webp\"\r\n             alt=\"Equip de PUNTO HABITAT en una de les seves oficines de Barcelona.\"\r\n             width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\">\r\n        <figcaption>L\u2019equip de PUNTO HABITAT.<\/figcaption>\r\n      <\/figure>\r\n      <div class=\"ph-team-copy\">\r\n        <p class=\"ph-eyebrow\">Tracte personal<\/p>\r\n        <h2 id=\"phs-equipo\">L\u2019equip de PUNTO HABITAT<\/h2>\r\n        <p>\r\n          T\u2019acompanyem durant la venda, el lloguer i la gesti\u00f3 del teu habitatge, amb informaci\u00f3 clara sobre cada pas i les gestions que fem.\r\n        <\/p>\r\n        <div class=\"ph-actions\">\r\n          <a class=\"ph-btn ph-btn-outline\" href=\"#phs-consulta\">\r\n            Explica\u2019ns el teu cas <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ph-contact\" aria-labelledby=\"phs-visita\">\r\n    <div class=\"ph-wrap\">\r\n      <div class=\"ph-contact-grid\">\r\n        <div class=\"ph-contact-info\">\r\n          <div class=\"ph-contact-details\">\r\n            <div class=\"ph-contact-heading\">\r\n              <h2 id=\"phs-visita\">Parlem a la nostra oficina<\/h2>\r\n            <\/div>\r\n            <address class=\"ph-visit-address\">\r\n              <strong>PUNTO HABITAT \u00b7 Espai Sant Joan<\/strong>\r\n              Passeig de Sant Joan, 150<br>\r\n              08037 Barcelona\r\n            <\/address>\r\n            <div class=\"ph-contact-list\">\r\n              <div class=\"ph-contact-row\">\r\n                <span>Tel\u00e8fon de l\u2019oficina<\/span>\r\n                <a href=\"tel:+34935391410\">93 539 14 10 <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/a>\r\n              <\/div>\r\n              <div class=\"ph-contact-row\">\r\n                <span>Correu electr\u00f2nic<\/span>\r\n                <a href=\"mailto:info@puntohabitat.es\">info@puntohabitat.es <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <nav class=\"ph-visit-actions\" aria-label=\"Visitar o contactar amb Espai Sant Joan\">\r\n              <a class=\"ph-btn\"\r\n                 href=\"https:\/\/wa.me\/34615776631?text=Hola%2C%20vull%20contactar%20amb%20PUNTO%20HABITAT%20sobre%20un%20habitatge.\"\r\n                 target=\"_blank\" rel=\"noopener\">\r\n                WhatsApp <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n              <\/a>\r\n              <a class=\"ph-btn ph-btn-outline\" href=\"https:\/\/goo.gl\/maps\/nDE2Sp2jMrb1juzQA\"\r\n                 target=\"_blank\" rel=\"noopener\" aria-label=\"Veure com arribar a Espai Sant Joan amb Google Maps\">\r\n                Com arribar-hi <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n              <\/a>\r\n            <\/nav>\r\n          <\/div>\r\n\r\n          <div class=\"ph-hours\">\r\n            <h3>Horari de l\u2019oficina<\/h3>\r\n            <div class=\"ph-hours-grid\">\r\n              <p><strong>De dilluns a dijous<\/strong><span>9:00\u201314:00<\/span><span>16:00\u201319:00<\/span><\/p>\r\n              <p><strong>Divendres<\/strong><span>9:00\u201314:00<\/span><\/p>\r\n            <\/div>\r\n            <p class=\"ph-visit-note\">Pots venir directament, sense cita pr\u00e8via.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ph-card\" id=\"phs-consulta\">\r\n          <h2 id=\"phs-form-title\">Envia\u2019ns la teva consulta<\/h2>\r\n          <p>Explica\u2019ns qu\u00e8 necessites i ens posarem en contacte amb tu.<\/p>\r\n        <form\r\n          id=\"phs-form\"\r\n          method=\"post\"\r\n          action=\"\/wp-admin\/admin-ajax.php\"\r\n          aria-labelledby=\"phs-form-title\"\r\n        >\r\n          <input\r\n            type=\"hidden\"\r\n            name=\"action\"\r\n            value=\"phc_enviar_v1\"\r\n          >\r\n          <input\r\n            type=\"hidden\"\r\n            name=\"origen\"\r\n            value=\"Oficina Espai Sant Joan\"\r\n          >\r\n\r\n          <div class=\"ph-step-ui ph-step-progress\" hidden>\r\n            <p class=\"ph-step-meta\" role=\"status\" aria-live=\"polite\">Pas <span class=\"ph-step-number\">1<\/span> de 2 \u00b7 <span class=\"ph-step-label\">La teva consulta<\/span><\/p>\r\n            <div class=\"ph-step-track\" aria-hidden=\"true\"><div class=\"ph-step-fill\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"ph-fields\">\r\n\r\n            <div class=\"ph-field\" data-ph-step=\"2\">\r\n              <label for=\"phs-nombre\">Nom *<\/label>\r\n              <input\r\n                id=\"phs-nombre\"\r\n                name=\"nombre\"\r\n                type=\"text\"\r\n                autocomplete=\"name\"\r\n                placeholder=\"El teu nom\"\r\n                maxlength=\"100\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"ph-field\" data-ph-step=\"2\">\r\n              <label for=\"phs-email\">Correu electr\u00f2nic *<\/label>\r\n              <input\r\n                id=\"phs-email\"\r\n                name=\"email\"\r\n                type=\"email\"\r\n                autocomplete=\"email\"\r\n                placeholder=\"tu@email.com\"\r\n                maxlength=\"254\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"ph-field\" data-ph-step=\"2\">\r\n              <label for=\"phs-telefono\">Tel\u00e8fon<\/label>\r\n              <input\r\n                id=\"phs-telefono\"\r\n                name=\"telefono\"\r\n                type=\"tel\"\r\n                autocomplete=\"tel\"\r\n                placeholder=\"El teu tel\u00e8fon\"\r\n                maxlength=\"30\"\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"ph-field\" data-ph-step=\"1\">\r\n              <label for=\"phs-tipo\">Qu\u00e8 necessites? *<\/label>\r\n              <select id=\"phs-tipo\" name=\"consulta\" required>\r\n                <option value=\"\">Selecciona una opci\u00f3<\/option>\r\n                <option value=\"Vender mi piso\">Vendre el meu pis<\/option>\r\n                <option value=\"Alquilar mi piso\">Llogar el meu pis<\/option>\r\n                <option value=\"Comprar piso\">Comprar un pis<\/option>\r\n                <option value=\"Alquilar piso\">Llogar un pis<\/option>\r\n                <option value=\"Gesti\u00f3n de alquiler\">Gesti\u00f3 del lloguer<\/option>\r\n                <option value=\"Otra consulta\">Una altra consulta<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"ph-field ph-full\" data-ph-step=\"1\">\r\n              <label for=\"phs-mensaje\">Missatge (opcional)<\/label>\r\n              <textarea\r\n                id=\"phs-mensaje\"\r\n                name=\"mensaje\"\r\n                rows=\"4\"\r\n                placeholder=\"Explica\u2019ns com et podem ajudar\"\r\n                maxlength=\"5000\"\r\n              ><\/textarea>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"ph-trap\" aria-hidden=\"true\">\r\n            <label for=\"phs-website\">Deixa aquest camp buit<\/label>\r\n            <input\r\n              id=\"phs-website\"\r\n              name=\"website\"\r\n              type=\"text\"\r\n              tabindex=\"-1\"\r\n              autocomplete=\"off\"\r\n            >\r\n          <\/div>\r\n\r\n          <label class=\"ph-privacy\" for=\"phs-privacidad\" data-ph-step=\"2\">\r\n            <input\r\n              id=\"phs-privacidad\"\r\n              name=\"privacidad\"\r\n              type=\"checkbox\"\r\n              value=\"1\"\r\n              required\r\n            >\r\n            <span>\r\n              He llegit i accepto la\r\n              <a\r\n                href=\"https:\/\/puntohabitat.es\/ca\/politica-de-privacitat\/\"\r\n                target=\"_blank\"\r\n                rel=\"noopener\"\r\n              >pol\u00edtica de privacitat<\/a>.\r\n            <\/span>\r\n          <\/label>\r\n\r\n          <div class=\"ph-step-ui ph-step-nav\" hidden>\r\n            <button class=\"ph-btn ph-btn-outline ph-step-back\" type=\"button\" hidden>Tornar<\/button>\r\n            <button class=\"ph-btn ph-step-next\" type=\"button\">Continuar <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/button>\r\n          <\/div>\r\n          <button class=\"ph-btn ph-submit\" type=\"submit\">\r\n            Enviar consulta\r\n            <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg>\r\n          <\/button>\r\n\r\n          <p\r\n            class=\"ph-status\"\r\n            role=\"status\"\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          ><\/p>\r\n\r\n          <noscript>\r\n            <p>\r\n              Activa JavaScript per enviar el formulari o truca\u2019ns al 93 539 14 10.\r\n            <\/p>\r\n          <\/noscript>\r\n        <\/form>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ph-property-links\">\r\n        <p><strong>Busques un habitatge?<\/strong> Consulta els nostres pisos disponibles.<\/p>\r\n        <nav aria-label=\"Habitatges disponibles\">\r\n          <a class=\"ph-btn ph-btn-outline\" href=\"https:\/\/puntohabitat.es\/ca\/pisos-venda-barcelona\/\">Pisos en venda <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/a>\r\n          <a class=\"ph-btn ph-btn-outline\" href=\"https:\/\/puntohabitat.es\/ca\/propietats-en-lloguer\/\">Pisos de lloguer <svg class=\"ph-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 19 19 5M5 5h14v14\"\/><\/svg><\/a>\r\n        <\/nav>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"ph-section ph-faq\" aria-labelledby=\"phs-preguntas\">\r\n    <div class=\"ph-wrap\">\r\n      <div class=\"ph-section-head\">\r\n        <h2 id=\"phs-preguntas\">Preguntes freq\u00fcents<\/h2>\r\n      <\/div>\r\n      <div class=\"ph-faq-list\">\r\n        <details>\r\n          <summary>He de reservar cita abans de venir a l\u2019oficina?<\/summary>\r\n          <div class=\"ph-faq-answer\">\r\n            <p>\r\n              No cal. Pots venir directament dins del nostre horari d\u2019atenci\u00f3 i t\u2019atendrem.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>On \u00e9s Espai Sant Joan i com hi puc arribar?<\/summary>\r\n          <div class=\"ph-faq-answer\">\r\n            <p>\r\n              L\u2019oficina \u00e9s al passeig de Sant Joan, 150, 08037 Barcelona. Pots obrir <a href=\"https:\/\/goo.gl\/maps\/nDE2Sp2jMrb1juzQA\" target=\"_blank\" rel=\"noopener\">la ubicaci\u00f3 a Google Maps<\/a>\r\n              per consultar el recorregut des d\u2019on siguis. Si tens dubtes abans de venir, truca\u2019ns al <a href=\"tel:+34935391410\">93 539 14 10<\/a>.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Quina difer\u00e8ncia hi ha entre llogar el meu pis i contractar-ne la gesti\u00f3?<\/summary>\r\n          <div class=\"ph-faq-answer\">\r\n            <p>\r\n              El servei de lloguer se centra a preparar la comercialitzaci\u00f3, trobar llogater i formalitzar l\u2019arrendament. La gesti\u00f3 ofereix acompanyament durant el lloguer. Explica\u2019ns si l\u2019habitatge ja est\u00e0 llogat i t\u2019explicarem l\u2019abast del servei que necessites.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Com puc concertar una cita si ho prefereixo?<\/summary>\r\n          <div class=\"ph-faq-answer\">\r\n            <p>\r\n              Pots trucar a l\u2019oficina, escriure\u2019ns per WhatsApp o fer servir el formulari. Indica\u2019ns el motiu de la consulta i quan t\u2019aniria b\u00e9 parlar. Contactarem amb tu per concretar la cita.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ph-bottom\">\r\n    <div class=\"ph-wrap\">\r\n      <p>Tamb\u00e9 ens pots visitar a <a class=\"ph-sibling-link\" href=\"https:\/\/puntohabitat.es\/ca\/espai-gaudi\/\">Espai Gaud\u00ed<\/a>.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n  const form = document.getElementById('phs-form');\r\n  if (!form || form.dataset.ready) return;\r\n\r\n  form.dataset.ready = '1';\r\n\r\n  const button = form.querySelector('button[type=\"submit\"]');\r\n  const status = form.querySelector('.ph-status');\r\n  const buttonHTML = button.innerHTML;\r\n  const serverMessages = {\"Gracias. Tu consulta se ha enviado correctamente.\": \"Gr\u00e0cies. La teva consulta s\u2019ha enviat correctament.\", \"Solicitud no v\u00e1lida.\": \"Sol\u00b7licitud no v\u00e0lida.\", \"Actualiza la p\u00e1gina e int\u00e9ntalo de nuevo.\": \"Actualitza la p\u00e0gina i torna-ho a provar.\", \"No se ha podido validar el formulario.\": \"No s\u2019ha pogut validar el formulari.\", \"Revisa los campos obligatorios y acepta la pol\u00edtica de privacidad.\": \"Revisa els camps obligatoris i accepta la pol\u00edtica de privacitat.\", \"Has realizado varios env\u00edos. Espera unos minutos o ll\u00e1manos.\": \"Has fet diversos enviaments. Espera uns minuts o truca\u2019ns.\", \"No se ha podido enviar. Int\u00e9ntalo m\u00e1s tarde o ll\u00e1manos al 93 539 14 10.\": \"No s\u2019ha pogut enviar. Torna-ho a provar m\u00e9s tard o truca\u2019ns al 93 539 14 10.\"};\r\n  const localMessage = value => serverMessages[value] || 'No s\u2019ha pogut completar l\u2019enviament. Torna-ho a provar o truca\u2019ns al 93 539 14 10.';\r\n\r\n  let busy = false;\r\n  let requestId = '';\r\n\r\n  \/\/ En m\u00f3vil, dos pasos. Los campos conservan sus nombres y valores originales.\r\n  const mobile = window.matchMedia('(max-width:700px)');\r\n  const stepFields = Array.from(form.querySelectorAll('[data-ph-step]'));\r\n  const progress = form.querySelector('.ph-step-progress');\r\n  const navigation = form.querySelector('.ph-step-nav');\r\n  const next = form.querySelector('.ph-step-next');\r\n  const previous = form.querySelector('.ph-step-back');\r\n  let currentStep = 1;\r\n  form.noValidate = true;\r\n  function showStep(step, focus = false) {\r\n    currentStep = step;\r\n    const compact = mobile.matches;\r\n    progress.hidden = navigation.hidden = !compact;\r\n    previous.hidden = !compact || step === 1;\r\n    next.hidden = !compact || step === 2;\r\n    button.classList.toggle('ph-step-hidden', compact && step === 1);\r\n    form.querySelector('.ph-step-number').textContent = String(step);\r\n    form.querySelector('.ph-step-label').textContent = step === 1 ? 'La teva consulta' : 'Les teves dades de contacte';\r\n    form.querySelector('.ph-step-fill').style.width = step === 1 ? '50%' : '100%';\r\n    stepFields.forEach(wrapper => wrapper.classList.toggle('ph-step-hidden', compact && Number(wrapper.dataset.phStep) !== step));\r\n    if (focus && compact) {\r\n      const wrapper = stepFields.find(node => Number(node.dataset.phStep) === step);\r\n      wrapper?.querySelector('input,select,textarea')?.focus();\r\n    }\r\n  }\r\n  function validateStep(step) {\r\n    for (const wrapper of stepFields.filter(node => Number(node.dataset.phStep) === step)) {\r\n      for (const input of wrapper.querySelectorAll('input,select,textarea')) {\r\n        if (!input.checkValidity()) { input.reportValidity(); return false; }\r\n      }\r\n    }\r\n    return true;\r\n  }\r\n  next.addEventListener('click', () => { if (validateStep(1)) showStep(2, true); });\r\n  previous.addEventListener('click', () => { if (!busy) showStep(1, true); });\r\n  mobile.addEventListener('change', () => showStep(currentStep));\r\n  form.addEventListener('reset', () => showStep(1));\r\n  showStep(1);\r\n\r\n\r\n  const newId = () => Array.from(\r\n    crypto.getRandomValues(new Uint8Array(16)),\r\n    n => n.toString(16).padStart(2, '0')\r\n  ).join('');\r\n\r\n  form.addEventListener('input', () => {\r\n    if (!busy) requestId = '';\r\n  });\r\n\r\n  form.addEventListener('submit', async event => {\r\n    event.preventDefault();\r\n\r\n    if (busy) return;\r\n    if (mobile.matches && currentStep === 1) {\r\n      if (validateStep(1)) showStep(2, true);\r\n      return;\r\n    }\r\n    if (mobile.matches) {\r\n      for (const step of [1, 2]) {\r\n        const invalid = stepFields.filter(node => Number(node.dataset.phStep) === step)\r\n          .flatMap(node => Array.from(node.querySelectorAll('input,select,textarea')))\r\n          .find(input => !input.checkValidity());\r\n        if (invalid) { showStep(step); invalid.reportValidity(); return; }\r\n      }\r\n    } else if (!form.reportValidity()) return;\r\n\r\n    busy = true;\r\n    button.disabled = true;\r\n    next.disabled = previous.disabled = true;\r\n    button.textContent = 'Enviant\u2026';\r\n    status.textContent = '';\r\n    status.removeAttribute('data-state');\r\n    form.setAttribute('aria-busy', 'true');\r\n\r\n    const controller = new AbortController();\r\n    const timeout = setTimeout(() => controller.abort(), 45000);\r\n\r\n    try {\r\n      const endpoint = new URL(\r\n        form.getAttribute('action'),\r\n        location.origin\r\n      );\r\n\r\n      const tokenURL = new URL(endpoint);\r\n      tokenURL.searchParams.set('action', 'phc_token_v1');\r\n      tokenURL.searchParams.set('_', Date.now().toString());\r\n\r\n      const tokenResponse = await fetch(tokenURL, {\r\n        credentials: 'same-origin',\r\n        cache: 'no-store',\r\n        signal: controller.signal\r\n      });\r\n\r\n      const token = await tokenResponse.json();\r\n\r\n      if (\r\n        !tokenResponse.ok ||\r\n        !token.success ||\r\n        !token.data?.token\r\n      ) {\r\n        throw new Error(\r\n          'No s\u2019ha pogut connectar. Torna-ho a provar o truca\u2019ns al 93 539 14 10.'\r\n        );\r\n      }\r\n\r\n      const data = new FormData(form);\r\n      data.set('token', token.data.token);\r\n\r\n      requestId = requestId || newId();\r\n      data.set('solicitud', requestId);\r\n\r\n      const response = await fetch(endpoint, {\r\n        method: 'POST',\r\n        body: data,\r\n        credentials: 'same-origin',\r\n        signal: controller.signal\r\n      });\r\n\r\n      const result = await response.json();\r\n\r\n      if (!response.ok || !result.success) {\r\n        throw new Error(\r\n          localMessage(result.data?.message) ||\r\n          'No s\u2019ha pogut enviar la consulta. Torna-ho a provar.'\r\n        );\r\n      }\r\n\r\n      status.dataset.state = 'success';\r\n      status.textContent = localMessage(result.data.message);\r\n\r\n      form.reset();\r\n      requestId = '';\r\n\r\n    } catch (error) {\r\n      status.dataset.state = 'error';\r\n\r\n      if (error.name === 'AbortError') {\r\n        status.textContent =\r\n          'No hem pogut confirmar l\u2019enviament. Pots tornar-ho a provar o trucar-nos al 93 539 14 10.';\r\n      } else if (\r\n        error instanceof TypeError ||\r\n        error instanceof SyntaxError\r\n      ) {\r\n        status.textContent =\r\n          'No s\u2019ha pogut connectar. Torna-ho a provar o truca\u2019ns al 93 539 14 10.';\r\n      } else {\r\n        status.textContent = error.message;\r\n      }\r\n\r\n    } finally {\r\n      clearTimeout(timeout);\r\n      busy = false;\r\n      button.disabled = false;\r\n      next.disabled = previous.disabled = false;\r\n      button.innerHTML = buttonHTML;\r\n      form.removeAttribute('aria-busy');\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"RealEstateAgent\",\r\n  \"@id\": \"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#oficina\",\r\n  \"name\": \"PUNTO HABITAT \u2013 Espai Sant Joan\",\r\n  \"url\": \"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/\",\r\n  \"image\": \"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/09\/oficina-punto-habitat-barcelona.webp\",\r\n  \"telephone\": \"+34935391410\",\r\n  \"email\": \"info@puntohabitat.es\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"streetAddress\": \"Passeig de Sant Joan, 150\",\r\n    \"postalCode\": \"08037\",\r\n    \"addressLocality\": \"Barcelona\",\r\n    \"addressRegion\": \"Barcelona\",\r\n    \"addressCountry\": \"ES\"\r\n  },\r\n  \"openingHours\": [\r\n    \"Mo-Th 09:00-14:00\",\r\n    \"Mo-Th 16:00-19:00\",\r\n    \"Fr 09:00-14:00\"\r\n  ],\r\n  \"hasMap\": \"https:\/\/goo.gl\/maps\/nDE2Sp2jMrb1juzQA\",\r\n  \"areaServed\": {\r\n    \"@type\": \"City\",\r\n    \"name\": \"Barcelona\"\r\n  }\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Espai Sant Joan T\u2019assessorem en la venda, el lloguer i la gesti\u00f3 del teu habitatge. Passeig de Sant Joan, 150 \u00b7 08037 Barcelona Parlem del teu pis Com arribar-hi Tamb\u00e9 ens pots trucar al 93 539 14 10. Interior d\u2019Espai Sant Joan \u00b7 Passeig de Sant Joan, 150 Els nostres serveis Qu\u00e8 necessites fer amb [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":93795,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-93864","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona<\/title>\n<meta name=\"description\" content=\"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona\" \/>\n<meta property=\"og:description\" content=\"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/\" \/>\n<meta property=\"og:site_name\" content=\"PUNTO HABITAT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/puntohabitat\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T09:31:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/espai-sant-joan-sin-margenes.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"629\" \/>\n\t<meta property=\"og:image:height\" content=\"478\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@puntohabitat\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/\",\"url\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/\",\"name\":\"Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/puntohabitat.es\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/espai-sant-joan-sin-margenes.webp\",\"datePublished\":\"2026-10-12T17:19:45+00:00\",\"dateModified\":\"2026-10-15T09:31:38+00:00\",\"description\":\"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/#primaryimage\",\"url\":\"https:\\\/\\\/puntohabitat.es\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/espai-sant-joan-sin-margenes.webp\",\"contentUrl\":\"https:\\\/\\\/puntohabitat.es\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/espai-sant-joan-sin-margenes.webp\",\"width\":629,\"height\":478,\"caption\":\"Oficina PUNTO HABITAT Passeig de Sant Joan\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/espai-sant-joan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Espai Sant Joan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/\",\"name\":\"PUNTO HABITAT\",\"description\":\"Inmobiliaria Barcelona | Venta y alquiler de pisos Barcelona | Gesti\u00f3n de alquiler\",\"publisher\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#organization\",\"name\":\"PUNTO HABITAT\",\"url\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/puntohabitat.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/icono-apple-ipad-retina.jpg\",\"contentUrl\":\"https:\\\/\\\/puntohabitat.es\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/icono-apple-ipad-retina.jpg\",\"width\":145,\"height\":145,\"caption\":\"PUNTO HABITAT\"},\"image\":{\"@id\":\"https:\\\/\\\/puntohabitat.es\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/puntohabitat\",\"https:\\\/\\\/x.com\\\/puntohabitat\",\"https:\\\/\\\/www.instagram.com\\\/puntohabitat\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/puntohabitat\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/puntohabitatinmobiliariaBarcelona\",\"https:\\\/\\\/www.tiktok.com\\\/@puntohabitat\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona","description":"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/","og_locale":"ca_ES","og_type":"article","og_title":"Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona","og_description":"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.","og_url":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/","og_site_name":"PUNTO HABITAT","article_publisher":"https:\/\/www.facebook.com\/puntohabitat","article_modified_time":"2026-10-15T09:31:38+00:00","og_image":[{"width":629,"height":478,"url":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/espai-sant-joan-sin-margenes.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@puntohabitat","twitter_misc":{"Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/","url":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/","name":"Espai Sant Joan | Oficina a PUNTO HABITAT en Barcelona","isPartOf":{"@id":"https:\/\/puntohabitat.es\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#primaryimage"},"image":{"@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#primaryimage"},"thumbnailUrl":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/espai-sant-joan-sin-margenes.webp","datePublished":"2026-10-12T17:19:45+00:00","dateModified":"2026-10-15T09:31:38+00:00","description":"Espai Sant Joan, oficina de PUNTO HABITAT a Passeig de Sant Joan, 150. Venda, lloguer y gesti\u00f3 de pisos a tota Barcelona.","breadcrumb":{"@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#primaryimage","url":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/espai-sant-joan-sin-margenes.webp","contentUrl":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2026\/10\/espai-sant-joan-sin-margenes.webp","width":629,"height":478,"caption":"Oficina PUNTO HABITAT Passeig de Sant Joan"},{"@type":"BreadcrumbList","@id":"https:\/\/puntohabitat.es\/ca\/espai-sant-joan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/puntohabitat.es\/ca\/"},{"@type":"ListItem","position":2,"name":"Espai Sant Joan"}]},{"@type":"WebSite","@id":"https:\/\/puntohabitat.es\/ca\/#website","url":"https:\/\/puntohabitat.es\/ca\/","name":"PUNTO HABITAT","description":"Inmobiliaria Barcelona | Venta y alquiler de pisos Barcelona | Gesti\u00f3n de alquiler","publisher":{"@id":"https:\/\/puntohabitat.es\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/puntohabitat.es\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/puntohabitat.es\/ca\/#organization","name":"PUNTO HABITAT","url":"https:\/\/puntohabitat.es\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/puntohabitat.es\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2022\/06\/icono-apple-ipad-retina.jpg","contentUrl":"https:\/\/puntohabitat.es\/wp-content\/uploads\/2022\/06\/icono-apple-ipad-retina.jpg","width":145,"height":145,"caption":"PUNTO HABITAT"},"image":{"@id":"https:\/\/puntohabitat.es\/ca\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/puntohabitat","https:\/\/x.com\/puntohabitat","https:\/\/www.instagram.com\/puntohabitat\/","https:\/\/www.linkedin.com\/in\/puntohabitat\/","https:\/\/www.youtube.com\/c\/puntohabitatinmobiliariaBarcelona","https:\/\/www.tiktok.com\/@puntohabitat"]}]}},"_links":{"self":[{"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/pages\/93864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/comments?post=93864"}],"version-history":[{"count":0,"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/pages\/93864\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/media\/93795"}],"wp:attachment":[{"href":"https:\/\/puntohabitat.es\/ca\/wp-json\/wp\/v2\/media?parent=93864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}