/* Widget é uma <section> de largura total — o wrapper do Elementor não pode criar caixa própria
   (mesmo mecanismo do home.css para bliving_numeros/floripa/instagram). */
.elementor-element:has(>.elementor-widget-bliving_sobre_capa),
.elementor-element:has(>.elementor-widget-bliving_sobre_quemsomos),
.elementor-element:has(>.elementor-widget-bliving_sobre_espaco),
.elementor-element:has(>.elementor-widget-bliving_sobre_mvv),
.elementor-element:has(>.elementor-widget-bliving_sobre_trajetoria),
.elementor-element:has(>.elementor-widget-bliving_sobre_equipe),
.elementor-element:has(>.elementor-widget-bliving_sobre_contato){display:block!important;padding:0!important;margin:0!important;gap:0!important;width:100%!important;max-width:none!important;min-height:0!important}
/* ===== Página "Sobre a B. Living" — clone do design de referência (24/09/2026) =====
   Manual da marca: Montserrat leve, azul #072432, bege #F0E9E1, camel #D2BA9F só em detalhes,
   branco. Cantos retos, sem sombra, sem cartão arredondado.
   Fundo de cada seção vai de ponta a ponta; o conteúdo fica numa coluna de até 1300px. */
.bl-sobre{--sb-lado:max(5vw,calc((100vw - 1300px)/2));--sb-texto:var(--azul-escuro);--sb-dourado:#A87B3C;--sb-dourado-esc:#7E5A26}

/* Cabeçalho de seção = mesmo desenho do título da seção Instagram (kicker + linha, título 32px) */
.bl-cab{font-family:'Montserrat',sans-serif}
.bl-cab__kicker{display:flex;align-items:center;gap:10px;margin:0}
.bl-cab__kicker span{font-size:13px;font-weight:400;line-height:1.2;text-transform:uppercase;color:#a87b3c;white-space:nowrap}
.bl-cab__linha{flex:1;border-top:1px solid #d2ba9f}
.bl-cab__titulo{margin:0;padding:10px 0;font-family:'Montserrat',sans-serif;font-size:32px;font-weight:300;line-height:38.4px;color:#1b2933}
.bl-cab--claro .bl-cab__kicker span{color:var(--nude)}
.bl-cab--claro .bl-cab__linha{border-top-color:rgba(210,186,159,.45)}
.bl-cab--claro .bl-cab__titulo{color:#fff}

/* animação de entrada leve (equivalente ao "Fade In Up" do Elementor, menor) */
[data-bl-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.7,.3,1)}
[data-bl-reveal].bl-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-bl-reveal]{opacity:1;transform:none;transition:none}}

/* textos corridos da página: todos na mesma cor (a da Missão/Visão) */
.bl-quemsomos__texto,.bl-espaco__sub,.bl-mvv__texto,.bl-mvv__lista,.bl-trajetoria__intro,.bl-marco__texto,.bl-equipe__texto,.bl-pessoa__bio{color:var(--sb-texto)}

/* 1. CAPA — foto centralizada, altura próxima da proporção real (16:9) para a fachada aparecer inteira */
.bl-capa{position:relative;height:clamp(460px,50vw,900px);display:flex;align-items:flex-end;overflow:hidden;background:var(--azul-escuro)}
.bl-capa__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--bl-fx,50%) var(--bl-fy,50%)}
/* o Elementor força img{height:auto}: aqui a foto tem que preencher o bloco */
.bl-capa .bl-capa__img,.bl-espaco .bl-espaco__foto,.bl-pessoa__foto img{height:100%!important;max-width:none!important}
.bl-capa__véu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,36,50,.9) 0%,rgba(7,36,50,.78) 30%,rgba(7,36,50,.4) 58%,rgba(7,36,50,.12) 100%)}
.bl-capa__texto{position:relative;z-index:1;max-width:640px;padding:56px 0 64px var(--sb-lado)}
.bl-capa__titulo{margin:0 0 18px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;color:#fff}
.bl-capa__sub{margin:0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:clamp(15px,1.5vw,18px);line-height:1.5;color:rgba(255,255,255,.88);max-width:460px}
.bl-capa .bl-kicker{margin:0 0 14px;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--nude)}

