{"id":120794,"date":"2026-01-22T10:37:37","date_gmt":"2026-01-22T08:37:37","guid":{"rendered":"https:\/\/cambrabcn.org\/insitu\/"},"modified":"2026-10-26T09:18:42","modified_gmt":"2026-10-26T07:18:42","slug":"insitu","status":"publish","type":"page","link":"https:\/\/cambrabcn.org\/es\/insitu\/","title":{"rendered":"InSitu"},"content":{"rendered":"\n<div class=\"wp-block-cover hero-insitu animation alignfull\"><img decoding=\"async\" width=\"1024\" height=\"580\" class=\"wp-block-cover__image-background wp-image-127673 size-large\" alt=\"\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg 1024w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-300x170.jpg 300w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-768x435.jpg 768w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1536x869.jpg 1536w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-600x340.jpg 600w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-cambra-fg-background-color has-background-dim-40 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<figure class=\"wp-block-image size-large logo-insitu reveal\"><img decoding=\"async\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/loho-insitu-white.svg\" alt=\"\" class=\"wp-image-116111\"\/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center reveal has-cambra-fg-alt-color has-text-color has-link-color wp-elements-1\" id=\"h-un-espacio-donde-las-conversaciones-crean-oportunidades\">Un espacio donde las conversaciones crean oportunidades<\/h1>\n\n\n\n<div class=\"wp-block-group reveal is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n  \/* Men\u00fa horizontal *\/\n  .menu-insitu{\n    display: flex;\n    gap: 2rem;\n    align-items: center;\n    justify-content: center; \/* cambia a flex-start si lo quieres a la izquierda *\/\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n  }\n\n  .menu-insitu a{\n    position: relative;\n    display: inline-block;\n    text-decoration: none;\n    color: #fff;\n    font-size: 18px;          \/* ajusta *\/\n    letter-spacing: 0.02em;\n    padding: 0.25rem 0;\n    line-height: 1;\n    opacity: 0.92;\n    transition: opacity 220ms ease, transform 220ms ease;\nfont-weight: 300;\n  }\n\n  \/* Subrayado base *\/\n  .menu-insitu a::after{\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -6px;\n    width: 100%;\n    height: 1px;\n    background: currentColor;\n\n    \/* Efecto: entra desde el centro (elegante\/minimal) *\/\n    transform: scaleX(0.35);\n    transform-origin: 50% 50%;\n    opacity: 0.35;\n    transition: transform 260ms cubic-bezier(.22,.61,.36,1), opacity 260ms ease;\n  }\n\n  \/* Hover\/focus: subrayado se \u201cexpande\u201d y gana presencia *\/\n  .menu-insitu a:hover,\n  .menu-insitu a:focus-visible{\n    opacity: 1;\n    transform: translateY(-1px);\n  }\n\n  .menu-insitu a:hover::after,\n  .menu-insitu a:focus-visible::after{\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  \/* Activo (si quieres marcar la secci\u00f3n actual, a\u00f1ade class=\"is-active\" al <a>) *\/\n  .menu-insitu a.is-active{\n    opacity: 1;\n  }\n  .menu-insitu a.is-active::after{\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  \/* Responsive *\/\n@media (max-width: 768px){\n  .menu-insitu{\n    flex-direction: column;   \n    align-items: center;      \n    justify-content: center;  \n    gap: 1rem;\n    text-align: center;\n  }\n\n  .menu-insitu a{\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<nav aria-label=\"InSitu reveal\">\n  <ul class=\"menu-insitu\">\n    <li><a href=\"#sobre-insitu\">Sobre InSitu<\/a><\/li>\n    <li><a href=\"#espais\">Espacios<\/a><\/li>\n    <li><a href=\"#model\">Modelo<\/a><\/li>\n    <li><a href=\"#avantages\">Ventajas<\/a><\/li>\n    <li><a target=\"_blank\" href=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/10\/Menu-InSitu-Octubre-2026_4.pdf\">Men\u00fa semanal<\/a><\/li>\n    <li><a href=\"#informacio\">Informaci\u00f3n<\/a><\/li>\n  <\/ul>\n<\/nav>\n<\/div>\n\n\n\n<style>\n\n\n.logo-insitu{\n  display: block;\n  max-width: 200px;\n  height: auto;\n}\n.hero-insitu .logo-insitu img {\n  height: 200px;\n}\n.hero-insitu{ \n    min-height: calc(80vh - 135px);\n  display: flex;\n  align-items: left;     \n  justify-content: center;  \n  text-align: left;\nflex-direction: column;\ngap:1rem;\nposition: relative; \n}\n.hero-insitu h1{  color:#ffffff; font-size:26px; font-weight:400;}\n\n.hero-insitu .wp-block-group.reveal{\n  position: relative;   \/* NO oculta *\/\n  z-index: 2;\n}\n\n.hero-insitu {\n  position: relative;\n}\n\n.wp-block-cover.hero-insitu{\n  overflow: hidden;\n}\n\n.wp-block-cover.hero-insitu > .wp-block-cover__image-background{\n  position: absolute;\n  inset: -6%;                 \n  width: 112%;\n  height: 112%;\n  object-fit: cover;\n  transform-origin: center;\n  will-change: transform;\n  transform: translate3d(-8%, 0, 0) scale(1.14);\n\n  animation: heroPanPingPong 26s ease-in-out infinite alternate;\n}\n\n@keyframes heroPanPingPong{\n  from{\n    transform: translate3d(-8%, 0, 0) scale(1.14); \/* izquierda *\/\n  }\n  to{\n    transform: translate3d(8%, 0, 0) scale(1.14);  \/* derecha *\/\n  }\n}\n\n@media (prefers-reduced-motion: reduce){\n  .wp-block-cover.hero-insitu > .wp-block-cover__image-background{\n    animation: none !important;\n    transform: translate3d(0,0,0) scale(1.08);\n  }\n}\n\n@media (max-width: 1024px) {\n  .logo-insitu {\n    max-width: 160px;\n  }\n\n  .hero-insitu .logo-insitu img {\n    height: 160px;\n  }\n\n  .hero-insitu h1 {\n    font-size: 22px;\n  }\n}\n\n@media (max-width: 768px) {\n.hero-insitu{ \n    min-height: calc(90vh - 135px);\n}\n  .logo-insitu {\n    max-width: 120px;\n  }\n\n  .hero-insitu .logo-insitu img {\n    height: 120px;\n  }\n\n  .hero-insitu h1 {\n    font-size: 18px;\n    line-height: 1.3;\n  }\n}\n\n@media (max-width: 480px) {\n  .logo-insitu {\n    max-width: 100px;\n  }\n\n  .hero-insitu .logo-insitu img {\n    height: 100px;\n  }\n\n  .hero-insitu h1 {\n    font-size: 20px;\n  }\n}\n\n<\/style>\n<\/div><\/div>\n\n\n\n<div id=\"sobre-insitu\" class=\"wp-block-group copy-insitu is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left\" id=\"h-insitu-es-el-punto-de-encuentro-del-club-cambra-un-entorno-pensado-para-empresarios-y-empresarias-que-entienden-el-valor-del-tiempo-compartido-de-las-conexiones-autenticas-y-del-networking-hecho-con-calma-situado-en-la-sede-de-la-cambra-de-comerc-de-barcelona-en-la-avenida-diagonal-452-insitu-ofrece-un-ambiente-tranquilo-y-acogedor-que-invita-al-encuentro-y-a-la-conexion-profesional\"><strong>InSitu<\/strong> es el punto de encuentro del <strong>Club Cambra<\/strong>: un entorno pensado para empresarios y empresarias que entienden el valor del tiempo compartido, de las conexiones aut\u00e9nticas y del networking hecho con calma.<br><br><div>Situado en la sede de la <strong>Cambra de Comer\u00e7 de Barcelona<\/strong>, en la Avenida Diagonal 452, InSitu ofrece un ambiente tranquilo y acogedor que invita al encuentro y a la conexi\u00f3n profesional.<\/div><\/h2>\n\n\n\n<style>\n  .copy-insitu{\n    min-height: calc(50vh - 135px);\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    text-align: left;\n    flex-direction: column;\n    gap: 1rem;\n    position: relative;\n  }\n\n  .copy-insitu h2{\n    font-size: 26px;\n    line-height: 1.2;\n    margin: 0;\n    color: #111111;\nfont-weight:300;\n  }\n\n.copy-insitu h2 strong {\n  font-weight: 600;\n}\n\n.copy-insitu h2 strong .char {\n  font-weight: 600;\n}\n\n  \/* Estructura tipo ejemplo *\/\n  .copy-insitu h2 .word{\n    white-space: nowrap;\n    display: inline-block;\n  }\n\n  .copy-insitu h2 .char{\n    display: inline-block; \/* estable para animar opacity *\/\n    opacity: 0.20;         \/* base *\/\n    will-change: opacity;\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .copy-insitu h2 .char{ opacity: 1 !important; }\n  }\n\/* Responsive *\/\n\n@media (max-width: 1024px){\n  .copy-insitu{\n    gap: 1.25rem;\n    padding: 1.25rem 1.25rem;\n    min-height: auto;\n  }\n\n  .copy-insitu h2{\n    font-size: 22px;\n    line-height: 1.3;\n  }\n}\n\n@media (max-width: 768px){\n  .copy-insitu{\n    gap: 1.5rem;            \/* m\u00e1s espaciado entre elementos *\/\n    padding: 1.75rem 1.25rem;\n    min-height: auto;\n  }\n\n  .copy-insitu h2{\n    font-size: 22px;        \/* m\u00e1s peque\u00f1o en m\u00f3vil *\/\n    line-height: 1.45;\n    max-width: 32ch;        \/* mejora legibilidad + \u201caire\u201d visual *\/\n  }\n\n  .copy-insitu h2 br{\n    line-height: 1.6;\n  }\n}\n\n@media (max-width: 480px){\n  .copy-insitu{\n    gap: 1.75rem;\n    padding: 2rem 1.1rem;\n  }\n\n  .copy-insitu h2{\n    font-size: 20px;\n    line-height: 1.4;\n    max-width: 30ch;\n  }\n}\n\n<\/style>\n\n<script>\n(function(){\n  const section = document.querySelector('.copy-insitu');\n  if (!section) return;\n\n  const h2 = section.querySelector('h2');\n  if (!h2) return;\n\n  if (h2.dataset.wordCharRevealInit === \"1\") return;\n  h2.dataset.wordCharRevealInit = \"1\";\n\n  const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduceMotion) return;\n\n  \/\/ Ajustes\n  const speed = 1;\n  const startRevealPx = 200;\n  const endPaddingPx = 350;\n\n  const baseOpacity = 0.10;\n  const fullOpacity = 1.00;\n  const trailChars = 5;\n\n  let chars = [];\n  let active = false;\n  let ticking = false;\n\n  function clamp01(x){ return Math.max(0, Math.min(1, x)); }\n  function lerp(a,b,t){ return a + (b-a)*t; }\n\n  \/\/ ---- NUEVO: helpers para preservar markup ----\n\n  \/\/ Normaliza espacios: convierte runs de whitespace en \" \" pero\n  \/\/ respeta que <br> corte l\u00ednea (no lo convierte a espacio).\n  function normalizeText(s){\n    return s.replace(\/\\s+\/g, \" \");\n  }\n\n  function wrapTextNode(textNode){\n    const text = normalizeText(textNode.nodeValue || \"\");\n    if (!text) return document.createTextNode(\"\");\n\n    const frag = document.createDocumentFragment();\n\n    \/\/ Partimos en tokens que incluyen espacios para conservar separaci\u00f3n\n    \/\/ Ej: \"Hola  mundo\" -> [\"Hola\", \" \", \"mundo\"]\n    const tokens = text.split(\/(\\s+)\/);\n\n    tokens.forEach(token => {\n      if (!token) return;\n\n      \/\/ Si es whitespace, lo dejamos como texto normal\n      if (\/^\\s+$\/.test(token)){\n        frag.appendChild(document.createTextNode(\" \"));\n        return;\n      }\n\n      \/\/ Si es palabra\/segmento, lo envolvemos\n      const w = document.createElement(\"span\");\n      w.className = \"word\";\n      w.setAttribute(\"aria-hidden\", \"true\");\n\n      for (let i = 0; i < token.length; i++){\n        const c = document.createElement(\"span\");\n        c.className = \"char\";\n        c.setAttribute(\"aria-hidden\", \"true\");\n        c.textContent = token[i];\n        c.style.opacity = baseOpacity;\n        w.appendChild(c);\n        chars.push(c);\n      }\n\n      frag.appendChild(w);\n    });\n\n    return frag;\n  }\n\n  function transformNode(node){\n    \/\/ Texto -> wrap chars\n    if (node.nodeType === Node.TEXT_NODE){\n      return wrapTextNode(node);\n    }\n\n    \/\/ Elemento\n    if (node.nodeType === Node.ELEMENT_NODE){\n      const tag = node.tagName.toLowerCase();\n\n\n      if (tag === \"br\"){\n        return document.createElement(\"br\");\n      }\n\n\n      const el = node.cloneNode(false);\n\n\n      for (const child of Array.from(node.childNodes)){\n        el.appendChild(transformNode(child));\n      }\n      return el;\n    }\n\n\n    return document.createTextNode(\"\");\n  }\n\n  function buildWordsAndChars(){\n    chars = [];\n\n\n    const originalNodes = Array.from(h2.childNodes);\n\n\n    const ariaText = (h2.innerText || h2.textContent || \"\").replace(\/\\s+\/g, \" \").trim();\n    if (ariaText) h2.setAttribute(\"aria-label\", ariaText);\n\n\n    h2.innerHTML = \"\";\n    const frag = document.createDocumentFragment();\n    originalNodes.forEach(n => frag.appendChild(transformNode(n)));\n    h2.appendChild(frag);\n\n    applyProgress(0);\n  }\n\n\n  function getProgress(){\n    const rect = h2.getBoundingClientRect();\n    const vh = window.innerHeight || document.documentElement.clientHeight;\n\n    const startTop = vh - startRevealPx;\n    const endBottom = vh - endPaddingPx;\n\n    const denom = (startTop - (endBottom - rect.height));\n    if (denom <= 0) return 0;\n\n    const travelled = startTop - rect.top;\n    const raw = travelled \/ denom;\n\n    const p = clamp01(raw);\n    return Math.min(1, p * speed);\n  }\n\n  function applyProgress(p){\n    if (!chars.length) return;\n\n    const n = chars.length;\n    const head = p * (n + trailChars);\n\n    for (let i = 0; i < n; i++){\n      const t = (head - i) \/ trailChars;\n      const tt = clamp01(t);\n      const o = lerp(baseOpacity, fullOpacity, tt);\n      chars[i].style.opacity = o.toFixed(3);\n    }\n  }\n\n  function update(){\n    ticking = false;\n    if (!active) return;\n    applyProgress(getProgress());\n  }\n\n  function onScroll(){\n    if (!ticking){\n      ticking = true;\n      requestAnimationFrame(update);\n    }\n  }\n\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      active = entry.isIntersecting;\n      if (active){\n        applyProgress(0);\n        window.addEventListener(\"scroll\", onScroll, { passive: true });\n        window.addEventListener(\"resize\", onScroll, { passive: true });\n        onScroll();\n      } else {\n        window.removeEventListener(\"scroll\", onScroll);\n      }\n    });\n  }, { threshold: 0.01 });\n\n  io.observe(section);\n\n  if (document.fonts && document.fonts.ready){\n    document.fonts.ready.then(() => { buildWordsAndChars(); onScroll(); })\n      .catch(() => { buildWordsAndChars(); onScroll(); });\n  } else {\n    buildWordsAndChars();\n    onScroll();\n  }\n})();\n<\/script>\n<\/div>\n\n\n\n<div id=\"espais\" class=\"wp-block-group animation is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left landing-header reveal\" id=\"h-un-espacio-unico-en-el-centro-de-barcelona\">Un espacio \u00fanico en el centro de Barcelona<\/h2>\n\n\n\n<section class=\"gallery\" aria-label=\"Galer\u00eda horizontal slider\">\n  <div class=\"gallery__container\">\n    <button class=\"gallery__nav gallery__nav--prev\" type=\"button\" aria-label=\"Anterior\">\n      <svg class=\"gallery__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M15.5 5.5L9 12l6.5 6.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/svg>\n    <\/button>\n\n    <div class=\"gallery__viewport\" tabindex=\"0\" aria-roledescription=\"carousel\">\n      <div class=\"gallery__track\">\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Lounge_1200x1800.png\" alt=\"Espacio comedor\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Zona lounge con sof\u00e1s y butacas<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Trobades_1200x1800.png\" alt=\"Terrassa exterior amb llum natural\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Barra y \u00e1rea para encuentros informales<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Menjador_1200x1800.png\" alt=\"Barra y \u00e1rea para encuentros informales\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Espacio comedor<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Terrassa_1200x1800.png\" alt=\"Terraza exterior con luz natural\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Terraza exterior con luz natural<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/insitu-cambra-barcelona-terrassa-exterior.jpg\" alt=\"Terraza exterior con luz natural\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Terraza exterior<\/figcaption>\n        <\/figure>\n\n        <figure class=\"gallery__slide\">\n          <img class=\"gallery__image\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/insitu-cambra-barcelona-servei-restauracio.jpg\" alt=\"Espai menjador\" loading=\"lazy\" decoding=\"async\"\/>\n          <figcaption class=\"gallery__caption\">Servicio de restauraci\u00f3n<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n\n    <button class=\"gallery__nav gallery__nav--next\" type=\"button\" aria-label=\"Siguiente\">\n      <svg class=\"gallery__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M8.5 5.5L15 12l-6.5 6.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --hz-gap: clamp(22px, 1.4vw, 32px);\n    --hz-radius: 30px;\n    --hz-max: 1900px;\n\n    --hz-nav: 40px;\n    --hz-nav-offset: calc(var(--hz-nav) \/ -2); \/* mitad fuera *\/\n  }\n\n  .gallery{\n    width: 100%;\n    margin-left: calc(50% - 50vw);\n    background: #fff;\n    position: relative;\n  }\n\n  \/* Sin padding: carril a m\u00e1ximo ancho *\/\n  .gallery__container{\n    max-width: var(--hz-max);\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .gallery__viewport{\n    overflow: hidden;\n    outline: none;\n  }\n\n  .gallery__track{\n    display: flex;\n    gap: var(--hz-gap);\n    will-change: transform;\n    transform: translate3d(0,0,0);\n  }\n\n  \/* 3 visibles *\/\n  .gallery__slide{\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex: 0 0 calc((100% - (var(--hz-gap) * 2)) \/ 3);\n  }\n\n  .gallery__image{\n    width: 100%;\n    height: clamp(420px, 56vh, 520px);\n    object-fit: cover;\n    object-position: center;\n    border-radius: var(--hz-radius);\n    display: block;\n    filter: none !important;\n    -webkit-filter: none !important;\n    box-shadow: none !important;\n  }\n\n  .gallery__caption{\n    text-align: left;\n    font-size: clamp(14px, 1.5vw, 18px);\n    line-height: 1.2;\n    color: #111;\n  }\n\n  \/* Botones sobre la imagen y sobresaliendo mitad fuera *\/\n  .gallery__nav{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: var(--hz-nav);\n    height: var(--hz-nav);\n    border-radius: 999px;\n    border: 0;\n    background: #000;\n    color: #fff;              \/* el SVG hereda currentColor *\/\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    z-index: 5;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    transition: transform .18s ease, opacity .18s ease;\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\n  }\n  .gallery__nav--prev{ left: var(--hz-nav-offset); }\n  .gallery__nav--next{ right: var(--hz-nav-offset); }\n\n  .gallery__icon{\n    width: 22px;\n    height: 22px;\n    display: block;\n  }\n\n  .gallery__nav:hover{ transform: translateY(-50%) scale(1.05); }\n  .gallery__nav:active{ transform: translateY(-50%) scale(0.98); }\n  .gallery__nav[disabled]{ opacity: .35; cursor: default; }\n\n  \/* Responsive *\/\n  @media (max-width: 980px){\n    .gallery__slide{ flex-basis: calc((100% - (var(--hz-gap) * 1)) \/ 2); } \/* 2 visibles *\/\n    .gallery__image{ height: clamp(320px, 52vh, 480px); }\n  }\n\n  @media (max-width: 640px){\n    .gallery__slide{ flex-basis: 100%; } \/* 1 visible *\/\n    .gallery__image{ height: clamp(300px, 48vh, 440px); }\n\n    \/* en m\u00f3vil reduce un poco el bot\u00f3n para no tapar tanto *\/\n    :root{ --hz-nav: 46px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .gallery__nav{ transition: none; }\n  }\n\n\n  @media (max-width: 640px){\n    .gallery__nav--prev{ left: 8px; }\n    .gallery__nav--next{ right: 8px; }\n  .gallery__caption{\n    text-align: center;\n  }\n  }\n<\/style>\n\n<script>\n(() => {\n  const root = document.querySelector('.gallery');\n  if(!root) return;\n\n  const viewport = root.querySelector('.gallery__viewport');\n  const track = root.querySelector('.gallery__track');\n  const prev = root.querySelector('.gallery__nav--prev');\n  const next = root.querySelector('.gallery__nav--next');\n\n  const getGap = () => {\n    const styles = getComputedStyle(track);\n    const gap = styles.columnGap || styles.gap || '0px';\n    return parseFloat(gap) || 0;\n  };\n\n  const visibleCount = () => {\n    const w = window.innerWidth;\n    if (w <= 640) return 1;\n    if (w <= 980) return 2;\n    return 3;\n  };\n\n  const getCardStep = () => {\n    const card = track.querySelector('.gallery__slide');\n    if(!card) return 0;\n    return card.getBoundingClientRect().width + getGap();\n  };\n\n  let index = 0;\n  let currentX = 0;\n\n  const maxIndex = () => Math.max(0, track.children.length - visibleCount());\n\n  const animateTo = (x) => {\n    track.style.transition = 'transform 520ms cubic-bezier(.22,.8,.22,1)';\n    track.style.transform = `translate3d(${x}px,0,0)`;\n  };\n\n  const syncNav = () => {\n    prev.disabled = index <= 0;\n    next.disabled = index >= maxIndex();\n  };\n\n  const snapToIndex = (idx) => {\n    const step = getCardStep();\n    const m = maxIndex();\n    index = Math.max(0, Math.min(idx, m));\n    currentX = -index * step;\n    animateTo(currentX);\n    syncNav();\n  };\n\n  prev.addEventListener('click', () => { stopAuto(); snapToIndex(index - 1); startAuto(); });\n  next.addEventListener('click', () => { stopAuto(); snapToIndex(index + 1); startAuto(); });\n\n  viewport.addEventListener('keydown', (e) => {\n    if (e.key === 'ArrowLeft') { stopAuto(); snapToIndex(index - 1); startAuto(); }\n    if (e.key === 'ArrowRight') { stopAuto(); snapToIndex(index + 1); startAuto(); }\n  });\n\n  \/\/ Drag (mouse\/touch)\n  let isDown = false, startX = 0, startTranslate = 0;\n\n  const onDown = (clientX) => {\n    isDown = true;\n    startX = clientX;\n    startTranslate = currentX;\n    track.style.transition = 'none';\n    stopAuto();\n  };\n\n  const onMove = (clientX) => {\n    if(!isDown) return;\n    const dx = clientX - startX;\n    track.style.transform = `translate3d(${startTranslate + dx}px,0,0)`;\n  };\n\n  const onUp = (clientX) => {\n    if(!isDown) return;\n    isDown = false;\n\n    const step = getCardStep();\n    const dx = clientX - startX;\n    const threshold = Math.min(120, step * 0.25);\n\n    if (dx > threshold) snapToIndex(index - 1);\n    else if (dx < -threshold) snapToIndex(index + 1);\n    else snapToIndex(index);\n\n    startAuto();\n  };\n\n  viewport.addEventListener('mousedown', (e) => onDown(e.clientX));\n  window.addEventListener('mousemove', (e) => onMove(e.clientX));\n  window.addEventListener('mouseup', (e) => onUp(e.clientX));\n\n  viewport.addEventListener('touchstart', (e) => onDown(e.touches[0].clientX), {passive:true});\n  viewport.addEventListener('touchmove', (e) => onMove(e.touches[0].clientX), {passive:true});\n  viewport.addEventListener('touchend', (e) => onUp((e.changedTouches[0]||e.touches[0]).clientX), {passive:true});\n\n  \/\/ Autoplay 4s\n  let timer = null;\n  const startAuto = () => {\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n    stopAuto();\n    timer = setInterval(() => {\n      const m = maxIndex();\n      if (index >= m) snapToIndex(0);\n      else snapToIndex(index + 1);\n    }, 4000);\n  };\n  const stopAuto = () => { if (timer) { clearInterval(timer); timer = null; } };\n\n  \/\/ Pausa al hover (desktop)\n  root.addEventListener('mouseenter', stopAuto);\n  root.addEventListener('mouseleave', startAuto);\n\n  window.addEventListener('resize', () => snapToIndex(Math.min(index, maxIndex())));\n\n  \/\/ Init\n  snapToIndex(0);\n  startAuto();\n})();\n<\/script>\n\n\n\n<style>\n.landing-header{ font-size:30px; font-weight:600 !important;}\n@media (max-width: 768px){\n.landing-header {font-size:22px; text-align:center;}\n}\n\n<\/style>\n<\/div>\n\n\n\n<div id=\"model\" class=\"wp-block-group model animation has-cambra-fg-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1a9244c7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column col-left is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-cddd0635 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-left landing-header reveal has-cambra-bg-color has-text-color has-link-color wp-elements-2\" id=\"h-nuestra-manera-de-conectar\"><strong>Nuestra manera de conectar<\/strong><\/h2>\n\n\n\n<p class=\"intro-model reveal has-cambra-bg-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\">InSitu tiene la voluntad de generar relaciones de confianza entre empresas que comparten visi\u00f3n, criterio y compromiso con el desarrollo econ\u00f3mico del pa\u00eds<\/p>\n\n\n\n<p class=\"intro-model reveal has-cambra-bg-color has-text-color has-link-color wp-elements-4 wp-block-paragraph\">Un entorno pensado para que el encuentro sea relevante, la conversaci\u00f3n fluya con naturalidad y el tiempo se convierta en un activo de valor. Porque los grandes proyectos nacen desde la reflexi\u00f3n, la colaboraci\u00f3n y la calma.<\/p>\n\n\n\n<blockquote class=\"quote\">\n  <p>Piensa, conversa y comparte con profesionales que entienden los proyectos compartidos\u00a0como una herramienta de progreso y construcci\u00f3n de futuro.<\/p>\n  <footer>\u2014 <cite>InSitu<\/cite><\/footer>\n<\/blockquote>\n<style>\n\n.quote{\n  position: relative;\n  padding: 22px 22px 18px;\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 18px;\n  color: #fff;\n}\n\n.quote::before{\n  content: \"\u201c\";\n  position: absolute;\n  top: -18px;\n  left: 14px;\n  font-size: 64px;\n  line-height: 1;\n  color: #fff;\n  opacity: .25;\n}\n\n.quote p{\n  margin: 0;\n  font-size: 18px;\nfont-style:italic;\n  line-height: 1.25;\n}\n\n.quote footer{\n  margin-top: 12px;\n  font-size: 14px;\n  opacity: .75;\n}\n\n.quote cite{\n  font-style: normal;\n}\n\n\n\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column col-right is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" width=\"800\" height=\"845\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Model_800x845.png\" alt=\"\" class=\"wp-image-127655\" style=\"border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Model_800x845.png 800w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Model_800x845-284x300.png 284w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Model_800x845-768x811.png 768w, https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Model_800x845-600x634.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<style>\n.model{ \n    min-height: calc(90vh - 135px);\n  display: flex;\n  align-items: left;     \n  justify-content: center;  \n  text-align: left;\nflex-direction: column;\ngap:1rem;456\nmax-width:1300px;\nposition: relative; \nmargin: 120px 0px 80px 0px\n}\n.model .landing-header {font-size:30px; line-height:38px; font-weight:500 !important; margin-bottom:20px !important;}\n.model .intro-model strong {font-weight:800;}\n.intro-model { font-size:18px; line-height:22px; font-weight:400; margin-bottom:20px !important;}\n.model .col-left, .model .col-right {padding: 30px 50px 30px 50px;}\n\n.quote-model { font-size:24px; font-weight:200; line-height:26px; font-weight:400; font-style:italic}\n\n@media (max-width: 768px){\n.model .landing-header {font-size:22px; line-height:28px;}\n.model .col-left, .model .col-right {padding: 20px 10px 20px 10px;}\n.model .col-left {padding-bottom:0px!important;}\n.intro-model { font-size:15px; line-height:22px; }\n}\n\n<\/style>\n<\/div>\n\n\n\n<div id=\"avantages\" class=\"wp-block-group avantatges is-layout-constrained wp-block-group-is-layout-constrained\">\n<svg class=\"avantatges-bg-svg\" viewbox=\"0 0 42.9 92.3\" aria-hidden=\"true\" focusable=\"false\">\n    <path d=\"M41.6,92.3c.8,0,1.3-.5,1.3-1.3V23.4C42.9,9.8,34.5,0,21.5,0,8.5,0,0,9.7,0,23.4v67.6c0,.8.5,1.3,1.3,1.3h5.2c.8,0,1.3-.5,1.3-1.3V23.4c0-9.6,5.3-16.1,13.6-16.1,8.3,0,13.6,6.5,13.6,16.1v67.6c0,.8.5,1.3,1.3,1.3h5.2Z\"><\/path>\n  <\/svg>\n\n\n\n<div class=\"wp-block-group avantatges animation has-cambra-bg-background-color has-background is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-f5285aab wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-group box-av is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-7f3c1f91 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-left landing-header reveal has-cambra-fg-color has-text-color has-link-color wp-elements-5\" id=\"h-mas-que-un-espacio-una-comunidad-empresarial\">M\u00e1s que un espacio: una comunidad empresarial<\/h2>\n\n\n\n<p class=\"intro-av reveal wp-block-paragraph\">Ser socio del <strong>Club Cambra<\/strong> y acceder a InSitu te permitir\u00e1 formar parte de una comunidad empresarial que comparte valores, visi\u00f3n y relaciones de calidad.<\/p>\n\n\n\n<p class=\"intro-av reveal wp-block-paragraph\">En&nbsp;InSitu, cada encuentro puede convertirse en una oportunidad:<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-462109e4 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group fila-av reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-a92e9046 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--secondary-whitest-black);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-large wp-container-content-d613cd94\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/check-1-svgrepo-com-1.svg\" alt=\"\" class=\"wp-image-116957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">El espacio, con mobiliario de Kave Home, cuenta con un servicio de restauraci\u00f3n exclusivo a cargo de la Fundaci\u00f3 Canpadr\u00f3.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-av reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-0a3e3cc8 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--secondary-whitest-black);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-large wp-container-content-d613cd94\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/check-1-svgrepo-com-1.svg\" alt=\"\" class=\"wp-image-116957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Reuniones con clientes y colaboradores en un entorno de prestigio<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-av reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-0a3e3cc8 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--secondary-whitest-black);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-large wp-container-content-d613cd94\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/check-1-svgrepo-com-1.svg\" alt=\"\" class=\"wp-image-116957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Participaci\u00f3n en actividades, encuentros y eventos para socios<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-av reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-0a3e3cc8 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--secondary-whitest-black);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-large wp-container-content-d613cd94\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/check-1-svgrepo-com-1.svg\" alt=\"\" class=\"wp-image-116957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pertenencia a un n\u00facleo empresarial de referencia<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-av reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-0a3e3cc8 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--secondary-whitest-black);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-large wp-container-content-d613cd94\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/check-1-svgrepo-com-1.svg\" alt=\"\" class=\"wp-image-116957\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Prioridad en la reserva y alquiler de espacios para actos corporativos<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n.avantatges{ \n    min-height: calc(80vh - 135px);\n  display: flex;\n  align-items: left;     \n  justify-content: center;  \n  text-align: left;\nflex-direction: column;\nmargin: 100px 0px 50px 0px;\nposition: relative;\n overflow: visible;   \n}\n.intro-av {font-size:18px; line-height:24px; font-weight:400; margin-bottom:20px !important;}\n.intro-av strong {font-weight:800;}\n.box-av {width:100%;}\n.avantatges .landing-header { font-size:30px; line-height:35px; font-weight:600 !important; margin-bottom:20px !important;}\n.box-av {padding:30px 80px; border: 1px solid rgba(17,  24,  39, 0.13); border-radius:30px;}\n.fila-av p { font-size:18px;}\n\n\/* CARD por encima *\/\n.box-av{\n  position: relative;\n  z-index: 2;\n  padding: 40px 80px 30px 80px;\n  border-radius: 30px;\n\n  background: rgba(255, 255, 255, 0.9);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  border: 1px solid rgba(17, 24, 39, 0.10);\n}\n\n.avantatges-bg-svg{\n  position: absolute;\n  left: 75%;\n  top: -10%;                     \/* sigue asomando arriba *\/\n  transform: translateX(-50%);\n  width: clamp(260px, 34vw, 520px);\n  height: auto;\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px){\n  .avantatges{\n    width: 100%;\n  }\n  .avantatges .landing-header {\n    font-size: 22px;\n    line-height: 28px;\n  }\n\n  .avantatges-bg-svg{\n    top: 60;\nleft:65%;\n    width: clamp(300px, 70vw, 600px);\n  }\n.box-av{ padding: 20px;}\n.avantatges {margin:0px;}\n.intro-av, .fila-av p{\n    font-size: 15px;\n    line-height: 22px;\n  }\n.fila-av img {\n  max-width: 20px !important;\n  width: 20px !important;\n}\n\n}\n\n\n<\/style>\n<\/div>\n\n\n\n<div id=\"informacio\" class=\"wp-block-group animation alignfull has-cambra-fg-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:50px;padding-bottom:50px\">\n<div class=\"wp-block-columns box-footer is-layout-flex wp-container-core-columns-is-layout-f95f9013 wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-large is-resized  reveal\"><img decoding=\"async\" src=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/01\/loho-insitu-white.svg\" alt=\"\" class=\"wp-image-116111\" style=\"aspect-ratio:0.9988900882533781;object-fit:cover;width:auto;height:220px\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-8582f3d4 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 id=\"h-disfruta-del-espacio\" class=\"wp-block-heading reveal has-cambra-bg-color has-text-color has-link-color wp-elements-6\"><strong>Disfruta del espacio<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-7139599c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"label-info has-cambra-bg-color has-text-color has-link-color wp-elements-7 wp-container-content-759e20a8 wp-block-paragraph\"><strong>Horario<\/strong><\/p>\n\n\n\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-8 wp-block-paragraph\">De lunes a viernes, de 9.00 h a 18.00 h<br>Cerrado festivos y puentes en Barcelona, mes de agosto y vacaciones escolares de Navidad y Semana Santa<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"label-info has-cambra-bg-color has-text-color has-link-color wp-elements-9 wp-container-content-962be591 wp-block-paragraph\"><strong>Ubicaci\u00f3n<\/strong><\/p>\n\n\n\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-10 wp-block-paragraph\">Cambra de Comer\u00e7 de Barcelona<br>Planta 10 (Av. Diagonal, 452, 08006 Barcelona)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"label-info has-cambra-bg-color has-text-color has-link-color wp-elements-11 wp-container-content-ca60deed wp-block-paragraph\"><strong>Reserva<\/strong><\/p>\n\n\n\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-12 wp-block-paragraph\"><strong>616 28 35 83<\/strong><br>Pod\u00e9is llamar o enviar un WhatsApp<br>Para desayuno o aperitivo, acceso sin reserva<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"label-info has-cambra-bg-color has-text-color has-link-color wp-elements-13 wp-container-content-97d6d027 wp-block-paragraph\"><strong><strong>Acceso invitados<\/strong><\/strong><\/p>\n\n\n\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-14 wp-block-paragraph\">Los socios pueden venir acompa\u00f1ados con un m\u00e1ximo de 2 invitados. Previamente, el socio debe enviar un correo a <a href=\"mailto:clubinistu@cambrabcn.cat\" target=\"_blank\" rel=\"noreferrer noopener\">clubinistu@cambrabcn.cat<\/a> informando del nombre y apellidos del invitado, fecha y hora del d\u00eda de la visita<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"label-info has-cambra-bg-color has-text-color has-link-color wp-elements-15 wp-container-content-6c3d14a5 wp-block-paragraph\"><strong>M\u00e1s informaci\u00f3n<\/strong><\/p>\n\n\n\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-16 wp-block-paragraph\"><strong>629 239 105<\/strong><br><a href=\"mailto:clubinstu@cambrabcn.cat\" target=\"_blank\" rel=\"noreferrer noopener\">clubinstu@cambrabcn.cat<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group fila-info reveal is-nowrap is-layout-flex wp-container-core-group-is-layout-2cf4e739 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:#303030;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"has-cambra-bg-color has-text-color has-link-color wp-elements-17 wp-container-content-b04ba3db wp-block-paragraph\"><strong><strong><strong><a href=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Normes-dus-InSitu.pdf\" type=\"link\" id=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/Normes-dus-InSitu.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Normas de acceso y uso<\/a><\/strong><\/strong><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<!--\n<style>\n    .btn-socio{\n      appearance: none;\n      border: 1px solid rgba(0,0,0,.18);\n      background: #fff;\n      color: #111;\n      font-weight: 600;\nfont-size:16px;\n      letter-spacing: .2px;\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 22px;\n      border-radius: 999px;\n      cursor: pointer;\n      user-select: none;\n      text-decoration: none;\n      line-height: 1;\nfont-family: \"Red Hat Text\", sans-serif;\n      transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease\n    }\n\n    .btn-socio:hover{\n      transform: translateY(-1px);\n      box-shadow: 0 12px 30px rgba(0,0,0,.22);\n    }\n\n    .btn-socio:active{\n      transform: translateY(0px) scale(.99);\n      box-shadow: 0 8px 22px rgba(0,0,0,.18);\n    }\n\n    .btn-socio:focus-visible{\n      outline: none;\n      box-shadow: 0 0 0 4px rgba(0,0,0,.15), 0 12px 30px rgba(0,0,0,.22);\n    }\n\n    .btn-socio__icon{\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n    }\n\n    \/* Animaci\u00f3n: el \u201ctrazo\u201d del arrow se dibuja y adem\u00e1s hace un peque\u00f1o \u201cnudge\u201d *\/\n    .btn-socio__icon path{\n      stroke: currentColor;\n      stroke-width: 2.2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      fill: none;\n\n      stroke-dasharray: 40;\n      stroke-dashoffset: 40;\n      animation: draw 900ms ease forwards;\n    }\n\n    .btn-socio:hover .btn-socio__icon{\n      animation: nudge 650ms ease-in-out infinite;\n    }\n\n    @keyframes draw{\n      to { stroke-dashoffset: 0; }\n    }\n\n    @keyframes nudge{\n      0%, 100% { transform: translateX(0); }\n      50% { transform: translateX(3px); }\n    }\n\n    \/* Respeta usuarios con \"reduce motion\" *\/\n    @media (prefers-reduced-motion: reduce){\n      .btn-socio__icon path{ animation: none; stroke-dashoffset: 0; }\n      .btn-socio:hover .btn-socio__icon{ animation: none; }\n      .btn-socio{ transition: none; }\n    }\n  <\/style>\n\n  <button class=\"btn-socio\" type=\"button\">\n    Fes-te soci del Club Cambra\n    <svg class=\"btn-socio__icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <!-- Flecha minimal -->\n      <path d=\"M5 12h12M13 6l6 6-6 6\"><\/path>\n    \n  \n&#8211;>\n<\/div>\n<\/div>\n\n\n\n<style>\n#informacio{  z-index:10; }\n#informacio h2{ font-size:30px; font-weight:400 !important;}\n#informacio p.label-info {flex: 0 0 95px !important;}\n#informacio .fila-info {display:flex !important;}\n#informacio .fila-info p {  font-size:15px !important; font-weight:400 !important; line-height:19px;}\n#informacio .fila-info p strong {font-weight:800 !important;}\n@media (max-width: 980px){\n#informacio h2{ font-size:25px; text-align:center; margin:40px 0px;}\n#informacio .fila-info p {font-size:15px; flex-basis: 0px;}\n#informacio .fila-info p  strong {font-size:15px;}\n#informacio p.label-info {flex: 0 0 0px !important;}\n  .fila-info {\n    flex-direction: column;\n  }\n}\n\n<\/style>\n<\/div>\n\n\n\n<!--\nRequisitos:\n1) Al contenedor de la secci\u00f3n: clase \"animation\"\n2) A los elementos que quieras animar: clase \"reveal\"\n(Opcional) Si no quieres escalonado: a\u00f1ade data-no-stagger=\"1\" al contenedor (si tu bloque lo permite)\n-->\n\n<style>\n\/* ===== InSitu Reveal (SOLO dentro de .animation) ===== *\/\n.animation .reveal{\n  opacity: 0;\n  transform: translateY(18px);\n  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\n  will-change: transform, opacity;\n}\n\n\/* Visible *\/\n.animation .reveal.is-visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* (Opcional) suavizado extra en im\u00e1genes\/botones al entrar *\/\n.animation .reveal.is-visible img,\n.animation .reveal.is-visible a,\n.animation .reveal.is-visible button{\n  transition: inherit;\n}\n\n\/* Accesibilidad *\/\n@media (prefers-reduced-motion: reduce){\n  .animation .reveal{\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n\/**\n * InSitu Reveal \u2014 para Gutenberg (en un Bloque HTML).\n * - Aplica a cualquier contenedor con clase .animation\n * - Elementos animables: .reveal\n * - Idempotente (no duplica)\n * - Stagger autom\u00e1tico por orden DOM (cap)\n * - Fix del \"hero arriba\" (double rAF + reflow)\n *\/\n(function(){\n  if (window.__INSITU_REVEAL_MULTI__) return;\n  window.__INSITU_REVEAL_MULTI__ = true;\n\n  function initContainer(scope){\n    if (!scope) return;\n\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var items = scope.querySelectorAll('.reveal');\n    if (!items.length) return;\n\n    \/\/ Reduced motion: mostrar directo\n    if (reduce){\n      for (var i=0;i<items.length;i++){\n        items[i].style.transitionDelay = '0ms';\n        items[i].classList.add('is-visible');\n      }\n      return;\n    }\n\n    \/\/ Asegura estado inicial (por si hay re-render Gutenberg\/cach\u00e9)\n    for (var r=0;r<items.length;r++){\n      items[r].classList.remove('is-visible');\n      items[r].offsetHeight; \/\/ reflow\n    }\n\n    \/\/ Stagger por contenedor (se puede desactivar con data-no-stagger=\"1\")\n    var noStagger = scope.getAttribute('data-no-stagger') === '1';\n    function applyStagger(el, idx){\n      if (noStagger) { el.style.transitionDelay = '0ms'; return; }\n      var d = 70 + (idx * 90);   \/\/ base + incremental\n      if (d > 520) d = 520;      \/\/ cap\n      el.style.transitionDelay = d + 'ms';\n    }\n    for (var s=0;s<items.length;s++) applyStagger(items[s], s);\n\n    \/\/ Activaci\u00f3n diferida para asegurar animaci\u00f3n incluso si ya est\u00e1 en viewport\n    requestAnimationFrame(function(){\n      requestAnimationFrame(function(){\n        \/\/ Fallback sin IntersectionObserver: animar todo\n        if (!('IntersectionObserver' in window)){\n          for (var k=0;k<items.length;k++) items[k].classList.add('is-visible');\n          return;\n        }\n\n        var io = new IntersectionObserver(function(entries){\n          for (var j=0;j<entries.length;j++){\n            var e = entries[j];\n            if (!e.isIntersecting) continue;\n\n            \/\/ Solo anima elementos de ESTE contenedor\n            if (!scope.contains(e.target)) continue;\n\n            e.target.classList.add('is-visible');\n            io.unobserve(e.target);\n          }\n        }, { threshold: 0.12, rootMargin: '0px 0px -10% 0px' });\n\n        for (var m=0;m<items.length;m++) io.observe(items[m]);\n      });\n    });\n  }\n\n  function boot(){\n    var containers = document.querySelectorAll('.animation');\n    if (!containers.length) return;\n\n    for (var i=0;i<containers.length;i++){\n      var c = containers[i];\n\n      \/\/ Evita reiniciar el mismo contenedor\n      if (c.__insituInited) continue;\n      c.__insituInited = true;\n\n      initContainer(c);\n    }\n  }\n\n  \/\/ DOM ready\n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', boot, { once:true });\n  } else {\n    boot();\n  }\n\n  \/\/ Reintentos suaves por si Gutenberg\/tema hidrata tarde\n  setTimeout(function(){ try{ boot(); }catch(e){} }, 350);\n  setTimeout(function(){ try{ boot(); }catch(e){} }, 900);\n})();\n<\/script>\n\n\n\n<script>\n(function () {\n  \/\/ Limitar solo a \/insitu\n  if (!\/^\\\/insitu\\\/?$\/.test(location.pathname)) return;\n\n  \/\/ Desactivar en m\u00f3vil (mejor UX nativa)\n  if (window.matchMedia(\"(max-width: 768px)\").matches) return;\n\n  \/\/ Altura cabecera sticky\n  const HEADER_OFFSET = 145;   \/\/ px\n  const EXTRA_GAP = 10;        \/\/ px (opcional, para que no quede pegado)\n\n  const maxDuration = 900; \/\/ ms\n  const minDuration = 350; \/\/ ms\n\n  function easeInOut(t) {\n    return t < 0.5\n      ? 2 * t * t\n      : 1 - Math.pow(-2 * t + 2, 2) \/ 2;\n  }\n\n  function smoothScrollTo(targetY) {\n    const startY = window.scrollY;\n    const distance = targetY - startY;\n    const startTime = performance.now();\n\n    const duration = Math.min(\n      maxDuration,\n      Math.max(minDuration, Math.abs(distance) * 0.6)\n    );\n\n    function step(now) {\n      const elapsed = now - startTime;\n      const progress = Math.min(elapsed \/ duration, 1);\n      const eased = easeInOut(progress);\n\n      window.scrollTo(0, startY + distance * eased);\n\n      if (progress < 1) requestAnimationFrame(step);\n    }\n\n    requestAnimationFrame(step);\n  }\n\n  function scrollToId(id){\n    const target = document.getElementById(id);\n    if (!target) return;\n\n    const y = target.getBoundingClientRect().top + window.scrollY - HEADER_OFFSET - EXTRA_GAP;\n    smoothScrollTo(Math.max(0, y));\n  }\n\n  \/\/ Click en anclas\n  document.addEventListener(\"click\", (e) => {\n    const link = e.target.closest('a[href^=\"#\"]');\n    if (!link) return;\n\n    const id = (link.getAttribute(\"href\") || \"\").slice(1);\n    if (!id) return;\n\n    e.preventDefault();\n    scrollToId(id);\n\n    \/\/ (Opcional) actualiza la URL sin saltar\n    if (history && history.pushState) history.pushState(null, \"\", \"#\" + id);\n  });\n\n  \/\/ Si entras con #hash en la URL, ajusta tambi\u00e9n\n  if (location.hash && location.hash.length > 1){\n    const id = decodeURIComponent(location.hash.slice(1));\n    \/\/ Espera 1 frame para que WP termine layout\n    requestAnimationFrame(() => scrollToId(id));\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que entienden el valor del tiempo compartido, de las conexiones aut\u00e9nticas y del networking hecho con calma. Situado en la sede de la Cambra de Comer\u00e7 de Barcelona, en la Avenida Diagonal 452, InSitu ofrece un ambiente tranquilo y [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"ep_exclude_from_search":false,"footnotes":""},"class_list":["post-120794","page","type-page","status-publish","hentry"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>InSitu | Club Cambra | Cambra de Comer\u00e7 de Barcelona<\/title>\n<meta name=\"description\" content=\"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cambrabcn.org\/es\/insitu\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"InSitu\" \/>\n<meta property=\"og:description\" content=\"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cambrabcn.org\/es\/insitu\/\" \/>\n<meta property=\"og:site_name\" content=\"Cambra de Comer\u00e7 de Barcelona\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-26T07:18:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1132\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@cambrabcn\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/\",\"url\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/\",\"name\":\"InSitu | Club Cambra | Cambra de Comer\u00e7 de Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cambrabcn.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg\",\"datePublished\":\"2026-01-22T08:37:37+00:00\",\"dateModified\":\"2026-10-26T07:18:42+00:00\",\"description\":\"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cambrabcn.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg\",\"contentUrl\":\"https:\\\/\\\/cambrabcn.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/insitu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"InSitu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/\",\"name\":\"Cambra de Comer\u00e7 de Barcelona\",\"description\":\"La Cambra de Tothom\",\"publisher\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#organization\"},\"alternateName\":\"Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#organization\",\"name\":\"Cambra de Comer\u00e7 de Barcelona\",\"alternateName\":\"Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona\",\"url\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cambrabcn.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-cambra-300x77-1.png\",\"contentUrl\":\"https:\\\/\\\/cambrabcn.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-cambra-300x77-1.png\",\"width\":300,\"height\":77,\"caption\":\"Cambra de Comer\u00e7 de Barcelona\"},\"image\":{\"@id\":\"https:\\\/\\\/cambrabcn.org\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/cambrabcn\",\"https:\\\/\\\/www.instagram.com\\\/cambrabcn\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/cambrabcn\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/PressCambrabcn\",\"https:\\\/\\\/ca.wikipedia.org\\\/wiki\\\/Cambra_Oficial_de_Comer\u00e7,_Ind\u00fastria_i_Navegaci\u00f3_de_Barcelona\",\"http:\\\/\\\/viaf.org\\\/viaf\\\/124017095\"],\"description\":\"La Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona \u00e9s una corporaci\u00f3 de dret p\u00fablic que presta serveis a les empreses, contribuint a la regeneraci\u00f3 del teixit econ\u00f2mic i la creaci\u00f3 d\u2019ocupaci\u00f3.\",\"email\":\"cambra@cambrabcn.cat\",\"telephone\":\"+34 93 416 93 00\",\"legalName\":\"La Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona\",\"foundingDate\":\"1886-01-01\",\"vatID\":\"Q0873001B\",\"taxID\":\"Q0873001B\",\"naics\":\"813910\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"InSitu | Club Cambra | Cambra de Comer\u00e7 de Barcelona","description":"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.","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:\/\/cambrabcn.org\/es\/insitu\/","og_locale":"es_ES","og_type":"article","og_title":"InSitu","og_description":"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.","og_url":"https:\/\/cambrabcn.org\/es\/insitu\/","og_site_name":"Cambra de Comer\u00e7 de Barcelona","article_modified_time":"2026-10-26T07:18:42+00:00","og_image":[{"width":2000,"height":1132,"url":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@cambrabcn","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cambrabcn.org\/es\/insitu\/","url":"https:\/\/cambrabcn.org\/es\/insitu\/","name":"InSitu | Club Cambra | Cambra de Comer\u00e7 de Barcelona","isPartOf":{"@id":"https:\/\/cambrabcn.org\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cambrabcn.org\/es\/insitu\/#primaryimage"},"image":{"@id":"https:\/\/cambrabcn.org\/es\/insitu\/#primaryimage"},"thumbnailUrl":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg","datePublished":"2026-01-22T08:37:37+00:00","dateModified":"2026-10-26T07:18:42+00:00","description":"InSitu es el punto de encuentro del Club Cambra: un entorno pensado para empresarios y empresarias que valoran el tiempo compartido.","breadcrumb":{"@id":"https:\/\/cambrabcn.org\/es\/insitu\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cambrabcn.org\/es\/insitu\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cambrabcn.org\/es\/insitu\/#primaryimage","url":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg","contentUrl":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2026\/05\/slide-home-insitu-cambra-de-barcelona-1024x580.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/cambrabcn.org\/es\/insitu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cambrabcn.org\/es\/"},{"@type":"ListItem","position":2,"name":"InSitu"}]},{"@type":"WebSite","@id":"https:\/\/cambrabcn.org\/es\/#website","url":"https:\/\/cambrabcn.org\/es\/","name":"Cambra de Comer\u00e7 de Barcelona","description":"La Cambra de Tothom","publisher":{"@id":"https:\/\/cambrabcn.org\/es\/#organization"},"alternateName":"Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cambrabcn.org\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cambrabcn.org\/es\/#organization","name":"Cambra de Comer\u00e7 de Barcelona","alternateName":"Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona","url":"https:\/\/cambrabcn.org\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cambrabcn.org\/es\/#\/schema\/logo\/image\/","url":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2023\/11\/logo-cambra-300x77-1.png","contentUrl":"https:\/\/cambrabcn.org\/wp-content\/uploads\/2023\/11\/logo-cambra-300x77-1.png","width":300,"height":77,"caption":"Cambra de Comer\u00e7 de Barcelona"},"image":{"@id":"https:\/\/cambrabcn.org\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/cambrabcn","https:\/\/www.instagram.com\/cambrabcn\/","https:\/\/www.linkedin.com\/school\/cambrabcn","https:\/\/www.youtube.com\/user\/PressCambrabcn","https:\/\/ca.wikipedia.org\/wiki\/Cambra_Oficial_de_Comer\u00e7,_Ind\u00fastria_i_Navegaci\u00f3_de_Barcelona","http:\/\/viaf.org\/viaf\/124017095"],"description":"La Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona \u00e9s una corporaci\u00f3 de dret p\u00fablic que presta serveis a les empreses, contribuint a la regeneraci\u00f3 del teixit econ\u00f2mic i la creaci\u00f3 d\u2019ocupaci\u00f3.","email":"cambra@cambrabcn.cat","telephone":"+34 93 416 93 00","legalName":"La Cambra Oficial de Comer\u00e7, Ind\u00fastria, Serveis i Navegaci\u00f3 de Barcelona","foundingDate":"1886-01-01","vatID":"Q0873001B","taxID":"Q0873001B","naics":"813910"}]}},"mfb_rest_fields":["pp_statuses_selecting_workflow","pp_workflow_action","pp_status_selection","yoast_head","yoast_head_json"],"_links":{"self":[{"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/pages\/120794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/comments?post=120794"}],"version-history":[{"count":3,"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/pages\/120794\/revisions"}],"predecessor-version":[{"id":143206,"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/pages\/120794\/revisions\/143206"}],"wp:attachment":[{"href":"https:\/\/cambrabcn.org\/es\/wp-json\/wp\/v2\/media?parent=120794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}