/* Espaço do corretor (Eduardo Fetter) sobre os três modelos. Só peças novas; o resto vem do modelo. */
.e-selo{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 4px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--grafite);font-size:13px;font-weight:700;box-shadow:0 8px 24px -12px rgba(46,46,46,.4)}
.e-selo img{width:32px;height:32px;border-radius:999px;object-fit:cover}
.e-foto{display:block;flex:none;width:32px;height:32px;border-radius:999px;overflow:hidden;clip-path:circle(50%)}
.e-foto img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}
.e-selo svg.i{width:16px;height:16px;color:var(--brand-legivel);stroke-width:2.4}
.e-zap{background:#25D366;color:var(--grafite)}
.e-recorte{display:block;width:auto;height:100%;max-width:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.e-cargo{font-size:15px;color:rgba(255,255,255,.85);margin:10px 0 0}
.e-cargo b{color:var(--brand);font-weight:700}
.e-mail{font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* SYM: foto inteira, Eduardo à direita, por cima */
.e-sym{place-items:stretch}
.e-sym:after{background:linear-gradient(90deg,rgba(46,46,46,.82) 0%,rgba(46,46,46,.55) 45%,rgba(46,46,46,.25) 100%),linear-gradient(0deg,rgba(46,46,46,.5),transparent 40%)}
.e-sym .grade{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:1240px;width:100%;margin:0 auto;padding:0 28px;height:100%}
.e-sym .txt{align-self:center;padding-top:60px}
.e-sym h1{font-size:clamp(40px,4.8vw,68px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:22px 0 0}
.e-sym h1 span{display:block;font-size:.42em;font-weight:500;letter-spacing:-.01em;color:var(--brand);margin-top:10px}
.e-sym .bts{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 34px}
.e-sym .s-abas{justify-content:flex-start}
.e-sym .foto{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%}
.e-sym .foto:before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:72%;border-radius:999px 999px 0 0;background:radial-gradient(closest-side,rgba(253,200,63,.55),rgba(253,200,63,0))}
.e-sym .foto .e-recorte{position:relative;height:88%;max-height:820px}

/* JBA: faixa grafite/amarelo com o recorte saindo do bloco */
.e-jba{padding:140px 0 24px}
.e-jba .bloco{position:relative;border-radius:20px;background:linear-gradient(112deg,var(--grafite) 0%,var(--grafite) 60%,var(--brand) 60%,var(--brand) 100%);color:#fff;min-height:340px;display:grid;grid-template-columns:1.1fr .9fr}
.e-jba .txt{padding:48px 0 48px 56px;align-self:center}
.e-jba small{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
.e-jba h2{font-size:clamp(34px,3.6vw,52px);font-weight:600;letter-spacing:-.03em;margin:8px 0 0}
.e-jba .bts{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}
.e-jba .bts .e-mail{color:rgba(255,255,255,.88)}
.e-jba .selo-linha{margin-top:20px}
.e-jba .foto{position:absolute;top:0;right:0;bottom:0;width:42%}
.e-jba .foto .e-recorte{position:absolute;right:14%;bottom:0;height:calc(100% + 110px)}

/* A.Gonçalves: avatar no cabeçalho e banner com recorte ao lado do lançamento */
.e-av{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.3}
.e-av img{width:44px;height:44px;border-radius:999px;object-fit:cover;box-shadow:0 0 0 2px var(--brand)}
.e-av .e-foto{width:44px;height:44px;clip-path:none;box-shadow:0 0 0 2px var(--brand)}
.e-av .e-foto img{width:100%;height:100%;box-shadow:none;border-radius:0}
.e-av b{display:block;font-size:14px;color:var(--ink)}
.e-av span{color:var(--ink-muted)}
.e-ag{display:grid;grid-template-columns:minmax(560px,46%) 1fr;height:440px;background:var(--grafite)}
.e-ag .esq{position:relative;background:var(--brand);color:var(--grafite);border-bottom-right-radius:56px;overflow:hidden;padding:40px 0 40px max(40px,calc((100vw - 1200px)/2 + 24px))}
.e-ag .esq .txt{position:relative;z-index:1;max-width:300px}
.e-ag .esq small{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.e-ag .esq h2{font-size:clamp(30px,2.8vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:10px 0 10px}
.e-ag .esq p{margin:0 0 18px;font-size:14px;font-weight:600}
.e-ag .esq .e-selo{background:var(--grafite);color:#fff;margin-bottom:16px;white-space:nowrap;font-size:12.5px}
.e-ag .esq .e-selo svg.i{color:var(--brand)}
.e-ag .esq .e-recorte{position:absolute;right:0;bottom:0;height:94%}
.e-ag .dir{position:relative;overflow:hidden;color:#fff}
.e-ag .dir>img{width:100%;height:100%;object-fit:cover}
.e-ag .dir:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(46,46,46,.85),rgba(46,46,46,0) 55%)}
.e-ag .dir .txt{position:absolute;z-index:1;left:36px;right:36px;bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.e-ag .dir small{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.e-ag .dir h3{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:6px 0 2px}
.e-ag .dir p{margin:0;font-size:14px;color:rgba(255,255,255,.85)}
.e-ag .dir .e-preco{text-align:right;font-size:12px;color:rgba(255,255,255,.8)}
.e-ag .dir .e-preco b{display:block;font-size:20px;color:var(--brand)}

@media(max-width:1023px){
  .e-sym .grade{grid-template-columns:1fr 1fr}
  .e-jba .bloco{grid-template-columns:1fr;background:linear-gradient(170deg,var(--grafite) 0%,var(--grafite) 62%,var(--brand) 62%)}
  .e-jba .foto{position:relative;width:auto;height:380px}
  .e-jba .foto .e-recorte{right:50%;transform:translateX(50%);height:420px}
  .e-ag{grid-template-columns:1fr;height:auto}
  .e-ag .esq{height:420px}
  .e-ag .dir{height:280px}
}
@media(max-width:767px){
  .e-sym .grade{grid-template-columns:1fr;padding:0 18px}
  .e-sym .txt{padding-top:84px;order:1}
  .e-sym .foto{order:0;display:none}
  .e-sym h1{font-size:40px}
  .e-sym{padding:0 0 48px!important}
  .e-sym .grade{height:auto}
  .e-sym .bts .btn{flex:1;padding:0 14px;font-size:14px;white-space:nowrap}
  .e-num{display:none}
  .e-sym-cel{display:block!important}
  .e-jba{padding-top:110px}
  .e-jba .txt{padding:32px 24px 36px}
  .e-jba .e-selo{font-size:12px}
  .e-jba .foto{height:340px}
  .e-jba .foto .e-recorte{height:360px}
  .e-ag .esq{padding:32px 24px;height:400px}
  .e-ag .esq .txt{max-width:58%}
  .e-ag .esq .e-selo{white-space:normal;height:auto;padding:4px 12px 4px 4px}
  .e-ag .esq .a-bt{padding:0 12px;font-size:11px}
  .e-ag .esq .e-recorte{height:78%;right:-30px}
  .e-ag .dir .txt{left:20px;right:20px;flex-direction:column;align-items:flex-start}
  .e-ag .dir .e-preco{text-align:left}
  .e-av span{display:none}
}
/* no celular a SYM mostra o Eduardo num cartão acima do texto */
.e-sym-cel{display:none;position:relative;height:300px;margin:0 -18px -10px;overflow:hidden}
.e-sym-cel:before{content:"";position:absolute;left:15%;right:15%;bottom:0;height:80%;border-radius:999px 999px 0 0;background:radial-gradient(closest-side,rgba(253,200,63,.55),rgba(253,200,63,0))}
.e-sym-cel .e-recorte{position:relative;margin:0 auto;height:100%}

/* balão de WhatsApp do corretor (no lugar do chat da imobiliária) */
.e-fab .e-fab-dica{position:absolute;right:72px;top:50%;translate:0 -50%;white-space:nowrap;background:var(--grafite);color:#fff;font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s}
.e-fab:hover .e-fab-dica,.e-fab:focus-visible .e-fab-dica{opacity:1}
@media(max-width:767px){.e-fab{right:16px;bottom:16px;width:56px;height:56px}}

/* A BUSCA DO HERO DO ESPAÇO (21/10/2026): tipo, cidade, bairros (vários), dormitórios e preço até, na coluna do
   texto (nunca sobre a foto do corretor, que fica na coluna da direita). As colunas se ajustam à LARGURA DA COLUNA
   (que muda com a foto: uma foto larga empurra a coluna): 3 por linha quando cabe, 2 quando não, sempre em 2 no celular. */
.e-busca{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;max-width:680px;padding:10px;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 24px 60px -20px rgba(0,0,0,.5);color:var(--ink)}
.e-c{position:relative;display:flex;min-width:0}
.e-c select,.e-bai-bt{width:100%;height:48px;padding:0 36px 0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:left;appearance:none;-webkit-appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.e-c select:focus-visible,.e-bai-bt:focus-visible,.e-buscar:focus-visible{outline:2px solid var(--grafite);outline-offset:2px}
.e-bai-bt{display:flex;align-items:center}
.e-bai-bt span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.e-bai-bt:disabled{color:var(--ink-muted,#6b6b6b);cursor:not-allowed;background:#f4f4f4}
.e-c>svg,.e-bai-bt>svg{position:absolute;right:12px;top:50%;translate:0 -50%;width:16px;height:16px;pointer-events:none;color:var(--ink-soft)}
.e-buscar{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:6px;background:var(--grafite);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.e-buscar:hover{background:var(--brand);color:var(--grafite)}
.e-buscar svg{width:18px;height:18px}
.e-bai-lista{position:absolute;z-index:6;left:0;top:calc(100% + 6px);width:max(100%,280px);max-width:calc(100vw - 36px);padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.4)}
.e-bai-lista[hidden]{display:none}
.e-bairros.sobe .e-bai-lista{top:auto;bottom:calc(100% + 6px)}
.e-bai-filtro{width:100%;height:40px;margin:0 0 6px;padding:0 12px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.e-bai-itens{overflow:auto;overscroll-behavior:contain}
.e-bai-itens label{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 6px;border-radius:4px;font-size:14px;color:var(--ink);cursor:pointer}
.e-bai-itens label:hover{background:var(--brand-soft)}
.e-bai-itens input{width:18px;height:18px;accent-color:var(--grafite);flex:none}
.e-bai-itens p{margin:0;padding:10px 6px;font-size:14px;color:var(--ink-soft)}
@media(max-width:767px){
  .e-busca{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .e-c select,.e-bai-bt,.e-bai-filtro{font-size:16px}
  .e-c select,.e-bai-bt{padding:0 30px 0 12px}
  .e-c>svg,.e-bai-bt>svg{right:10px}
}
@media(prefers-reduced-motion:reduce){.e-buscar{transition:none}}