/* 2. QUEM SOMOS — kicker+linha em toda a largura; título à esquerda, texto à direita */
.bl-quemsomos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:60px;align-items:start;padding:88px var(--sb-lado) 72px;background:#fff}
.bl-quemsomos>div:first-child,.bl-quemsomos .bl-cab{display:contents}
.bl-quemsomos .bl-cab__kicker{grid-column:1/-1;margin-bottom:14px}
.bl-quemsomos__texto{padding-top:13px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:15px;line-height:1.75}
.bl-quemsomos__texto p{margin:0 0 18px}
.bl-quemsomos__texto p:last-child{margin-bottom:0}

/* 3. NOSSO ESPAÇO — texto à esquerda, uma foto só à direita (sem sobreposição) */
.bl-espaco{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;background:var(--bege-claro)}
.bl-espaco__texto{padding:72px 56px 72px var(--sb-lado);align-self:center}
.bl-espaco__sub{margin:8px 0 0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:14.5px;line-height:1.7;max-width:460px}
.bl-espaco__fotos{position:relative;min-height:460px;overflow:hidden}
.bl-espaco__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* 4. MISSÃO / VISÃO / VALORES */
.bl-mvv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:80px var(--sb-lado) 16px;background:#fff}
.bl-mvv__col{padding-left:24px;border-left:1px solid var(--nude)}
.bl-mvv__rotulo{margin:0 0 14px;font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.bl-mvv__texto{margin:0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:14.5px;line-height:1.7}
.bl-mvv__lista{margin:0;padding:0;list-style:none;font-family:'Montserrat',sans-serif;font-weight:300;font-size:14.5px;line-height:2.1}

/* 5. TRAJETÓRIA — S deitado: a linha serpenteia de um lado ao outro, cada ano numa ponta da curva */
.bl-trajetoria{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:60px;align-items:start;padding:64px var(--sb-lado) 72px;background:#fff}
/* cabeçalho igual ao da Equipe: kicker+linha em toda a largura, título à esquerda, texto à direita */
.bl-trajetoria__topo,.bl-trajetoria .bl-cab{display:contents}
.bl-trajetoria .bl-cab__kicker{grid-column:1/-1;margin-bottom:14px}
.bl-trajetoria__intro{margin:0 0 56px;padding-top:13px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:15px;line-height:1.75;text-align:left}
.bl-trajetoria__linha{grid-column:1/-1;width:100%}
.bl-trajetoria__linha{position:relative;max-width:1100px;margin:0 auto}
.bl-trajetoria__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bl-marco{position:absolute;width:calc(30% - 20px);font-family:'Montserrat',sans-serif}
.bl-marco--esq{right:70%;text-align:right;margin-right:-6px}
.bl-marco--dir{left:70%;text-align:left;margin-left:-6px}
/* ano com a bolinha colada nele; a bolinha fica exatamente na ponta da curva */
.bl-marco__ano{display:flex;align-items:center;gap:14px;margin:-14px 0 6px;font-size:24px;font-weight:300;line-height:28px;color:var(--dourado)}
.bl-marco--esq .bl-marco__ano{flex-direction:row-reverse}
.bl-marco__ponto{position:relative;flex:none;width:12px;height:12px;border-radius:50%;background:var(--dourado);box-shadow:0 0 0 4px #fff}
.bl-marco__ponto::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--dourado);animation:bl-pulso 2.4s ease-out infinite}
@keyframes bl-pulso{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(2.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.bl-marco__ponto::after{animation:none}}
.bl-marco__titulo{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.12em;color:var(--azul-escuro)}
.bl-marco__texto{margin:0;font-weight:300;font-size:13.5px;line-height:1.6}
.bl-marco--esq .bl-marco__titulo,.bl-marco--esq .bl-marco__texto{padding-right:26px}
.bl-marco--dir .bl-marco__titulo,.bl-marco--dir .bl-marco__texto{padding-left:26px}

/* 6. EQUIPE — mesmo esquema do Quem somos: kicker+linha, título à esquerda, texto à direita */
.bl-equipe{padding:88px var(--sb-lado);background:var(--bege-claro)}
.bl-equipe__topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:60px;align-items:start;margin-bottom:52px}
.bl-equipe__topo>div:first-child,.bl-equipe__topo .bl-cab{display:contents}
.bl-equipe__topo .bl-cab__kicker{grid-column:1/-1;margin-bottom:14px}
.bl-equipe__texto{margin:0;padding-top:13px;font-size:15px!important;line-height:1.75!important;font-family:'Montserrat',sans-serif;font-weight:300;font-size:14.5px;line-height:1.7}
.bl-equipe__grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.bl-pessoa__foto{aspect-ratio:4/5;background:var(--nude);overflow:hidden;margin-bottom:18px}
.bl-pessoa__foto img{width:100%;height:100%;object-fit:cover;display:block}
.bl-pessoa__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(7,36,50,.35)}
.bl-pessoa__placeholder svg{width:34%;height:34%}
.bl-pessoa__nome{margin:0 0 4px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--azul-escuro)}
.bl-pessoa__funcao{margin:0 0 10px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-dourado)}
.bl-pessoa__bio{margin:0 0 12px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:13.5px;line-height:1.6}
.bl-pessoa__email{display:inline-block;margin:0 0 14px;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:500;color:var(--sb-dourado);text-decoration:none!important;border:0;transition:color .25s ease;word-break:break-all}
.bl-pessoa__email:hover{color:var(--sb-dourado-esc)}
.bl-pessoa__redes{display:flex;align-items:center;gap:18px;padding-top:14px;border-top:1px solid rgba(168,123,60,.25)}
.bl-pessoa__redes a{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--sb-dourado);text-decoration:none;transition:color .25s ease}
.bl-pessoa__redes a i{color:inherit}
.bl-pessoa__redes a:hover{color:var(--sb-dourado-esc)}
.bl-pessoa__redes svg{width:18px;height:18px;display:block;fill:currentColor}
.bl-pessoa__rede-ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}
.bl-pessoa__redes--lista{flex-direction:column;align-items:flex-start;gap:10px}
.bl-pessoa__redes--lista a{width:auto;height:auto;gap:10px}
.bl-pessoa__rede-txt{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--azul-escuro);transition:color .25s ease}
.bl-pessoa__redes--lista a:hover .bl-pessoa__rede-txt{color:var(--sb-dourado-esc)}

/* 7. CONTATO FINAL */
/* cartão azul (sem formulário) sobre o fundo claro da página, com respiro antes do rodapé */
.bl-contatofinal{padding:64px var(--sb-lado);background:#faf8f4}
.bl-contatofinal__cartao{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:60px;align-items:start;margin:0;padding:64px clamp(28px,5vw,72px);background:var(--azul-escuro);box-shadow:0 18px 50px rgba(7,36,50,.14)}
.bl-contatofinal__cartao>.bl-contatofinal__col:first-child,.bl-contatofinal .bl-cab{display:contents}
.bl-contatofinal .bl-cab__kicker{grid-column:1/-1;margin-bottom:14px}
.bl-contatofinal__col:last-child{padding-top:13px}
.bl-contatofinal__texto{margin:0 0 26px;font-family:'Montserrat',sans-serif;font-weight:300;font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.8)}

/* Instagram (widget bliving_instagram reaproveitado): sem altura de 100vh nesta página */
.bl-sobre .bl-insta{height:auto;min-height:0;padding:72px var(--sb-lado) 0}

@media(max-width:960px){
  .bl-quemsomos,.bl-equipe__topo{grid-template-columns:1fr}
  .bl-quemsomos__texto{padding-top:14px}
  .bl-equipe__texto{padding:14px 0 0}
  .bl-mvv{grid-template-columns:1fr;gap:28px}
  .bl-mvv__col{border-left:0;border-top:1px solid var(--nude);padding-left:0;padding-top:22px}
  .bl-espaco{grid-template-columns:1fr}
  .bl-espaco__texto{padding:56px var(--sb-lado)}
  .bl-espaco__fotos{min-height:56vw}
  .bl-equipe__grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-trajetoria{grid-template-columns:1fr}
  .bl-trajetoria__intro{padding-top:14px;margin-bottom:40px}
  .bl-contatofinal__cartao{grid-template-columns:1fr;text-align:left}
}
@media(max-width:640px){
  .bl-sobre{--sb-lado:6vw}
  .bl-cab__titulo{font-size:26px;line-height:32px}
  /* capa no celular: foto ocupando o bloco todo, texto por cima embaixo, sobre um degradê azul */
  .bl-capa{height:520px;min-height:0}
  .bl-capa .bl-capa__img{object-position:88% center}
  .bl-capa__véu{background:linear-gradient(180deg,rgba(7,36,50,.1) 0%,rgba(7,36,50,.2) 35%,rgba(7,36,50,.78) 62%,rgba(7,36,50,.95) 100%)}
  .bl-sobre .bl-insta{padding-top:56px}
  .bl-contatofinal{padding-top:44px;padding-bottom:44px}
  .bl-contatofinal__cartao{padding:44px 26px}
  .bl-capa__texto{padding:0 6% 40px;max-width:none}
  .bl-quemsomos,.bl-equipe{padding-top:64px;padding-bottom:64px}
  .bl-equipe__grade{grid-template-columns:1fr;gap:44px}
  /* trajetória no celular: linha reta à esquerda, bolinha pulsando ao lado de cada ano */
  .bl-trajetoria__svg{display:none}
  .bl-trajetoria__linha{height:auto!important;padding:4px 0 0 28px}
  .bl-trajetoria__linha::before{content:"";position:absolute;top:12px;bottom:12px;left:5px;width:1px;background:var(--nude)}
  .bl-marco,.bl-marco--esq,.bl-marco--dir{position:relative;top:auto!important;left:auto;right:auto;width:auto;text-align:left;margin:0 0 30px}
  .bl-marco__ano,.bl-marco--esq .bl-marco__ano{flex-direction:row;margin:0 0 6px -28px}
  .bl-marco--esq .bl-marco__titulo,.bl-marco--esq .bl-marco__texto,.bl-marco--dir .bl-marco__titulo,.bl-marco--dir .bl-marco__texto{padding:0}
}

/* ===== Carrossel de fotos (Capa / Nosso espaço) ===== */
.bl-car{position:absolute;inset:0;overflow:hidden}
.bl-car__trilho{position:absolute;inset:0;display:flex;transition:transform var(--bl-car-vel,700ms) cubic-bezier(.22,.7,.3,1)}
.bl-car__slide{position:relative;flex:0 0 100%;height:100%}
.bl-car__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--bl-fx,50%) var(--bl-fy,50%);display:block;max-width:none!important}
.bl-car[data-efeito="fade"] .bl-car__trilho{display:block;transition:none;transform:none!important}
.bl-car[data-efeito="fade"] .bl-car__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--bl-car-vel,700ms) ease}
.bl-car[data-efeito="fade"] .bl-car__slide.is-ativo{opacity:1}
.bl-car__seta{position:absolute;top:50%;z-index:3;width:46px;height:46px;margin-top:-23px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.55);background:rgba(7,36,50,.35);color:#fff;border-radius:50%;cursor:pointer;transition:background .25s,opacity .25s}
.bl-car__seta svg{width:22px;height:22px}
.bl-car__seta:hover,.bl-car__seta:focus{background:var(--nude);color:var(--azul-escuro);border-color:var(--nude)}
.bl-car__seta--ant{left:20px}.bl-car__seta--prox{right:20px}
.bl-car__seta[disabled]{opacity:.3;pointer-events:none}
.bl-car__bolinhas{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;gap:10px}
.bl-car__bolinha{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;transition:background .25s,transform .25s}
.bl-car__bolinha.is-ativo{background:var(--nude);border-color:var(--nude);transform:scale(1.25)}
.bl-capa__véu{pointer-events:none}
@media(max-width:700px){.bl-car__seta{width:38px;height:38px;margin-top:0;top:auto;bottom:16px}.bl-car__seta--ant{left:auto;right:64px}.bl-car__seta--prox{right:16px}}

/* Quem somos: caixa de destaque ("Uma nova etapa") */
.bl-quemsomos .bl-etapa{grid-column:2;margin-top:26px;padding:26px 30px;background:var(--bege-claro);border-left:2px solid var(--nude)}
.bl-etapa__titulo{margin:0 0 10px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--azul-escuro)}
.bl-etapa__texto{margin:0;font-family:'Montserrat',sans-serif;font-weight:300;font-size:15px;line-height:1.7;color:var(--sb-texto)}
@media(max-width:860px){.bl-quemsomos .bl-etapa{grid-column:1}}

/* Capa da Sobre: sobreposição editável (Estilo > Sobreposição): cor e intensidade via --bl-ov-rgb/--bl-ov */
.bl-capa__véu{background:linear-gradient(90deg,rgba(var(--bl-ov-rgb,7,36,50),calc(.85 * var(--bl-ov,1))) 0%,rgba(var(--bl-ov-rgb,7,36,50),max(calc(.6 * var(--bl-ov,1)),calc(var(--bl-ov-dir,0) * var(--bl-ov,1)))) calc(var(--bl-ov-alc,60%) * .53),rgba(var(--bl-ov-rgb,7,36,50),max(calc(.2 * var(--bl-ov,1)),calc(var(--bl-ov-dir,0) * var(--bl-ov,1)))) var(--bl-ov-alc,60%),rgba(var(--bl-ov-rgb,7,36,50),calc(var(--bl-ov-dir,0) * var(--bl-ov,1))) 100%)}
@media(max-width:640px){.bl-capa__véu{background:linear-gradient(180deg,rgba(var(--bl-ov-rgb,7,36,50),calc(.1 * var(--bl-ov,1))) 0%,rgba(var(--bl-ov-rgb,7,36,50),calc(.2 * var(--bl-ov,1))) 35%,rgba(var(--bl-ov-rgb,7,36,50),calc(.78 * var(--bl-ov,1))) 62%,rgba(var(--bl-ov-rgb,7,36,50),calc(.95 * var(--bl-ov,1))) 100%)}}

/* Capa: "Foto inteira" (sem cortar) com as laterais preenchidas pela mesma foto desfocada */
.bl-capa__fundo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(28px) brightness(.85);transform:scale(1.15);max-width:none!important;pointer-events:none}
.bl-ajuste-contain .bl-capa__fundo{display:block}
.bl-ajuste-contain .bl-capa__img,.bl-ajuste-contain .bl-car__img{object-fit:contain}
.bl-capa__img,.bl-car__img{z-index:0}

/* Cabeçalho transparente por cima da capa (opção no widget da capa); ao rolar, o topo fixo volta ao normal */
body.bl-topo-transp .topo{position:absolute;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:60;background:transparent!important;border-bottom:0!important;padding-top:0!important}
body.bl-topo-transp .topo:not(.bl-rolou) .topo-linha{background:transparent!important;border-bottom-color:transparent!important}
body.bl-topo-transp .topo:not(.bl-rolou) .busca,body.bl-topo-transp .topo:not(.bl-rolou) .abrir-menu,body.bl-topo-transp .topo:not(.bl-rolou) .busca:hover,body.bl-topo-transp .topo:not(.bl-rolou) .abrir-menu:hover{color:#fff!important}
body.bl-topo-transp .topo:not(.bl-rolou) .abrir-menu .bars span{background:#fff!important}
body.bl-topo-transp:not(.bl-topo-transp--logo) .topo:not(.bl-rolou) .marca img{filter:brightness(0) invert(1)}
.topo .marca .marca-clara{display:none}
body.bl-topo-transp--logo .topo:not(.bl-rolou) .marca img:not(.marca-clara){display:none}
body.bl-topo-transp--logo .topo:not(.bl-rolou) .marca .marca-clara{display:block}
body.bl-topo-transp .bl-capa::before{content:"";position:absolute;left:0;right:0;top:0;height:200px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,var(--bl-topo-sombra,.35)) 0%,rgba(0,0,0,0) 100%)}