/* Mudei pra SC v0.1.0 — design "guia de viagem moderno". CSS próprio, sem framework, mobile-first.
   Marca: amarelo (destaque), branco e escuro. Letras: Plus Jakarta Sans (texto e títulos) + Anton (só no logo). */
@font-face{font-family:"Jakarta";src:url(/static/fontes/plus-jakarta-sans-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Anton";src:url(/static/fontes/anton-latin.woff2) format("woff2");font-display:swap}
:root{
  --amarelo:#FFD60A;--amarelo-2:#FFC300;--amarelo-claro:#FFF6CC;--laranja:#FF8A1F;
  --escuro:#0B1220;--escuro-2:#131C30;--escuro-3:#24314D;
  --tinta:#0B1220;--tinta-2:#334155;--suave:#4B5568;--linha:#E6E4DC;--fundo:#FFFFFF;--fundo-2:#F7F6F1;
  --link:#0B5CAD;--verde:#18794E;--vermelho:#B42318;--oceano:#0E6E8C;
  --r-sm:12px;--r:20px;--r-lg:28px;
  --sombra:0 1px 2px rgba(11,18,32,.05),0 8px 24px -6px rgba(11,18,32,.12);
  --sombra-forte:0 2px 4px rgba(11,18,32,.06),0 24px 48px -12px rgba(11,18,32,.28);
  --ease:cubic-bezier(.22,1,.36,1);
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --corpo:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--corpo);font-size:1.125rem;line-height:1.7;color:var(--tinta);background:var(--fundo);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
@media (min-width:900px){body{font-size:1.1875rem}}
html.letra-grande{font-size:118.75%}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:#08427D}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px;box-shadow:0 0 0 6px var(--escuro);border-radius:6px}
.pular{position:absolute;left:-999px;top:8px;background:var(--amarelo);color:var(--escuro);padding:.6rem 1rem;font-weight:800;z-index:200;border-radius:10px}
.pular:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.caixa{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}
.texto-longo{max-width:70ch}
h1,h2,h3{line-height:1.12;margin:0 0 .55em;letter-spacing:-.025em;font-weight:800}
h1{font-size:clamp(2.3rem,6.4vw,4.6rem)}
h2{font-size:clamp(1.75rem,4.2vw,2.75rem)}
h3{font-size:1.3rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.num{font-variant-numeric:tabular-nums}
[id]{scroll-margin-top:96px}
small{font-size:.85em}

/* ---------- topo fixo translúcido (encolhe ao rolar) ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:100;color:#fff;transition:background .35s var(--ease),box-shadow .35s var(--ease),color .35s}
.topo .caixa{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;transition:min-height .35s var(--ease)}
.topo.rolou{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);color:var(--tinta);box-shadow:0 1px 0 rgba(11,18,32,.08),0 10px 30px -18px rgba(11,18,32,.35)}
.topo.rolou .caixa{min-height:60px}
.logo{display:inline-flex;align-items:center;text-decoration:none;color:#fff;font-family:var(--display);font-size:1.45rem;letter-spacing:.02em;line-height:1;padding:.5rem .75rem;border:2px solid var(--amarelo);border-radius:12px;background:#000;transition:transform .2s var(--ease)}
.logo b{color:var(--amarelo);font-weight:400;margin-left:.3em}
.logo:hover{color:#fff;transform:rotate(-2deg) scale(1.03)}
.direita{display:flex;align-items:center;gap:.4rem}
.nav-desk{display:none}
.nav-desk a{color:inherit;text-decoration:none;padding:.55rem .8rem;border-radius:999px;font-weight:700;font-size:.98rem;position:relative;transition:background .2s}
.nav-desk a:hover{background:rgba(127,127,127,.16);color:inherit}
.nav-desk a[aria-current=page]{background:var(--amarelo);color:var(--escuro)}
@media (min-width:1000px){.nav-desk{display:flex;gap:.15rem}.menu{display:none}}
.bt-letra{min-width:48px;min-height:46px;border-radius:999px;border:1.5px solid currentColor;background:transparent;color:inherit;font:800 1rem var(--corpo);cursor:pointer;opacity:.9;transition:background .2s,transform .15s}
.bt-letra:hover{background:rgba(127,127,127,.16)}
.bt-letra[aria-pressed=true]{background:var(--amarelo);color:var(--escuro);border-color:var(--amarelo)}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;gap:.45rem;padding:.4rem 1rem;border:1.5px solid currentColor;border-radius:999px;font-weight:800}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 10px);background:#fff;color:var(--tinta);border-radius:var(--r);padding:.5rem;min-width:260px;box-shadow:var(--sombra-forte);animation:cair .25s var(--ease)}
.menu nav a{display:block;color:var(--tinta);text-decoration:none;padding:.85rem 1rem;border-radius:12px;font-weight:700}
.menu nav a:hover,.menu nav a[aria-current=page]{background:var(--amarelo-claro)}
@keyframes cair{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- herói (vídeo ou foto) ---------- */
.heroi{position:relative;color:#fff;background:var(--escuro);overflow:hidden;min-height:clamp(560px,92svh,940px);display:flex;align-items:flex-end;isolation:isolate}
.heroi.medio{min-height:clamp(520px,78svh,820px)}
.heroi .midia,.heroi picture{position:absolute;inset:0;z-index:-2}
.heroi .midia img,.heroi .midia video,.heroi picture img{width:100%;height:100%;object-fit:cover}
.heroi .midia img{animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.heroi::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,18,32,.55) 0%,rgba(11,18,32,.15) 30%,rgba(11,18,32,.35) 55%,rgba(11,18,32,.92) 100%)}
.heroi .caixa{padding-top:8rem;padding-bottom:3.2rem}
.heroi h1{max-width:15ch;text-shadow:0 2px 30px rgba(0,0,0,.35);margin-bottom:.35em}
.heroi h1 em{font-style:normal;color:var(--amarelo)}
.heroi .lead{font-size:clamp(1.12rem,2.2vw,1.35rem);max-width:52ch;color:#EEF2F7;line-height:1.6}
.selo{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;font-size:.92rem;padding:.4rem .9rem;border-radius:999px;margin-bottom:1.1rem}
.selo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 0 0 rgba(255,214,10,.7);animation:pulso 2s infinite}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(255,214,10,.65)}70%{box-shadow:0 0 0 12px rgba(255,214,10,0)}100%{box-shadow:0 0 0 0 rgba(255,214,10,0)}}
.credito-foto{position:absolute;right:.75rem;bottom:.6rem;z-index:2;font-size:.75rem;color:#D5DAE3;background:rgba(0,0,0,.45);padding:.2rem .55rem;border-radius:8px;max-width:calc(100% - 1.5rem)}
.credito-foto a{color:#fff}
.faixa-dados{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:2rem;max-width:860px}
@media (min-width:760px){.faixa-dados{grid-template-columns:repeat(4,1fr)}}
.faixa-dados div{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:.8rem 1rem}
.faixa-dados b{display:block;font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:800;color:var(--amarelo);line-height:1.15;font-variant-numeric:tabular-nums}
.faixa-dados span{font-size:.92rem;color:#E4E9F1;line-height:1.35;display:block}
.rolar-dica{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);width:28px;height:44px;border:2px solid rgba(255,255,255,.7);border-radius:16px;display:none}
.rolar-dica::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:rolar 1.8s infinite}
@keyframes rolar{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media (min-width:1000px){.heroi.cheio .rolar-dica{display:block}}

/* faixa de título das páginas internas (fundo escuro com brilho suave) */
.faixa{position:relative;color:#fff;background:var(--escuro);overflow:hidden;padding:8.5rem 0 3rem;isolation:isolate}
.faixa::before,.faixa::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55}
.faixa::before{width:520px;height:520px;left:-140px;top:-180px;background:radial-gradient(circle,#0E6E8C,transparent 65%);animation:aurora 14s ease-in-out infinite alternate}
.faixa::after{width:460px;height:460px;right:-120px;bottom:-220px;background:radial-gradient(circle,rgba(255,214,10,.55),transparent 65%);animation:aurora 12s ease-in-out infinite alternate-reverse}
@keyframes aurora{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,30px) scale(1.15)}}
.faixa h1{font-size:clamp(2.1rem,5.4vw,3.8rem);max-width:20ch}
.faixa .lead{color:#DCE3EE;font-size:1.2rem;max-width:60ch;margin:0}
.faixa .migalhas{color:#BFC8D6;padding:0;margin-bottom:1rem}
.faixa .migalhas a{color:#fff}

/* migalhas */
.migalhas{font-size:.95rem;color:var(--suave);padding:1rem 1.25rem 0}
.migalhas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.migalhas li+li::before{content:"›";margin-right:.35rem;opacity:.7}

/* ---------- botões com micro-interação ---------- */
.botoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.bt{--sombra-bt:0 6px 18px -6px rgba(0,0,0,.35);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:.85rem 1.5rem;border-radius:999px;font:800 1.05rem/1.2 var(--corpo);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s;will-change:transform}
.bt:hover{transform:translateY(-2px);box-shadow:var(--sombra-bt)}
.bt:active{transform:translateY(0) scale(.97)}
.bt .seta{transition:transform .25s var(--ease)}
.bt:hover .seta{transform:translateX(4px)}
.bt-primario{background:var(--amarelo);color:var(--escuro)}
.bt-primario:hover{background:#FFE14D;color:var(--escuro)}
.bt-secundario{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bt-secundario:hover{background:#fff;color:var(--escuro)}
.bt-escuro{background:var(--escuro);color:#fff}
.bt-escuro:hover{background:var(--escuro-3);color:#fff}
.bt-claro{background:#fff;color:var(--escuro);border-color:var(--linha)}
.bt-claro:hover{border-color:var(--escuro);color:var(--escuro)}
.bt svg{width:22px;height:22px;flex:none}

/* ---------- seções ---------- */
.secao{padding:4.5rem 0}
@media (min-width:900px){.secao{padding:6rem 0}}
.secao.topo-0{padding-top:2rem}
.secao.cinza{background:var(--fundo-2)}
.secao.escura{background:var(--escuro);color:#fff}
.secao.escura a{color:var(--amarelo)}
.chapeu{display:inline-block;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--oceano);margin-bottom:.7rem}
.secao.escura .chapeu{color:var(--amarelo)}
.intro{font-size:1.2rem;color:var(--tinta-2);max-width:62ch}
.secao.escura .intro{color:#CBD3E0}
h2 .marca-texto,h1 .marca-texto{background:linear-gradient(transparent 62%,var(--amarelo) 62%);padding:0 .1em}
.cab-secao{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}
.cab-secao h2{margin:0}

/* bloco com fonte */
.bloco{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:1.5rem;margin:1.2rem 0;box-shadow:var(--sombra)}
.bloco>h3:first-child{margin-top:0}
.fonte{margin:1.1rem 0 0;padding-top:.85rem;border-top:1px dashed #D6D3C8;font-size:.9rem;color:var(--suave);line-height:1.55}
.fonte strong{color:var(--tinta)}
.aviso{border-left:5px solid var(--laranja);background:#FFF6EC;padding:1rem 1.2rem;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:1.2rem 0}
.aviso p:last-child{margin:0}

/* números grandes (com contador animado) */
.numeros{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin:1.6rem 0;padding:0;list-style:none}
@media (min-width:900px){.numeros{grid-template-columns:repeat(4,1fr)}}
.numeros li{position:relative;overflow:hidden;background:var(--escuro);color:#fff;border-radius:var(--r);padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.numeros li::after{content:"";position:absolute;width:160px;height:160px;right:-60px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,10,.28),transparent 70%)}
.numeros li:hover{transform:translateY(-4px);box-shadow:var(--sombra-forte)}
.numeros .valor{font-size:clamp(1.8rem,5.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--amarelo);line-height:1.05;font-variant-numeric:tabular-nums}
.numeros .rotulo{font-weight:700;line-height:1.3}
.numeros .det{font-size:.88rem;color:#BCC6D6;line-height:1.4}

/* tabelas */
.dica-rolar{display:none;font-size:.95rem;color:var(--suave);margin:.3rem 0 0}
@media (max-width:760px){.dica-rolar{display:block}}
.tabela{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--linha);border-radius:var(--r);margin:1rem 0;background:#fff;box-shadow:var(--sombra)}
table{border-collapse:collapse;width:100%;font-size:1rem;min-width:520px}
caption{text-align:left;font-weight:800;padding:1rem 1.1rem;caption-side:top}
th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top}
thead th{background:var(--escuro);color:#fff;font-size:.92rem;font-weight:700}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tbody tr{transition:background .2s}
tbody tr:hover{background:#FFFBEA}
tbody tr:nth-child(even){background:#FBFAF7}
tbody tr:nth-child(even):hover{background:#FFFBEA}
tr.destaque,tr.destaque:nth-child(even){background:var(--amarelo-claro)!important;font-weight:800}
.tag{display:inline-block;font-size:.8rem;font-weight:800;padding:.18rem .6rem;border-radius:999px;background:var(--fundo-2);border:1px solid var(--linha);white-space:nowrap}
.tag.ok{background:#E3F4EA;border-color:#B7E1C8;color:var(--verde)}
.tag.breve{background:#FFF0DB;border-color:#FFD3A1;color:#8A4A00}

/* cartões de cidade com foto grande */
.cartoes{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:700px){.cartoes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cartoes.tres{grid-template-columns:repeat(3,1fr)}}
.cartao{position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.cartao:hover{transform:translateY(-6px);box-shadow:var(--sombra-forte)}
.cartao .corpo{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.cartao h3{margin:0;font-size:1.35rem}
.cartao h3 a{color:var(--tinta);text-decoration:none}
.cartao h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.cartao .mais{margin-top:auto;font-weight:800;color:var(--link);display:inline-flex;gap:.4rem;align-items:center}
.cartao .mais .seta{transition:transform .25s var(--ease)}
.cartao:hover .mais .seta{transform:translateX(5px)}
.cartao .foto{position:relative;overflow:hidden;aspect-ratio:16/10}
.cartao .foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.cartao:hover .foto img{transform:scale(1.07)}
.cartao .foto .chips{position:absolute;left:1rem;bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem;z-index:2}
.chip{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.92);color:var(--escuro);font-weight:800;font-size:.85rem;padding:.3rem .7rem;border-radius:999px;box-shadow:0 4px 12px -4px rgba(0,0,0,.3)}
.chip.am{background:var(--amarelo)}
.ferramenta{position:relative;border-radius:var(--r-lg);padding:1.6rem;background:#fff;border:1px solid var(--linha);box-shadow:var(--sombra);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;display:flex;flex-direction:column;gap:.5rem}
.ferramenta:hover{transform:translateY(-6px);box-shadow:var(--sombra-forte);border-color:var(--amarelo-2)}
.ferramenta .icone{width:56px;height:56px;border-radius:16px;background:var(--amarelo);display:grid;place-items:center;margin-bottom:.4rem;transition:transform .35s var(--ease)}
.ferramenta:hover .icone{transform:rotate(-6deg) scale(1.08)}
.ferramenta .icone svg{width:28px;height:28px}
.ferramenta h3{margin:0}
.ferramenta h3 a{color:var(--tinta);text-decoration:none}
.ferramenta h3 a::after{content:"";position:absolute;inset:0}
.ferramenta p{margin:0;color:var(--tinta-2)}
.ferramenta .mais{margin-top:auto;font-weight:800;color:var(--link)}

/* mapa interativo de SC */
.mapa-wrap{display:grid;gap:1.5rem;align-items:start}
@media (min-width:960px){.mapa-wrap{grid-template-columns:1.5fr 1fr}}
.mapa{position:relative;background:linear-gradient(160deg,#EAF4F8,#F7F6F1);border-radius:var(--r-lg);padding:1rem;border:1px solid var(--linha);box-shadow:var(--sombra)}
.mapa svg{width:100%;height:auto;display:block;overflow:visible}
.mapa .estado{fill:#fff;stroke:#9DB3C2;stroke-width:2;filter:drop-shadow(0 10px 18px rgba(14,110,140,.18))}
.mapa .pino{cursor:pointer;outline:none}
.mapa .pino circle.ponto{fill:var(--escuro);stroke:#fff;stroke-width:3;transition:r .25s var(--ease),fill .25s}
.mapa .pino:hover circle.ponto,.mapa .pino:focus circle.ponto,.mapa .pino.ativo circle.ponto{r:20;fill:var(--laranja)}
.mapa .pino text{font:800 32px var(--corpo);fill:var(--escuro);paint-order:stroke;stroke:#fff;stroke-width:6px;pointer-events:none}
.mapa .pino:focus-visible circle.ponto{stroke:var(--escuro);stroke-width:5}
.mapa-ficha{position:absolute;min-width:220px;max-width:280px;pointer-events:none;background:var(--escuro);color:#fff;border-radius:16px;padding:.8rem 1rem;box-shadow:var(--sombra-forte);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s var(--ease);font-size:.95rem;line-height:1.45;z-index:5}
.mapa-ficha.visivel{opacity:1;transform:none}
.mapa-ficha b{color:var(--amarelo);font-size:1.05rem}
.lista-cidades{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.lista-cidades{grid-template-columns:minmax(0,1fr)}}
.mapa-wrap>*{min-width:0}
.lista-cidades a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;padding:.55rem .9rem;border-radius:14px;background:#fff;border:1px solid var(--linha);text-decoration:none;color:var(--tinta);font-weight:700;font-size:.98rem;transition:border-color .2s,transform .2s var(--ease),background .2s}
.lista-cidades a:hover,.lista-cidades a.ativo{border-color:var(--escuro);transform:translateX(3px);background:var(--amarelo-claro)}
.lista-cidades .pos{font-variant-numeric:tabular-nums;color:var(--suave);font-weight:700;font-size:.8rem;white-space:nowrap}

/* as 14 cidades: todas com o mesmo peso visual (ordem alfabética) */
.cid-grade{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.9rem;grid-template-columns:1fr}
@media (min-width:640px){.cid-grade{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.cid-grade{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1280px){.cid-grade{grid-template-columns:repeat(4,1fr)}}
.cid-card{position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:.5rem;transition:transform .3s var(--ease),border-color .3s}
.cid-card:hover{transform:translateY(-3px);border-color:var(--escuro)}
.cid-card h3{margin:0;font-size:1.15rem}
.cid-card h3 a{color:var(--tinta);text-decoration:none}
.cid-card h3 a::after{content:"";position:absolute;inset:0}
.cid-card .tag{align-self:flex-start}
.cid-card dl{margin:.2rem 0 0;display:grid;gap:.2rem;font-size:.92rem}
.cid-card dl div{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px dashed var(--linha);padding:.15rem 0}
.cid-card dt{color:var(--tinta-2)}
.cid-card dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cid-card .mais{margin-top:auto;padding-top:.3rem;font-weight:800;color:var(--link);font-size:.95rem}

/* comparador: pesos do índice */
.pesos{display:grid;gap:.8rem 1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:end;margin:1.2rem 0}
.pesos .campo{margin:0}
.pesos input{max-width:7rem}
.pesos .com-unid span{min-width:0}
.pesos .bt{grid-column:1/-1;justify-self:start}

/* tabela ordenável */
table[data-ordenavel] thead th{padding:0}
button.ordenar{all:unset;box-sizing:border-box;display:block;width:100%;padding:.8rem 1rem;cursor:pointer;font:inherit;color:inherit;text-align:inherit;line-height:1.3}
button.ordenar:hover{background:rgba(255,255,255,.08)}
button.ordenar:focus-visible{outline:3px solid var(--amarelo);outline-offset:-3px}
.seta-ord::after{content:"↕";margin-left:.35rem;opacity:.55;font-size:.85em}
th[aria-sort=ascending] .seta-ord::after{content:"↑";opacity:1}
th[aria-sort=descending] .seta-ord::after{content:"↓";opacity:1}

/* carrossel de vídeos */
.carrossel{position:relative}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.4rem .2rem 1.2rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
@media (min-width:700px){.trilho{grid-auto-columns:calc(50% - .6rem)}}
@media (min-width:1050px){.trilho{grid-auto-columns:calc(33.333% - .75rem)}}
.trilho>*{scroll-snap-align:start}
.setas{display:flex;gap:.5rem}
.seta-bt{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--escuro);background:#fff;color:var(--escuro);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s var(--ease)}
.seta-bt:hover{background:var(--amarelo);transform:scale(1.06)}
.seta-bt:disabled{opacity:.35;cursor:default;transform:none;background:#fff}
.seta-bt svg{width:22px;height:22px}
.secao.escura .seta-bt{background:transparent;color:#fff;border-color:#fff}
.secao.escura .seta-bt:hover{background:var(--amarelo);color:var(--escuro)}

/* vídeo leve */
.videos.um{max-width:820px}
.video figure{margin:0}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:var(--r);overflow:hidden;background:#000;cursor:pointer;box-shadow:var(--sombra)}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),opacity .3s}
.yt:hover img{transform:scale(1.05)}
.yt .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:rgba(255,255,255,.95);border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .3s var(--ease),background .3s}
.yt:hover .play{transform:translate(-50%,-50%) scale(1.1);background:var(--amarelo)}
.yt .play svg{width:30px;height:30px;fill:var(--escuro);margin-left:4px}
.yt-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);background:#000}
.video figcaption{font-weight:800;margin-top:.8rem;line-height:1.35;font-size:1.05rem}
.video figcaption a{color:inherit;text-decoration:none}
.video figcaption a:hover{text-decoration:underline}

/* listas de prós e contras */
.lista-check{list-style:none;padding:0;margin:0}
.lista-check li{position:relative;padding-left:2.2rem;margin:.75rem 0}
.lista-check li::before{content:"";position:absolute;left:0;top:.3em;width:1.4rem;height:1.4rem;border-radius:50%}
.lista-check.pro li::before{background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/68% no-repeat}
.lista-check.contra li::before{background:var(--vermelho) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/60% no-repeat}
.duas{display:grid;gap:1.2rem}
@media (min-width:800px){.duas{grid-template-columns:1fr 1fr}}

/* sumário da página: pílulas roláveis */
.sumario{margin:2rem 0 0}
.sumario h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--suave);margin-bottom:.6rem}
.sumario ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.sumario a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem 1rem;border-radius:999px;background:var(--fundo-2);border:1px solid var(--linha);color:var(--tinta);text-decoration:none;font-weight:700;font-size:.98rem;transition:background .2s,border-color .2s,transform .2s var(--ease)}
.sumario a:hover{background:var(--amarelo-claro);border-color:var(--amarelo-2);transform:translateY(-2px)}

/* mesa do marcelo */
.mesa{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:2rem;background:linear-gradient(135deg,#FFF8D6,#FFFDF3);border:1px solid #F3E3A0;margin:2rem 0}
.mesa::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,195,0,.35),transparent 70%)}
.mesa h2{margin-bottom:.4rem}

/* formulário de e-mail (CTA principal) */
.guia-email{position:relative;overflow:hidden;isolation:isolate;background:var(--escuro);color:#fff;border-radius:var(--r-lg);padding:2rem 1.5rem;margin:3rem 0}
@media (min-width:800px){.guia-email{padding:3rem}}
.guia-email::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,10,.4),transparent 65%);filter:blur(20px)}
.guia-email h2{color:#fff;max-width:20ch}
.guia-email h2 em{font-style:normal;color:var(--amarelo)}
.guia-email form{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem;max-width:620px}
.guia-email label{font-weight:800}
.guia-email input[type=email]{min-height:56px;font:500 1.1rem var(--corpo);padding:.7rem 1.1rem;border-radius:999px;border:2px solid transparent;width:100%;background:#fff;color:var(--tinta)}
.guia-email input[type=email]:focus{border-color:var(--amarelo)}
.guia-email .ajuda{font-size:.92rem;color:#C8CFDB;margin:0}
.guia-email a{color:var(--amarelo)}
.guia-email .retorno{background:var(--escuro-3);border-radius:14px;padding:.9rem 1.1rem;margin:0}
@media (min-width:700px){.guia-email .linha{display:flex;gap:.6rem}.guia-email .linha input{flex:1}}
.guia-email .bt{width:100%;margin-top:.5rem}
@media (min-width:700px){.guia-email .bt{width:auto;margin-top:0}}

/* FAQ */
.faq details{border:1px solid var(--linha);border-radius:16px;margin:.7rem 0;background:#fff;transition:box-shadow .25s,border-color .25s}
.faq details[open]{box-shadow:var(--sombra);border-color:#D3CFC2}
.faq summary{cursor:pointer;font-weight:800;padding:1.05rem 3.2rem 1.05rem 1.2rem;min-height:44px;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:1.1rem;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--amarelo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1220' stroke-width='3'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/58% no-repeat;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 1.2rem 1.1rem;color:var(--tinta-2)}

/* corretor (só aparece com CRECI) */
.corretor{border:2px solid var(--escuro);border-radius:var(--r);padding:1.4rem;background:#fff}

/* ferramentas: comparador, calculadora, checklist, busca */
.comparador,.calc{display:grid;gap:1rem;margin:1.5rem 0}
@media (min-width:800px){.comparador{grid-template-columns:repeat(3,1fr)}}
.calc fieldset{border:1px solid var(--linha);border-radius:var(--r);padding:1.2rem 1.3rem;margin:0;background:#fff;display:grid;gap:1rem;box-shadow:var(--sombra)}
@media (min-width:800px){.calc fieldset{grid-template-columns:repeat(2,1fr)}}
.calc legend{font-weight:800;font-size:1.25rem;padding:0 .5rem;letter-spacing:-.01em}
.campo{display:flex;flex-direction:column;gap:.35rem}
.campo label,.busca label{font-weight:800}
.campo select,.campo input,.busca input{min-height:54px;font:500 1.1rem var(--corpo);padding:.6rem 1rem;border:2px solid #A7AFBD;border-radius:14px;background:#fff;color:var(--tinta);width:100%;transition:border-color .2s,box-shadow .2s}
.campo select:focus,.campo input:focus,.busca input:focus{border-color:var(--escuro);box-shadow:0 0 0 4px rgba(255,214,10,.45);outline:none}
.com-unid{display:flex;align-items:center;gap:.5rem}
.com-unid span{min-width:3.2rem;font-weight:800;color:var(--suave)}
.ajuda{font-size:.95rem;color:var(--suave);margin:0}
.resultado{position:relative;overflow:hidden;background:var(--escuro);color:#fff;border-radius:var(--r-lg);padding:1.6rem;margin:1.5rem 0}
@media (min-width:900px){.calc-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:start}.calc-wrap .resultado{position:sticky;top:84px;margin-top:1.5rem}}
.resultado h2{color:#fff;font-size:1.6rem}
.resultado .ajuda{color:#C8CFDB;margin-top:.8rem}
.resultado .total{font-size:clamp(2.2rem,7vw,3.2rem);font-weight:800;letter-spacing:-.03em;color:var(--amarelo);line-height:1.05;margin:.2rem 0 .8rem;font-variant-numeric:tabular-nums}
.resultado .linhas{display:grid;gap:.55rem}
.resultado .linha-r{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center}
.resultado .linha-r span{color:#DDE2EA}
.resultado .linha-r b{font-variant-numeric:tabular-nums}
.barra{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.barra i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--amarelo),var(--laranja));transform-origin:left;animation:crescer .9s var(--ease) both}
@keyframes crescer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.resultado .renda{background:var(--escuro-3);border-radius:16px;padding:1rem 1.1rem;margin-top:1.1rem}
.cmp td.melhor{background:#E3F4EA}
.cmp .marca{display:block;font-size:.8rem;color:var(--verde);font-weight:800}
.cmp th small{display:block;font-weight:500;color:var(--suave);font-size:.85rem;margin-top:.15rem}
.cmp .barra-c{display:block;height:6px;margin-top:.4rem;border-radius:999px;background:#ECEAE3;overflow:hidden}
.cmp .barra-c i{display:block;height:100%;width:var(--p,0%);background:var(--escuro);border-radius:inherit;transform-origin:left;animation:crescer .9s var(--ease) both}
.cmp td.melhor .barra-c i{background:var(--verde)}
.cmp tr.rot-mob{display:none}
@media (max-width:760px){
  .cmp{table-layout:fixed;width:100%;min-width:0}
  .cmp .rot-desk{display:none}
  .cmp tr.rot-mob{display:table-row}
  .cmp tr.rot-mob th{background:var(--fundo-2);font-size:1rem;padding:.6rem .8rem}
  .cmp td{padding:.6rem .5rem;font-size:1rem}
  .cmp thead th{font-size:.9rem;padding:.6rem .5rem}
  .cmp th.n,.cmp td.n{white-space:normal;word-break:break-word;text-align:center}
}
.link-claro{color:var(--amarelo)!important}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--linha)}
.checklist li:last-child{border-bottom:0}
.checklist input{width:30px;height:30px;flex:none;margin-top:.1rem;accent-color:var(--verde);cursor:pointer}
.checklist label{display:flex;flex-direction:column;gap:.2rem;cursor:pointer}
.checklist label span{color:var(--tinta-2)}
.checklist input:checked+label strong{text-decoration:line-through;color:var(--suave)}
.progresso{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-weight:800;font-size:1.1rem;margin:1.5rem 0}
.progresso .trilha{flex:1;min-width:200px;height:12px;background:var(--fundo-2);border:1px solid var(--linha);border-radius:999px;overflow:hidden}
.progresso .trilha i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--verde),#2FB872);border-radius:inherit;transition:width .5s var(--ease)}
.busca{display:flex;flex-direction:column;gap:.4rem;max-width:680px;margin:1rem 0}
.resultados-lista{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.8rem}
.resultados-lista li{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--sombra);animation:cair .3s var(--ease) both}
.resultados-lista a{font-weight:800;font-size:1.15rem}
.resultados-lista p{margin:.3rem 0 0;color:var(--tinta-2)}

/* rodapé */
.rodape{background:var(--escuro);color:#C8CFDB;padding:3.5rem 0 2rem;font-size:1rem}
.rodape a{color:#fff}
.rodape .colunas{display:grid;gap:1.8rem}
@media (min-width:800px){.rodape .colunas{grid-template-columns:2fr 1fr 1fr 1fr}}
.rodape h2{font-size:1.05rem;letter-spacing:0;color:#fff;margin-bottom:.6rem}
.rodape ul{list-style:none;padding:0;margin:0}
.rodape li{margin:.4rem 0}
.rodape .pe{border-top:1px solid var(--escuro-3);margin-top:2rem;padding-top:1.1rem;font-size:.9rem}
.redes{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.redes a{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.45rem 1rem;border:1px solid var(--escuro-3);border-radius:999px;text-decoration:none;font-weight:700;transition:border-color .2s,color .2s,transform .2s var(--ease)}
.redes a:hover{border-color:var(--amarelo);color:var(--amarelo);transform:translateY(-2px)}
.redes svg{width:20px;height:20px}
main{display:block}

/* ---------- animações de entrada ao rolar (só com JS ligado) ---------- */
.js .revelar{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--atraso,0ms)}
.js .revelar.visivel{opacity:1;transform:none}

/* quem pede menos movimento não vê animação nenhuma */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .revelar{opacity:1;transform:none}
}
.heroi .midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease)}
.heroi .midia video.pronto{opacity:1}
.heroi .midia img.sem-zoom{animation:none}
.faixa .marca-texto{background:none;color:var(--amarelo);padding:0}
/* ajustes da revisão visual do redesenho */
body{font-weight:450;letter-spacing:.003em}
h1,h2,h3{letter-spacing:-.015em}
.heroi::after{background:
  linear-gradient(90deg,rgba(11,18,32,.82) 0%,rgba(11,18,32,.55) 45%,rgba(11,18,32,.1) 80%),
  linear-gradient(180deg,rgba(11,18,32,.55) 0%,rgba(11,18,32,0) 25%,rgba(11,18,32,0) 55%,rgba(11,18,32,.9) 100%)}
@media (max-width:760px){
  .heroi::after{background:linear-gradient(180deg,rgba(11,18,32,.7) 0%,rgba(11,18,32,.62) 50%,rgba(11,18,32,.92) 100%)}
  .heroi .caixa{padding-bottom:4.5rem;padding-top:7rem}
  .credito-foto{font-size:.7rem;bottom:.5rem}
}
.rolar-dica{display:none!important}
.heroi .lead{text-shadow:0 1px 12px rgba(0,0,0,.45)}
/* seções alternadas (fundo de ponta a ponta) nas páginas de guia */
main>.caixa>section.secao:nth-of-type(even){background:var(--fundo-2);box-shadow:0 0 0 100vmax var(--fundo-2);clip-path:inset(0 -100vmax)}
main>.caixa>section.secao{padding:4rem 0}
@media (min-width:900px){main>.caixa>section.secao{padding:5rem 0}}
/* ---------- imóveis (só com CRECI) ---------- */
.filtros{display:grid;gap:.8rem;grid-template-columns:1fr 1fr;margin:1rem 0}
@media (min-width:900px){.filtros{grid-template-columns:repeat(4,1fr)}}
.contagem{font-size:1.1rem;margin:.5rem 0 1.2rem}
.imovel[hidden]{display:none}
.imovel .preco{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--tinta)}
.imovel .ficha-curta{margin:0;color:var(--tinta-2);font-size:1rem}
.creci{font-size:.95rem;font-weight:700;color:var(--tinta-2);margin:.4rem 0 0}
.aviso-anuncio{font-size:.92rem;color:var(--suave);border-top:1px dashed #D6D3C8;padding-top:.9rem;margin-top:2rem}
.galeria{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r-lg);padding-bottom:.6rem}
@media (min-width:900px){.galeria{grid-auto-columns:62%}}
.galeria figure{margin:0;scroll-snap-align:start;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--fundo-2)}
.galeria img{width:100%;height:100%;object-fit:cover}
.imovel-grade{display:grid;gap:1.5rem;margin-top:2rem;align-items:start}
@media (min-width:900px){.imovel-grade{grid-template-columns:1.6fr 1fr}.contato-imovel{position:sticky;top:84px}}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0}
.ficha div{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:.8rem 1rem}
.ficha dt{font-size:.88rem;color:var(--suave);font-weight:700}
.ficha dd{margin:0;font-weight:800;font-size:1.08rem}
.contato-imovel{background:var(--escuro);color:#fff;border-radius:var(--r-lg);padding:1.5rem}
.contato-imovel .ajuda{color:#C8CFDB}
.contato-imovel .creci{color:#fff}
.contato-imovel a{color:var(--amarelo)}
.contato-imovel .bt-zap{color:var(--escuro);width:100%;margin:.8rem 0}
.preco-grande{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--amarelo);margin:0 0 .4rem}
.oportunidade{background:var(--amarelo-claro);border:1px solid #F3E3A0;border-radius:var(--r);padding:1.2rem;margin-bottom:1.5rem}
.oportunidade p:last-child{margin:0}
.mapa-imovel{margin-top:1.2rem}
.osm{width:100%;aspect-ratio:16/10;border:0;border-radius:var(--r);margin-top:1.2rem}
.logo{white-space:nowrap;flex:none}
.nav-desk a{white-space:nowrap}
/* com o item "Alto padrão" o menu ficou mais largo: o menu de desktop só aparece a partir de 1240px */
@media (min-width:1000px) and (max-width:1239px){.nav-desk{display:none}.menu{display:block}}
@media (min-width:1240px){.nav-desk a{padding:.5rem .7rem;font-size:.95rem}}
/* quem sou eu / autor */
.quem{background:linear-gradient(135deg,#FFF8D6 0%,#F7F6F1 55%,#EAF4F8 100%)}
.quem-grade{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.quem-grade{grid-template-columns:1fr 1.1fr;gap:3.5rem}}
.quem-foto{margin:0;position:relative}
.quem-foto img{display:block;width:min(100%,380px);aspect-ratio:1/1;height:auto;margin:0 auto;object-fit:cover;object-position:50% 30%;border-radius:50%;border:6px solid #fff;outline:4px solid var(--amarelo,#FFD500);box-shadow:var(--sombra-forte);transition:transform .5s var(--ease)}
.quem-foto:hover img{transform:scale(1.02)}
.quem-foto figcaption{text-align:center;font-size:.8rem;color:var(--suave);margin-top:.8rem}
.sobre-foto{margin:0 0 2rem}
.sobre-foto img{transform:none}
.autor{display:flex;align-items:center;gap:.8rem;margin:1.5rem 0 0;line-height:1.35}
.autor img{width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--amarelo)}
.autor small{color:var(--suave)}
.rod-marca{display:flex;align-items:center;gap:.6rem}
.rod-marca img{width:44px;height:44px;border-radius:50%}
.alerta-sim{background:#FFF0DB;color:#5A3200;border-radius:12px;padding:.8rem 1rem;margin:1rem 0 0;font-size:.98rem}

/* Imóveis: abas Lançamentos / Prontos para morar e galeria de plantas */
.abas-imoveis{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.4rem}
.abas-imoveis .bt{min-height:44px}
.galeria.plantas figure{background:#fff;border-radius:12px}
.galeria.plantas img{object-fit:contain;background:#fff}

/* Imóveis: condição de pagamento dentro do quadro do preço */
.contato-imovel .pagamento{margin:1rem 0;padding:1rem 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.contato-imovel .pagamento h3{margin:0 0 .6rem;font-size:1rem;color:inherit}
.contato-imovel .pagamento .ficha{grid-template-columns:1fr;gap:.5rem}
.contato-imovel .pagamento .ficha div{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.contato-imovel .pagamento dt{color:rgba(255,255,255,.75)}
.contato-imovel .pagamento dd{color:#fff;font-weight:700}
.contato-imovel .pagamento dd small{font-weight:400;opacity:.8}

/* Imóveis próprios do Marcelo (ferramenta Cadastro de Imóveis): selo Exclusivo/Reservado, descrição e diferenciais */
.chip.ex{background:var(--escuro);color:#fff}
.chip.res{background:var(--amarelo);color:var(--escuro)}
.chips-contato{margin:0 0 .6rem}
.contato-imovel .chip.ex{background:#fff;color:var(--escuro)}
.descricao-imovel p{margin:0 0 .8rem;max-width:68ch}
.diferenciais{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 1.2rem}
.diferenciais li{background:#fff;border:1px solid var(--linha);border-radius:999px;padding:.35rem .85rem;font-weight:700;font-size:.95rem}
.video-imovel{margin:1rem 0}

/* ================= Alto padrão · Litoral Norte (/alto-padrao/) — tudo escopado em .ap e nas classes ap-* =================
   Paleta: areia #F2EDE4, off-white, azul-marinho #1F2A3A, musgo #5B6B4E, caramelo #A9743E. Títulos em serifa do sistema. */
.ap{--ap-areia:#F2EDE4;--ap-off:#FAF7F2;--ap-marinho:#1F2A3A;--ap-marinho-2:#2B3A50;--ap-musgo:#5B6B4E;--ap-caramelo:#A9743E;
  --ap-claro:#E8D8BE;--ap-linha:#E2D9CA;--ap-texto:#2A3240;--ap-suave:#5B6474;
  --ap-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif}
body.ap{background:var(--ap-off);color:var(--ap-texto)}
body.ap .logo{border-color:var(--ap-caramelo)}
body.ap .logo b{color:var(--ap-claro)}
body.ap .topo.rolou{background:rgba(250,247,242,.9)}
body.ap .nav-desk a[aria-current],body.ap .menu nav a[aria-current]{background:var(--ap-areia);color:var(--ap-marinho)}
body.ap .bt-letra[aria-pressed=true]{background:var(--ap-areia);color:var(--ap-marinho);border-color:var(--ap-areia)}
body.ap :focus-visible{outline-color:var(--ap-caramelo);box-shadow:0 0 0 6px var(--ap-marinho)}
.ap .bt{border-radius:6px;font-weight:700;letter-spacing:.01em}
.bt-ap{background:var(--ap-areia);color:var(--ap-marinho)}
.bt-ap:hover{background:#fff;color:var(--ap-marinho)}
.bt-ap-linha{border-color:rgba(255,255,255,.75);color:#fff;background:transparent}
.bt-ap-linha:hover{background:rgba(255,255,255,.12);color:#fff}
.bt-ap-claro{background:transparent;color:var(--ap-marinho);border-color:var(--ap-marinho)}
.bt-ap-claro:hover{background:var(--ap-marinho);color:#fff}
.ap-heroi h1,.ap-secao h2,.ap-secao h3,.ap-chamada h2,.ap-preco{font-family:var(--ap-serif);font-weight:500;letter-spacing:0}
.ap-chapeu{font:700 .78rem/1.3 var(--corpo);text-transform:uppercase;letter-spacing:.18em;color:var(--ap-caramelo);margin:0 0 .9rem}
.ap-ajuda{font-size:.92rem;color:var(--ap-suave)}
.ap-creci-linha{font-size:.95rem;font-weight:700;color:var(--ap-musgo);letter-spacing:.01em}

/* herói sóbrio: foto, véu azul-marinho, sem zoom animado */
.ap-heroi{position:relative;color:#fff;background:var(--ap-marinho);overflow:hidden;min-height:clamp(500px,66svh,760px);display:flex;align-items:flex-end;isolation:isolate}
.ap-heroi.alto{min-height:clamp(540px,80svh,860px)}
.ap-heroi .midia,.ap-heroi picture{position:absolute;inset:0;z-index:-2}
.ap-heroi .midia img{width:100%;height:100%;object-fit:cover}
.ap-heroi::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(31,42,58,.6) 0%,rgba(31,42,58,.25) 32%,rgba(31,42,58,.45) 58%,rgba(31,42,58,.92) 100%)}
.ap-heroi .caixa{padding-top:8rem;padding-bottom:3.6rem}
.ap-heroi h1{font-size:clamp(2.2rem,5.4vw,4.1rem);line-height:1.08;max-width:17ch;margin:0 0 .4em;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.ap-heroi .lead{max-width:58ch;color:#EFE9DE;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6;margin:0}
.ap-heroi .ap-chapeu{color:var(--ap-claro)}
.ap-heroi .migalhas{color:#D9D1C3;padding:0;margin-bottom:1.4rem}
.ap-heroi .migalhas a{color:#fff}
.ap-heroi .botoes{margin-top:1.8rem}

/* seções */
.ap-secao{padding:4.5rem 0}
@media (min-width:900px){.ap-secao{padding:6rem 0}}
.ap-areia{background:var(--ap-areia)}
.ap-estreita{max-width:860px}
.ap-secao h2{font-size:clamp(1.85rem,3.8vw,2.7rem);line-height:1.15;color:var(--ap-marinho);margin:0 0 .6em}
.ap-secao h3{color:var(--ap-marinho)}
.ap-intro{font-size:1.15rem;max-width:64ch;color:#3A4352}
.ap-duas{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.ap-duas{grid-template-columns:.85fr 1.15fr;gap:4rem}}
.ap .quem-foto img{outline:3px solid var(--ap-caramelo);border-color:var(--ap-off)}

/* cartões dos três lugares */
.ap-lugares{display:grid;gap:1.4rem;margin:2.2rem 0 0}
@media (min-width:820px){.ap-lugares{grid-template-columns:repeat(3,1fr)}}
.ap-lugar,.ap-imovel{position:relative;background:#fff;border:1px solid var(--ap-linha);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.ap-lugar:hover,.ap-imovel:hover{box-shadow:0 22px 44px -26px rgba(31,42,58,.5);transform:translateY(-3px)}
.ap-lugar-foto{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ap-areia)}
.ap-lugar-foto img{width:100%;height:100%;object-fit:cover}
.ap-lugar-foto figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;font-size:.7rem;line-height:1.35;padding:.3rem .6rem;background:rgba(31,42,58,.62);color:#EEE7DB}
.ap-lugar-foto figcaption a{color:#fff}
.ap-lugar-corpo,.ap-imovel-corpo{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.ap-lugar h3{font-size:1.6rem;margin:0}
.ap-lugar h3 a,.ap-imovel h3 a{color:var(--ap-marinho);text-decoration:none}
.ap-lugar h3 a::after,.ap-imovel h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.ap-lugar p{margin:0;color:#3A4352}
.ap-local{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ap-musgo);font-weight:700;margin:0;line-height:1.4}
.ap-mais{margin-top:auto;padding-top:.6rem;color:var(--ap-caramelo);font-weight:700;display:inline-flex;gap:.4rem}

/* seleção de imóveis: cartão sóbrio, sem selo */
.ap-grade-imoveis{display:grid;gap:1.4rem;margin-top:2rem}
@media (min-width:640px){.ap-grade-imoveis{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ap-grade-imoveis{grid-template-columns:repeat(3,1fr)}}
.ap-imovel-foto{aspect-ratio:4/3;overflow:hidden;background:var(--ap-areia)}
.ap-imovel-foto img{width:100%;height:100%;object-fit:cover}
.ap-imovel-corpo{gap:.3rem;padding:1.1rem 1.25rem 1.3rem}
.ap-imovel h3{font-size:1.3rem;line-height:1.25;margin:.15rem 0}
.ap-ficha{margin:0;color:#4A5262;font-size:1rem}
.ap-preco{margin:.35rem 0 0;font-size:1.45rem;color:var(--ap-marinho)}
.ap-creci{margin:auto 0 0;padding-top:.5rem;font-size:.8rem;color:var(--ap-suave)}

/* pilares, números e documentos */
.ap-pilares{display:grid;gap:1.2rem;margin-top:1.8rem}
@media (min-width:860px){.ap-pilares{grid-template-columns:repeat(2,1fr)}}
.ap-secao .bloco{background:#fff;border:1px solid var(--ap-linha);border-radius:10px;box-shadow:none;padding:1.6rem 1.6rem 1.3rem;margin:0}
.ap-areia .bloco{background:var(--ap-off)}
.ap-secao .bloco h3{font-size:1.45rem;line-height:1.2}
.ap-secao .bloco p{color:#3A4352}
.ap-secao .fonte{border-top-color:var(--ap-linha);color:var(--ap-suave)}
.ap-secao .numeros li{background:var(--ap-areia);color:var(--ap-marinho)}
.ap-secao .numeros li::after{display:none}
.ap-secao .numeros .valor{font-family:var(--ap-serif);font-weight:500;letter-spacing:0;color:var(--ap-marinho);font-size:clamp(1.6rem,4.4vw,2.2rem)}
.ap-secao .numeros .det{color:var(--ap-suave)}
@media (min-width:900px){.ap-secao .numeros{grid-template-columns:repeat(4,1fr)}}
.ap-caixa-docs{margin-top:2rem;background:var(--ap-marinho);color:#EEE7DB;border-radius:10px;padding:1.6rem 1.8rem}
.ap-caixa-docs h3{color:#fff;font-size:1.4rem;margin:0 0 .8rem}
.ap-docs{margin:0;padding-left:1.3rem}
.ap-docs li{margin:.5rem 0}
.ap-docs strong{color:#fff}
.ap-passos{display:grid;gap:1.6rem;margin-top:1.8rem}
@media (min-width:860px){.ap-passos{grid-template-columns:repeat(3,1fr);gap:2.2rem}}
.ap-passos>div{border-top:2px solid var(--ap-caramelo);padding-top:1.1rem}
.ap-passos h3{font-size:1.45rem;margin:0 0 .5rem}
.ap-passos p{margin:0;color:#3A4352}

/* contato e fontes */
.ap-contato{background:var(--ap-marinho);color:#EEE7DB}
.ap-contato h2{color:#fff}
.ap-contato .ap-chapeu{color:var(--ap-claro)}
.ap-contato a{color:var(--ap-claro)}
.ap-contato .bt-ap{color:var(--ap-marinho)}
.ap-contato .ap-ajuda{color:#C9C2B6}
.ap-contato .ap-creci-linha{color:var(--ap-claro)}
.ap-fontes h2{font-size:1.5rem}
.ap-fontes ol.fonte{padding:0 0 0 1.3rem;border-top:0;margin-top:0}
.ap-fontes ol.fonte li{margin:.3rem 0}

/* chamada discreta na home */
.ap-chamada{background:var(--ap-areia);color:var(--ap-marinho);padding:3.2rem 0;border-top:1px solid var(--ap-linha);border-bottom:1px solid var(--ap-linha)}
.ap-chamada-grade{display:grid;gap:1.2rem;align-items:center}
@media (min-width:860px){.ap-chamada-grade{grid-template-columns:1fr auto;gap:3rem}}
.ap-chamada h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:0 0 .4em;color:var(--ap-marinho)}
.ap-chamada p{max-width:62ch;margin:0;color:#3A4352}
.ap-chamada .bt-ap{background:var(--ap-marinho);color:#fff}
.ap-chamada .bt-ap:hover{background:var(--ap-marinho-2);color:#fff}
@media (max-width:699px){.ap-heroi .caixa{padding-bottom:5.2rem}}
@media (max-width:520px){.ap-secao .numeros{grid-template-columns:1fr}}

/* Botão fixo do WhatsApp (03/10/2026) */
.zap-flutuante{position:fixed;right:16px;bottom:16px;z-index:90;display:inline-flex;align-items:center;gap:.5rem;min-height:56px;padding:.6rem 1.1rem .6rem .8rem;border-radius:999px;background:#25D366;color:#0b2e17;font-weight:800;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s var(--ease),box-shadow .2s}
.zap-flutuante:hover,.zap-flutuante:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.34);color:#0b2e17}
.zap-flutuante:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
@media (max-width:640px){.zap-flutuante span{display:none}.zap-flutuante{padding:.7rem;min-height:58px;min-width:58px;justify-content:center;bottom:max(14px,env(safe-area-inset-bottom))}}
@media print{.zap-flutuante{display:none}}
@media (prefers-reduced-motion:reduce){.zap-flutuante{transition:none}}

/* ---------- v0.2.0: páginas de busca, cookies e mini-passo do WhatsApp ---------- */
.lead-lista{font-size:1.12rem;max-width:72ch;margin:.2rem 0 .8rem}
.titulo-lista{font-size:1.4rem;margin:1.6rem 0 .3rem}
.refinar,.veja-tambem{margin:1rem 0 1.2rem}
.refinar-t{font:800 .95rem/1.3 var(--corpo);text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin:0 0 .6rem}
.refinar ul,.veja-tambem ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.chip-link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .95rem;border-radius:999px;background:var(--fundo-2);border:1px solid var(--linha);color:var(--escuro);font-weight:700;text-decoration:none}
.chip-link span{background:var(--escuro);color:#fff;border-radius:999px;padding:.05rem .5rem;font-size:.82rem}
.chip-link:hover,.chip-link:focus-visible{border-color:var(--escuro)}
.veja-tambem li a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem .2rem;font-weight:700}
.veja-tambem ul{gap:.2rem 1.2rem}
.paginacao{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.6rem 0}
.paginacao ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0}
.paginacao li a,.paginacao li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--linha);font-weight:800;text-decoration:none;color:var(--escuro);background:#fff}
.paginacao li span[aria-current]{background:var(--escuro);color:#fff;border-color:var(--escuro)}
.paginacao .reticencias{display:inline-flex;align-items:center;padding:0 .2rem;color:var(--suave)}
.paginacao .bt{min-height:44px;padding:.5rem 1rem}
.cta-lista{background:var(--fundo-2);border:1px solid var(--linha);border-radius:var(--r);padding:1.2rem 1.4rem;margin:1.6rem 0}
.cta-lista p{margin:.2rem 0 .8rem}
.link-cookies{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.faixa-cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:95;max-width:880px;margin:0 auto;background:var(--escuro);color:#fff;border-radius:var(--r);padding:1rem 1.2rem;box-shadow:var(--sombra-forte);display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.faixa-cookies p{margin:0;flex:1 1 320px;font-size:.98rem;line-height:1.5}
.faixa-cookies a{color:var(--amarelo)}
.faixa-cookies .botoes{display:flex;gap:.6rem;flex-wrap:wrap}
.bt-cookie{min-height:48px;padding:.6rem 1.3rem;background:#fff;color:var(--escuro);border-color:#fff}
.bt-cookie:hover,.bt-cookie:focus-visible{background:var(--amarelo);border-color:var(--amarelo);color:var(--escuro)}
.com-faixa-cookies .zap-flutuante{bottom:150px}
@media (min-width:700px){.com-faixa-cookies .zap-flutuante{bottom:110px}}
.zap-passo{border:0;border-radius:var(--r);padding:0;max-width:min(440px,calc(100vw - 32px));width:100%;box-shadow:var(--sombra-forte);color:var(--tinta)}
.zap-passo::backdrop{background:rgba(11,18,32,.55)}
.zap-passo-corpo{position:relative;padding:1.6rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.7rem}
.zap-passo h2{font-size:1.45rem;margin:0;padding-right:2.4rem}
.zap-passo .ajuda{margin:0;color:var(--suave);font-size:.95rem}
.zap-passo input{min-height:52px;font:500 1.1rem var(--corpo);padding:.6rem 1rem;border-radius:12px;border:2px solid var(--linha);width:100%}
.zap-passo input:focus{border-color:var(--escuro);outline:3px solid var(--amarelo);outline-offset:1px}
.zap-passo .botoes{display:flex;flex-wrap:wrap;gap:.6rem}
.zap-passo .bt{flex:1 1 160px}
.zap-fechar{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;border:0;border-radius:50%;background:var(--fundo-2);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--escuro)}
@media print{.faixa-cookies,.zap-passo{display:none}}
.guia-email a.bt-primario,.guia-email a.bt-primario:hover{color:var(--escuro);text-decoration:none}

/* ---------- v0.3.0 (04/10/2026): seção Investir em SC (parceria, avisos, duas portas, marcadores de rascunho) ---------- */
.selo-parceria{background:var(--escuro);color:#fff;border-radius:12px;padding:.75rem 1rem;margin:1.2rem 0;font-size:1.05rem}
.selo-parceria a{color:var(--amarelo);font-weight:800}
.aviso-invest{margin:1.2rem 0}
mark.a-preencher{background:#FFE14D;color:#3A2A00;border:2px dashed #B98900;border-radius:6px;padding:0 .3rem;font-weight:800}
mark.a-preencher small{font-weight:700;font-size:.78em;text-transform:uppercase;letter-spacing:.04em}
mark.conferir{background:#FFD9D9;color:#7A0000;border-radius:4px;padding:0 .25rem;font-weight:800;font-size:.9em}
.duas-portas{margin:3rem 0}
.duas-portas .portas{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:860px){.duas-portas .portas{grid-template-columns:1fr 1fr}}
.porta{border:2px solid var(--linha);border-radius:var(--r);padding:1.3rem 1.4rem;background:#fff}
.porta-imovel{border-color:var(--escuro)}
.porta h3{margin-top:0}
.porta .selo-parceria{margin-top:0}
.cartao .corpo .chapeu{margin-bottom:.2rem}
.passos-invest{counter-reset:p;list-style:none;padding:0;display:grid;gap:.9rem}
.passos-invest li{background:#fff;border:1px solid var(--linha);border-radius:var(--r-sm);padding:1rem 1.2rem}
.link-investir{font-size:.98rem;margin:1.2rem 0}
.parceria-pe{border-top:1px dashed rgba(255,255,255,.3);padding-top:.7rem}
@media print{.zap-flutuante,.topo .direita,.faixa-cookies{display:none!important}.cartao:hover{transform:none}}
.resultado .lado{border-top:1px solid rgba(255,255,255,.2);padding-top:.9rem;margin-top:.9rem}.resultado .lado h3{color:#fff;margin:0 0 .5rem}.resultado .lado:first-child{border-top:0;margin-top:0;padding-top:0}

/* ---------- idiomas (fase 2 da tradução, 04/10/2026) ---------- */
.idiomas{display:flex;align-items:center;gap:.2rem}
.idiomas a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;opacity:.55;transition:opacity .15s}
.idiomas a:hover{opacity:1;background:rgba(127,127,127,.16)}
.idiomas a[aria-current]{opacity:1}
.idiomas a[aria-current] .bandeira{outline:2px solid currentColor;outline-offset:2px}
.idiomas .bandeira{display:block;width:26px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
@media (max-width:480px){.idiomas{gap:0}.idiomas a{min-width:30px}.idiomas .bandeira{width:20px}.topo .direita{gap:.25rem}.bt-letra{min-width:42px}.menu summary{font-size:0;gap:0;padding:.4rem .7rem}.menu summary svg{width:22px;height:22px}}
@media (max-width:420px){.logo{font-size:1.15rem;padding:.45rem .55rem}}
/* valor em US$ (principal) com o R$ menor embaixo */
.usd{white-space:nowrap}
.brl{display:block;font-size:1em;font-weight:inherit;letter-spacing:0;white-space:nowrap}
.linha-r .brl,.cmp .brl{display:inline;margin-left:.35em}
.nota-moeda{font-size:.88rem;color:var(--suave);border-top:1px dashed #D6D3C8;padding-top:.8rem;margin:2rem 0 1rem}


/* ======================================================================================================
   v0.4.0 (17/10/2026) — redesenho fase 1. Direção "o lugar carrega": foto grande de SC, títulos em Bebas Neue,
   texto em Plus Jakarta, fundo massa clara, tinta preta, acento verde-mar só nas ações. Cantos retos (3-4px),
   sem sombra em repouso, sem degradê, sem vidro. Este bloco sobrepõe o tema antigo em todas as páginas.
   ====================================================================================================== */
@font-face{font-family:"Bebas";src:url(/static/fontes/bebas-neue-latin.woff2) format("woff2");font-display:swap}
:root{
  --amarelo:#E9E1CF;--amarelo-2:#DCD2BC;--amarelo-claro:#F3EFE6;--laranja:#1D6B5A;
  --escuro:#0A0A0A;--escuro-2:#161616;--escuro-3:#2A2A2A;
  --tinta:#0A0A0A;--tinta-2:#26231F;--suave:#4A463F;--linha:#D3CEC6;--fundo:#ECE8E1;--fundo-2:#E1DCD3;
  --link:#145447;--oceano:#145447;--acento:#1D6B5A;--acento-2:#145447;
  --r-sm:4px;--r:4px;--r-lg:4px;
  --sombra:none;
  --display:"Bebas","Anton",Impact,"Arial Narrow",sans-serif;
}
body{background:var(--fundo);color:var(--tinta)}
a:hover{color:var(--escuro)}
:focus-visible{outline:3px solid var(--acento);box-shadow:0 0 0 6px var(--fundo);border-radius:2px}
h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:.95}
h1{font-size:clamp(3.2rem,9vw,7.5rem)}
h2{font-size:clamp(2.5rem,5.5vw,4.4rem)}
h3{font-weight:800}
.marca-texto,.heroi h1 em{background:none!important;color:inherit!important;padding:0!important;font-style:normal}
.chapeu{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:700;color:var(--suave)}

/* topo: barra preta lisa (sem vidro) */
.topo.rolou{background:var(--escuro);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.logo{border:0;border-radius:0;padding:.3rem 0;font-size:1.7rem;letter-spacing:.04em;color:#fff}
.logo b{color:var(--amarelo)}
.logo:hover{transform:none;color:var(--amarelo)}
.nav-desk a{border-radius:2px}
.nav-desk a[aria-current=page]{background:var(--amarelo);color:var(--escuro)}
.bt-letra,.menu summary{border-radius:2px}
.menu nav{border-radius:4px}
.bt-letra[aria-pressed=true]{background:var(--amarelo);border-color:var(--amarelo)}

/* botões: retos, uma cor */
.bt{border-radius:3px;min-height:56px;font-size:1.08rem}
.bt:hover{transform:translateY(-2px);box-shadow:none}
.bt-primario,.bt-zap{background:var(--acento);color:#fff;border-color:var(--acento)}
.bt-primario:hover,.bt-zap:hover{background:var(--acento-2);color:#fff}
.bt-secundario{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.bt-claro{background:#fff;border-color:#fff}

/* faixa das páginas internas: preto liso, sem as manchas */
.faixa{background:var(--escuro)}
.faixa::before,.faixa::after{display:none}
.faixa h1{font-size:clamp(2.6rem,7vw,5.2rem);max-width:22ch}
.faixa .lead{color:#E9E4DA}
.faixa .migalhas{color:#CFC8BB}

/* cartões: branco sobre a massa, sem borda nem sombra */
.cartao{border:0;box-shadow:none;background:#fff}
.cartao:hover{transform:translateY(-4px);box-shadow:none}
.cartao .preco{font-size:1.5rem;font-weight:800}
.cinza{background:var(--fundo-2)}
.rodape{background:var(--escuro);color:#DDD7CC}
.faixa-cookies{background:var(--escuro);border-radius:4px}
.faixa-cookies a{color:var(--amarelo)}
.zap-flutuante{border-radius:3px}

/* ---------- home v0.4.0 ---------- */
.v4-heroi{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--escuro);isolation:isolate;overflow:hidden}
.v4-heroi .midia{position:absolute;inset:0;z-index:-2}
.v4-heroi .midia img,.v4-heroi .midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v4-heroi .midia video{opacity:0;transition:opacity 1.2s var(--ease)}
.v4-heroi .midia video.pronto{opacity:1}
.v4-heroi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64%;z-index:-1;background:rgba(10,10,10,.58)}
.v4-heroi .credito-foto{position:absolute;right:12px;top:84px;margin:0;font-size:.8rem;color:#fff;opacity:.85;max-width:60ch;text-align:right}
.v4-heroi .credito-foto a{color:#fff}
.v4-heroi-txt{padding-bottom:clamp(1.5rem,4vw,3rem)}
.v4-heroi h1{font-size:clamp(4rem,13.5vw,12.5rem);line-height:.86;margin:0 0 .25em;max-width:none}
.v4-heroi-lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:46ch;margin:0 0 1.4rem;color:#F3EFE6}
.v4-portas{display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:760px){.v4-portas{grid-template-columns:1fr 1fr;max-width:980px}}
.v4-portas a{display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.3rem;min-height:84px;justify-content:center;text-decoration:none;
  background:var(--amarelo);color:var(--escuro);border-radius:3px;transition:transform .25s var(--ease),background .2s}
.v4-portas a:nth-child(2){background:var(--acento);color:#fff}
.v4-portas a:hover{transform:translateY(-3px);color:var(--escuro)}
.v4-portas a:nth-child(2):hover{color:#fff;background:var(--acento-2)}
.v4-portas b{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1;text-transform:uppercase}
.v4-portas span{font-size:1.02rem;font-weight:600}
.v4-lead{font-size:clamp(1.18rem,1.6vw,1.4rem);line-height:1.5;max-width:52ch}
.v4-porta{padding:clamp(4rem,9vw,8rem) 0}
.v4-porta-grade{display:grid;gap:2rem}
@media (min-width:960px){.v4-porta-grade{grid-template-columns:5fr 7fr;gap:4rem;align-items:start}}
.v4-escura{background:var(--escuro);color:#F3EFE6}
.v4-escura h2{color:#fff}
.v4-lista{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.v4-lista a{display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;padding:1.15rem 1.3rem;background:#fff;color:var(--tinta);text-decoration:none;border-radius:3px;transition:transform .25s var(--ease),background .2s}
.v4-escura .v4-lista a{background:var(--escuro-3);color:#fff}
.v4-lista a:hover{transform:translateX(6px);color:var(--tinta)}
.v4-escura .v4-lista a:hover{background:#353535;color:#fff}
.v4-l-t{font-weight:800;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2}
.v4-l-s{grid-column:1;font-size:1.02rem;color:var(--suave)}
.v4-escura .v4-l-s{color:#D9D2C4}
.v4-l-seta{grid-column:2;grid-row:1/3;align-self:center;font-size:1.6rem;font-weight:800}
.bt-zap4{display:inline-flex;align-items:center;gap:.6rem;background:var(--acento);color:#fff;border:2px solid var(--acento);text-decoration:none;font-weight:800}
.bt-zap4:hover{background:var(--acento-2);border-color:var(--acento-2);color:#fff}
.bt-zap4.bt-claro4{background:#25D366;border-color:#25D366;color:#0A0A0A;margin-top:.5rem}
.bt-zap4.bt-claro4:hover{background:#fff;border-color:#fff;color:#0A0A0A}
.v4-destaques{padding:clamp(4rem,9vw,7rem) 0 0}
.v4-destaques>.caixa{padding-bottom:2rem}
.v4-frame{position:relative;min-height:88svh;display:flex;align-items:center;margin-top:12px;background:var(--escuro)}
.v4-frame-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v4-card{position:relative;z-index:1;background:var(--escuro);color:#F3EFE6;width:min(420px,calc(100% - 32px));margin:16px;padding:1.6rem;display:flex;flex-direction:column;gap:.55rem;border-radius:3px}
@media (min-width:900px){.v4-card{margin-left:calc(25vw - 40px)}.v4-pos1 .v4-card{margin-left:calc(50vw - 60px)}.v4-pos2 .v4-card{margin-left:auto;margin-right:6vw}}
@media (max-width:899px){.v4-frame{min-height:0;flex-direction:column;align-items:stretch}.v4-frame-foto{position:relative;height:56svh}
  .v4-card{width:auto;margin:0;padding:1.4rem 1rem 1.6rem}}
.v4-card h3{font-size:1.5rem;line-height:1.2;margin:0}
.v4-card h3 a{color:#fff;text-decoration:none}
.v4-onde{margin:0;font-size:1.05rem;color:#E1DACB}
.v4-preco{margin:.3rem 0 0;font-size:2.1rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.v4-aviso{margin:0;font-size:.9rem;line-height:1.45;color:#CFC8BB}
.v4-card .bt-zap4{justify-content:center;min-height:56px;padding:.8rem 1rem;border-radius:3px;margin-top:.4rem}
.v4-ficha{color:#fff;font-weight:700}
.v4-ficha:hover{color:var(--amarelo)}
.v4-canal{padding:clamp(4rem,9vw,8rem) 0}
.v4-canal-grade{display:grid;gap:1.5rem}
@media (min-width:960px){.v4-canal-grade{grid-template-columns:4fr 8fr;gap:3rem}}
.v4-tabela{width:100%;border-collapse:collapse;font-size:1.05rem}
.v4-tabela th,.v4-tabela td{text-align:left;padding:1rem .6rem;vertical-align:top}
.v4-tabela thead th{font-size:.95rem;color:var(--suave);font-weight:700}
.v4-tabela tbody tr:nth-child(odd){background:#fff}
.v4-tabela tbody th a{font-weight:800;font-size:1.2rem;color:var(--tinta)}
.v4-tabela .v4-n{white-space:nowrap;text-align:right}
@media (max-width:640px){.v4-tabela thead{display:none}.v4-tabela tr{display:grid;grid-template-columns:1fr auto;padding:.4rem 0}
  .v4-tabela th,.v4-tabela td{padding:.35rem .8rem}.v4-tabela td:not(.v4-n){grid-column:1/3;grid-row:2}}
.v4-numero{position:relative;min-height:80svh;color:#fff;display:grid;grid-template-rows:auto 1fr auto auto;padding:24px;isolation:isolate;overflow:hidden}
.v4-numero picture,.v4-numero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.v4-numero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:rgba(10,10,10,.6);z-index:-1}
.v4-num-t{font-size:clamp(1.5rem,2.5vw,2rem);margin:0}
.v4-num{grid-row:3;margin:0;font-family:var(--display);font-size:clamp(7rem,19vw,17rem);line-height:.8}
.v4-num-txt{grid-row:4;margin:.6rem 0 0;max-width:34ch;font-size:1.2rem;color:#F3EFE6}
@media (min-width:900px){.v4-numero{grid-template-columns:1fr auto}.v4-num-txt{grid-row:3;grid-column:2;align-self:end;text-align:right}}
.v4-num-extra{display:grid;gap:1rem;padding-top:2.5rem;padding-bottom:3rem}
@media (min-width:800px){.v4-num-extra{grid-template-columns:1fr 1fr;gap:3rem}}
.v4-num-extra p{margin:0;font-size:1.1rem;display:flex;gap:1rem;align-items:baseline}
.v4-num-extra b{font-family:var(--display);font-weight:400;font-size:3rem;line-height:1}







/* bloco de cidade (guias e busca da cidade) */
.v4-cidade{padding:clamp(3rem,7vw,6rem) 0;background:var(--fundo-2)}
.v4-videos{list-style:none;margin:1.2rem 0 2rem;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.v4-video{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--tinta);font-weight:800;font-size:1.1rem}
.v4-video img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.v4-video:hover{color:var(--acento-2)}
.v4-cid-imoveis{margin-bottom:1.5rem}
.v4-cidade .bt-zap4{min-height:56px;padding:.8rem 1.4rem;border-radius:3px}
/* ficha do imóvel: parecidos + barra fixa */
.v4-parecidos{margin-top:3rem}
.v4-parecidos h2{font-size:clamp(2rem,4vw,3rem)}
.v4-barra{position:fixed;left:0;right:0;bottom:0;z-index:92;background:var(--escuro);color:#fff;padding:.6rem 0 calc(.6rem + env(safe-area-inset-bottom))}
.v4-barra .caixa{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.v4-barra p{margin:0;display:flex;flex-direction:column;line-height:1.2}
.v4-barra b{font-size:1.3rem;font-variant-numeric:tabular-nums}
.v4-barra span{font-size:.88rem;color:#D9D2C4}
.v4-barra .bt-zap4{min-height:52px;padding:.6rem 1.1rem;border-radius:3px;flex:none}
.v4-com-barra .zap-flutuante{display:none}
.v4-com-barra .rodape{padding-bottom:6rem}
.v4-com-barra .faixa-cookies{bottom:84px}
@media (prefers-reduced-motion:reduce){.v4-portas a,.v4-lista a,.cartao{transition:none}.v4-portas a:hover,.v4-lista a:hover{transform:none}}
.v4-heroi .credito-foto{background:none;height:auto;bottom:auto;left:auto;padding:0;inset:84px 12px auto auto;font-size:.78rem;max-width:52ch}
.v4-heroi-txt{padding-bottom:max(5.5rem,4vw)}
.v4-heroi::after{height:78%;background:rgba(10,10,10,.6)}
.v4-tabela,.v4-tabela th,.v4-tabela td{border:0;white-space:normal}
.v4-tabela thead th{background:none;color:var(--suave)}
@media (max-width:640px){.v4-tabela,.v4-tabela tbody{display:block;width:100%}.v4-tabela tbody tr{width:100%}}
.v4-heroi .credito-foto{inset:auto auto 8px 20px;text-align:left;font-size:.82rem;max-width:calc(100% - 200px)}
p.fonte,p.pe{border-top:0}
.faq details,.faq summary{border:0}
.faq details{background:#fff;margin-bottom:.5rem;border-radius:3px}
.faq p{max-width:70ch}
:root{--fundo:#E8E6E1;--fundo-2:#DCD9D2}
.v4-tabela{min-width:0}
.fonte{border-top:0}
.bt.bt-primario.bt-zap,.bt.bt-primario.bt-zap:hover{color:#fff}
.v4-com-barra .faixa h1{font-size:clamp(2.2rem,5.2vw,4rem);max-width:none}
.v4-barra p{min-width:0}
.v4-barra b{white-space:nowrap;font-size:clamp(1.1rem,4.4vw,1.35rem)}
.v4-barra span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.v4-barra .bt-zap4{padding:.6rem .8rem}}
.v4-invest{padding:clamp(4rem,9vw,8rem) 0;background:var(--fundo-2)}




/* créditos das fotos (CC BY exige): discretos, sem caixa (pedido 17/10: site limpo) */
.credito-foto{background:none;padding:0;font-size:.8125rem;opacity:.7;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.credito-foto:hover,.credito-foto:focus-within{opacity:1}
.v4-creditos{margin-top:2rem;font-size:1rem;color:var(--suave)}
.v4-creditos summary{cursor:pointer;font-weight:700}
/* 17/10: topo com a foto do Marcelo sobre a orla; sombreado preto só do lado do texto */
.v4-heroi-foto{background:var(--escuro);align-items:center}
.v4-heroi-foto::after{display:none}
.v4-heroi-img{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:-2}
.v4-heroi-img img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%);mask-image:linear-gradient(to right,transparent 0,#000 38%)}
.v4-heroi-foto .v4-heroi-txt{padding-top:7rem;padding-bottom:4rem}
.v4-heroi-foto h1{font-size:clamp(3.6rem,9.5vw,9rem);max-width:9ch}
.v4-heroi-foto .v4-portas{max-width:760px}
.v4-conheca{margin:1.2rem 0 0;font-size:1.05rem;color:#E1DACB}
.v4-conheca a{color:#fff;font-weight:700}
@media (max-width:699px){
  .v4-heroi-foto{display:block;min-height:0}
  .v4-heroi-img{position:relative;display:block;width:100%;height:58svh}
  .v4-heroi-img img{object-position:50% 30%;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
  .v4-heroi-foto .v4-heroi-txt{padding-top:0;margin-top:-4.5rem;position:relative}
  .v4-heroi-foto h1{font-size:clamp(3.4rem,17vw,5rem)}
}
.v4-heroi-foto h1{max-width:none;font-size:clamp(3.2rem,6.4vw,6.6rem)}
@media (max-width:699px){.v4-heroi-foto h1{font-size:clamp(2.9rem,13.5vw,4.4rem)}.v4-heroi-img img{object-position:50% 22%}}
@media (max-width:699px){
  .v4-heroi-img{height:auto;aspect-ratio:5/4;padding-top:60px;box-sizing:content-box;background:var(--escuro)}
  .v4-heroi-img img{object-position:50% 50%;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
  .v4-heroi-foto .v4-heroi-txt{margin-top:-1.5rem;padding-bottom:2.5rem}
  .v4-heroi-foto h1{font-size:clamp(2.7rem,12.5vw,4rem);margin-bottom:.2em}
  .v4-heroi-lead{font-size:1.1rem;margin-bottom:1rem}
}
/* 17/10: celular volta ao formato da fase 1 (orla em tela cheia) */
@media (max-width:699px){
  .v4-heroi-foto{display:flex;align-items:flex-end;min-height:100svh}
  .v4-heroi-foto::after{display:block}
  .v4-heroi-img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;padding-top:0}
  .v4-heroi-img img{object-position:50% 50%;-webkit-mask-image:none;mask-image:none}
  .v4-heroi-foto .v4-heroi-txt{margin-top:0;padding-top:0;padding-bottom:5.5rem}
  .v4-heroi-foto h1{font-size:clamp(3.4rem,16vw,5rem);margin-bottom:.25em}
}
@media (max-width:699px){.v4-heroi-foto::after{height:85%;background:linear-gradient(to bottom,rgba(10,10,10,0) 0,rgba(10,10,10,.72) 32%,rgba(10,10,10,.82) 100%)}}
/* busca por faixa de valor */
.v4-busca{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;align-items:end;background:#fff;padding:1.1rem;border-radius:3px;margin:0 0 1.5rem}
@media (min-width:900px){.v4-busca{grid-template-columns:2fr 1.3fr 1.3fr 1fr auto}}
.v4-busca .campo{display:flex;flex-direction:column;gap:.3rem;margin:0}
.v4-busca .campo:first-child{grid-column:1/-1}
@media (min-width:900px){.v4-busca .campo:first-child{grid-column:auto}}
.v4-busca label{font-weight:700;font-size:1rem}
.v4-busca select{min-height:52px;font:600 1.05rem var(--corpo);padding:.5rem .7rem;border:2px solid var(--linha);border-radius:3px;background:#fff;color:var(--tinta)}
.v4-busca .bt{grid-column:1/-1;min-height:52px}
@media (min-width:900px){.v4-busca .bt{grid-column:auto}}
.v4-busca-escura{background:var(--escuro-3);color:#fff;grid-column:1/-1}
.v4-porta-grade>.v4-busca-escura{grid-column:1/-1}

/* ---------- v0.4.0 fase 2 (17/10): limpa o visual antigo nas páginas internas ----------
   Sem vidro, sem tracejado, sem contorno de 1px e sem sombra em repouso: superfícies separadas por tom (branco sobre a pedra).
   Ficam: bordas de tabela e de campo de formulário (são reais) e sombra só no que flutua (menu, diálogo, cookies, WhatsApp). */
.selo,.faixa-dados div,.bt-secundario{-webkit-backdrop-filter:none;backdrop-filter:none}
.selo{background:rgba(10,10,10,.55);border:0;border-radius:2px;box-shadow:none}
.selo::before{box-shadow:none}
.faixa-dados div{background:rgba(10,10,10,.5);border:0;border-radius:3px}
.fonte,.aviso-anuncio,.parceria-pe,.nota-moeda,.cid-card dl div{border:0;border-style:none}
.bloco,.tabela,.tag,.ferramenta,.mapa,.mapa-ficha,.lista-cidades a,.cid-card,.seta-bt,.sumario a,.mesa,.calc fieldset,.checklist li,
.resultados-lista li,.redes a,.ficha div,.oportunidade,.diferenciais li,.ap-lugar,.ap-imovel,.ap-secao .bloco,.ap-chamada,.chip-link,
.paginacao li a,.paginacao li span,.cta-lista,.passos-invest li,.resultado .lado,.yt{border:0;box-shadow:none;border-radius:3px}
.bloco,.ferramenta,.cid-card,.lista-cidades a,.sumario a,.mesa,.calc fieldset,.checklist li,.resultados-lista li,.ficha div,
.diferenciais li,.cta-lista,.passos-invest li,.resultado .lado,.paginacao li a,.paginacao li span,.chip-link{background:#fff}
.numeros li:hover,.ferramenta:hover,.ap-lugar:hover,.ap-imovel:hover,.faq details[open]{box-shadow:none}
.chip{box-shadow:none;border-radius:2px}
.quem-foto img,.autor img{box-shadow:none}
.rodape .pe{border-top:0}
.heroi h1,.heroi .lead,.ap-heroi h1{text-shadow:none}
.tabela{background:#fff}
.mark,.a-preencher{border-style:solid}
a.bt[href^="https://wa.me/"]:not(.bt-claro4):not(.bt-claro):not(.bt-escuro){background:var(--acento);border-color:var(--acento);color:#fff}
a.bt[href^="https://wa.me/"]:not(.bt-claro4):not(.bt-claro):not(.bt-escuro):hover{background:var(--acento-2);color:#fff}
.heroi .selo{display:none}
/* "Ver fontes" fechado (17/10) */
.ver-fontes{margin:.9rem 0 0}
.ver-fontes summary{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.95rem;font-weight:700;color:var(--suave);list-style:none}
.ver-fontes summary::-webkit-details-marker{display:none}
.ver-fontes summary::before{content:"+";font-size:1.2rem;line-height:1}
.ver-fontes[open] summary::before{content:"−"}
.ver-fontes .fonte{margin-top:.3rem}
.faixa .ver-fontes summary,.v4-escura .ver-fontes summary{color:#D9D2C4}
/* 18/10: foto do Marcelo de volta no FIM da home (topo sem foto) */
.v4-quem{padding:clamp(4rem,9vw,8rem) 0;background:var(--fundo-2)}
.v4-quem-grade{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.v4-quem-grade{grid-template-columns:6fr 6fr;gap:4rem}}
.v4-quem figure{margin:0}
.v4-quem img{width:100%;border-radius:3px}
.v4-botoes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.v4-bt-yt{display:inline-flex;align-items:center;gap:.6rem;background:#fff;color:var(--escuro);border:2px solid var(--escuro);text-decoration:none;font-weight:800;padding:.8rem 1.4rem}
.v4-bt-yt:hover{background:var(--escuro);color:#fff}
/* 18/10: sombra do topo suave em todas as telas (sem borda dura) */
.v4-heroi::after{height:90%;background:linear-gradient(to bottom,rgba(10,10,10,0) 0,rgba(10,10,10,.55) 35%,rgba(10,10,10,.75) 100%)}
/* 18/10 (PageSpeed no ar): texto do botão da barra fixa em branco (pegava o cinza do CRECI); tabela do comparador com altura
   reservada no computador até o script montar (CLS 0,154) */
.v4-barra .bt-zap4 span{color:#fff}
@media (min-width:900px){html.js #cmp-saida:not(:has(table)){min-height:1157px}}

/* ---------- v0.4.1 (19/10/2026): página de imóvel agenciado em formato landing (imoveis_proprios._landing) ---------- */
.lp-heroi{position:relative;min-height:92svh;display:flex;align-items:flex-end;color:#fff;background:var(--escuro);isolation:isolate;overflow:hidden}
.lp-heroi>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-2}
.lp-heroi::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,10,10,.5)}
.lp-heroi-txt{padding-top:6rem;padding-bottom:clamp(1.5rem,4vw,3rem)}
.lp-chamada{margin:0 0 .4rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;color:var(--amarelo)}
.lp-heroi h1{font-size:clamp(3.2rem,9vw,8rem);line-height:.9;margin:0 0 .35em;max-width:14ch;color:#fff}
.lp-numeros{margin:0 0 .8rem;font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.05;letter-spacing:.02em}
.lp-sub{font-size:clamp(1.12rem,1.9vw,1.4rem);max-width:48ch;margin:0 0 1.3rem;color:#F3EFE6}
.lp-acoes{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem}
.lp-creci{margin:0;font-size:.95rem;color:#E9E4DA}
.lp-blocos{display:grid;gap:clamp(2.5rem,6vw,5rem)}
.lp-bloco{display:grid;gap:1.2rem;align-items:center}
.lp-bloco img{width:100%;height:clamp(320px,52vw,620px);object-fit:cover;border-radius:3px}
.lp-bloco h2{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:.1em 0 .3em}
.lp-bloco p{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55;max-width:44ch}
.lp-n{font-family:var(--display);font-size:2rem;color:var(--acento);margin:0}
@media (min-width:900px){.lp-bloco{grid-template-columns:7fr 5fr;gap:3.5rem}.lp-bloco:nth-child(2n) img{order:2}}

/* ======================================================================================================
   v0.4.2 (22/10/2026) — topo da home "estilo premiado" (teste hero_premiado_v1 aprovado pelo Marcelo).
   Fundo escuro = --escuro do site, mar de partículas (heroi.js), 3 fotos reais de SC. Escopo .v42-*.
   ====================================================================================================== */
.v42-heroi{--v42-tinta:#ECE8E1;--v42-tinta-2:#C9C3B8;--v42-acento-claro:#3FA58C;--v42-ease:cubic-bezier(.23,1,.32,1);
  position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  grid-template-areas:"t p" "a p";align-content:center;column-gap:clamp(24px,4vw,64px);row-gap:0;
  padding:110px clamp(16px,3vw,40px) 72px;background:var(--escuro);color:var(--v42-tinta);isolation:isolate;overflow:hidden}
.v42-ondas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.v42-texto{grid-area:t;align-self:end;max-width:680px}
.v42-heroi h1{position:relative;margin:0;max-width:none;font:400 clamp(72px,8vw,150px)/.86 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.v42-linha{display:block;position:relative}
.v42-lead{margin:28px 0 0;max-width:36ch;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.55;color:var(--v42-tinta)}
.v42-acoes{grid-area:a;align-self:start;margin-top:32px;max-width:680px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.v42-bt-zap{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;background:var(--acento);color:#fff;
  font-weight:700;font-size:1.05rem;text-decoration:none;transition:transform .16s var(--v42-ease),background-color .2s ease}
.v42-bt-zap:hover{background:#238069;color:#fff}
.v42-bt-zap:active{transform:scale(.97)}
.v42-portas{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px}
.v42-portas a{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:14px;background:rgba(236,232,225,.1);color:var(--v42-tinta);
  text-decoration:none;transition:background-color .2s ease}
.v42-portas a:hover{background:rgba(236,232,225,.18);color:#fff}
.v42-portas b{font:400 1.6rem/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.v42-portas span{font-size:.92rem;color:var(--v42-tinta-2);line-height:1.35}
/* fotos */
.v42-palco{grid-area:p;position:relative;height:min(78vh,640px);perspective:1200px}
.v42-cartao{position:absolute;display:block;text-decoration:none;color:var(--v42-tinta);will-change:transform}
.v42-flutua{display:block;padding:10px;border-radius:22px;background:rgba(236,232,225,.07);border:1px solid rgba(236,232,225,.16);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  animation:v42-flutuar 7s cubic-bezier(.77,0,.175,1) infinite alternate;transition:background-color .25s ease}
.v42-cartao img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:var(--ar);object-fit:cover}
.v42-rotulo{display:flex;justify-content:space-between;gap:12px;padding:12px 6px 4px;font-size:.95rem;line-height:1.3}
.v42-rotulo span{color:var(--v42-tinta-2)}
.v42-cartao:hover{color:#fff}
.v42-cartao:hover .v42-flutua{background:rgba(236,232,225,.12)}
.v42-cartao.c1{width:64%;left:0;top:31%;z-index:3;--ar:800/386}
.v42-cartao.c2{width:46%;right:0;top:0;z-index:2;--ar:800/348}
.v42-cartao.c2 .v42-flutua{animation-delay:-2.3s}
.v42-cartao.c3{width:40%;right:0;bottom:0;z-index:4;--ar:16/9}
.v42-cartao.c3 .v42-flutua{animation-delay:-4.6s}
@keyframes v42-flutuar{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
.v42-creditos{position:absolute;left:clamp(16px,3vw,40px);right:200px;bottom:14px;margin:0;font-size:.78rem;line-height:1.4;color:#A29E95}
.v42-creditos a{color:inherit}
/* falha do título: 1 vez só, na entrada, curta e fraca (público 50+: não pode parecer defeito) */
.v42-linha::before,.v42-linha::after{content:attr(data-t);position:absolute;inset:0;opacity:0;pointer-events:none}
.v42-linha::before{color:var(--v42-acento-claro);animation:v42-falhaA .3s steps(2,end) .95s 1 both}
.v42-linha::after{color:#C8D7FF;animation:v42-falhaB .3s steps(2,end) .95s 1 both}
@keyframes v42-falhaA{0%{opacity:.55;clip-path:inset(12% 0 70% 0);transform:translate(-2px,0)}
  50%{opacity:.55;clip-path:inset(58% 0 22% 0);transform:translate(2px,0)}100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}
@keyframes v42-falhaB{0%{opacity:.45;clip-path:inset(64% 0 10% 0);transform:translate(2px,0)}
  50%{opacity:.45;clip-path:inset(8% 0 78% 0);transform:translate(-2px,0)}100%{opacity:0;clip-path:inset(100% 0 0 0);transform:none}}
/* entrada escalonada (CSS: aparece mesmo sem JS) */
.v42-entra{animation:v42-entrar .8s var(--v42-ease) both;animation-delay:calc(var(--i,0) * 80ms + 120ms)}
.v42-cartao.v42-entra{animation-name:v42-entrar-foto;animation-duration:1s}
@keyframes v42-entrar{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes v42-entrar-foto{from{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:none}}
/* o resto da home começa logo depois do topo escuro, sem faixa clara no meio */
.v42-home .v42-heroi + main{border-top:0}
/* celular: título, foto da Praia Brava, botões; as outras 2 fotos depois (foto real acima da dobra) */
@media (max-width:899px){
  .v42-heroi{grid-template-columns:1fr 1fr;grid-template-areas:"t t" "c1 c1" "a a" "c2 c3" "cr cr";align-content:start;
    min-height:0;padding:88px 16px 28px;row-gap:18px}
  .v42-texto{align-self:start}
  .v42-heroi h1{font-size:clamp(56px,16.5vw,104px)}
  .v42-lead{margin-top:14px;font-size:1.02rem}
  .v42-palco{display:contents}
  .v42-cartao{position:relative;inset:auto!important;width:auto!important}
  .v42-cartao.c1{grid-area:c1}.v42-cartao.c2{grid-area:c2}.v42-cartao.c3{grid-area:c3}
  .v42-cartao.c2,.v42-cartao.c3{--ar:4/3}
  .v42-acoes{margin-top:0;align-items:stretch}
  .v42-bt-zap{justify-content:center}
  .v42-portas b{font-size:1.35rem}
  .v42-portas a{padding:10px 12px}
  .v42-ondas{height:100%}
  .v42-flutua{padding:7px;border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(236,232,225,.08);animation-duration:9s}
  .v42-cartao img{border-radius:11px}
  .v42-rotulo{font-size:.9rem;flex-direction:column;gap:0;padding:8px 4px 2px}
  .c1 .v42-rotulo{flex-direction:row}
  .v42-creditos{grid-area:cr;position:static;right:auto}
}
@media (max-width:360px){.v42-portas{grid-template-columns:1fr}}
/* movimento reduzido: fica o conteúdo, sai o deslocamento */
@media (prefers-reduced-motion:reduce){
  .v42-entra,.v42-cartao.v42-entra{animation:v42-aparecer .3s ease both;animation-delay:0s}
  .v42-flutua{animation:none}
  .v42-linha::before,.v42-linha::after{animation:none}
  .v42-bt-zap,.v42-portas a{transition:none}
}
@keyframes v42-aparecer{from{opacity:0}to{opacity:1}}

/* ===== v0.4.3 (22/10/2026): páginas das construtoras parceiras (.cp-) + submenu "Construtoras" ===== */
/* submenu no topo (PC) e dentro do menu do celular */
.nav-sub{position:relative}
.nav-sub summary{list-style:none;cursor:pointer;padding:.55rem .8rem;border-radius:2px;font-weight:700;font-size:.98rem;white-space:nowrap}
.nav-sub summary::-webkit-details-marker{display:none}
.nav-sub summary::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.2em) rotate(45deg)}
.nav-sub summary:hover{background:rgba(127,127,127,.16)}
.nav-sub summary[aria-current]{background:var(--amarelo);color:var(--escuro)}
.nav-desk .nav-sub-painel{position:absolute;left:0;top:calc(100% + 8px);min-width:230px;background:#fff;color:var(--tinta);padding:.4rem;border-radius:4px;box-shadow:0 18px 40px -16px rgba(0,0,0,.45);display:grid;gap:.15rem;z-index:5}
.nav-desk .nav-sub-painel a{color:var(--tinta);border-radius:2px;padding:.7rem .9rem}
.nav-desk .nav-sub-painel a:hover,.nav-desk .nav-sub-painel a[aria-current=page]{background:var(--amarelo-claro);color:var(--tinta)}
.menu .nav-sub summary{color:var(--tinta);padding:.85rem 1rem;border-radius:12px}
.menu .nav-sub-painel{padding-left:.8rem;border-left:3px solid var(--acento);margin:.1rem 0 .3rem 1rem}
.menu .nav-sub-painel a{padding:.7rem 1rem}
@media (min-width:1240px){.nav-sub summary{padding:.5rem .7rem;font-size:.95rem}}
/* com o item novo, o menu de PC precisa de mais largura: menu de PC só a partir de 1400px (abaixo, menu do celular) */
@media (min-width:1240px) and (max-width:1399px){.nav-desk{display:none}.menu{display:block}}
@media (min-width:1400px){.topo .caixa{max-width:1360px}}

/* topo das páginas */
.cp-heroi{position:relative;background:var(--escuro);color:#F3EFE6;min-height:min(92vh,760px);display:flex;align-items:flex-end;overflow:hidden}
.cp-heroi-foto{position:absolute;inset:0}
.cp-heroi-foto img{width:100%;height:100%;object-fit:cover;opacity:.55}
.cp-heroi-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,.15) 35%,rgba(10,10,10,.92) 100%)}
.cp-heroi-txt{position:relative;z-index:1;padding-top:120px;padding-bottom:3.2rem}
.cp-heroi .migalhas{color:#CFC8BB;padding:0;margin-bottom:1.2rem}
.cp-heroi .migalhas a{color:#fff}
.cp-chapeu{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;color:#9FD3C2;margin:0 0 .4rem}
.cp-heroi h1{margin:0 0 .8rem;color:#fff;font-size:clamp(3.2rem,8vw,7rem)}
.cp-lead{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5;max-width:46ch;margin:0 0 1.6rem;color:#F3EFE6}
.cp-acoes{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.cp-acoes .bt{border-radius:3px}
.cp-bt-linha{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff;text-decoration:none}
.cp-bt-linha:hover{background:#fff;color:var(--escuro)}
.cp-creci{margin:1.2rem 0 0;font-size:.95rem;color:#CFC8BB}
.cp-credito{top:auto;bottom:.6rem}

/* abas entre as 3 construtoras */
.cp-abas{background:var(--escuro-2);border-bottom:1px solid #2f2f2f;position:sticky;top:60px;z-index:20}
.cp-abas .caixa{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;padding-top:.5rem;padding-bottom:.5rem}
.cp-abas .caixa::-webkit-scrollbar{display:none}
.cp-abas a{flex:0 0 auto;color:#F3EFE6;text-decoration:none;font-weight:800;padding:.7rem 1.1rem;border-radius:2px;border:1px solid #3a3a3a;min-height:44px;display:inline-flex;align-items:center}
.cp-abas a:hover{background:#2a2a2a;color:#fff}
.cp-abas a[aria-current=page]{background:var(--amarelo);color:var(--escuro);border-color:var(--amarelo)}

/* blocos */
.cp-sobre,.cp-emps,.cp-revenda,.cp-entregues{padding:clamp(3rem,6vw,5.5rem) 0}
.cp-sobre-grade{display:grid;gap:1.5rem}
.cp-sobre-txt{font-size:1.15rem;line-height:1.65;max-width:62ch}
.cp-sobre-txt p{margin:0 0 1rem}
@media (min-width:900px){.cp-sobre-grade{grid-template-columns:1fr 1.4fr;align-items:start}}
.cp-lead-esc{font-size:1.12rem;line-height:1.55;max-width:60ch}
.cp-emps{background:var(--fundo-2)}
.cp-emp{background:#fff;border-radius:4px;padding:clamp(1.1rem,3vw,2.2rem);margin-top:1.6rem}
.cp-emp-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:1rem}
.cp-emp-cab h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(2rem,4vw,3.1rem);line-height:1;margin:0}
.cp-onde{margin:0;color:var(--suave);font-weight:700;flex-basis:100%}
.cp-selo{margin:0;flex-basis:100%;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--acento)}
.cp-selo-lancamento,.cp-selo-obra{color:#8A5A00}
.cp-galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.cp-foto{margin:0;overflow:hidden;border-radius:2px;background:#ddd;aspect-ratio:3/2}
.cp-foto img{width:100%;height:100%;object-fit:cover;display:block}
.cp-foto-1{grid-column:1/-1;aspect-ratio:16/9}
@media (min-width:900px){.cp-galeria{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,14vw,210px)}.cp-galeria .cp-foto{aspect-ratio:auto}.cp-foto-1{grid-column:1/3;grid-row:1/3}}
.cp-nota-img{font-size:.85rem;color:var(--suave);margin:.5rem 0 0}
.cp-plantas{margin-top:.8rem}
.cp-plantas summary{cursor:pointer;font-weight:800;min-height:44px;display:inline-flex;align-items:center}
.cp-plantas-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin-top:.5rem}
.cp-planta{margin:0;background:#f4f2ee}
.cp-planta img{width:100%;height:auto;display:block}
.cp-emp-grade{display:grid;gap:1.4rem;margin-top:1.4rem}
@media (min-width:900px){.cp-emp-grade{grid-template-columns:1.3fr 1fr;align-items:start}}
.cp-fatos{margin:0;padding-left:1.2rem;line-height:1.6;font-size:1.05rem}
.cp-fatos li{margin-bottom:.35rem}
.cp-emp-cta{background:var(--escuro);color:#F3EFE6;padding:1.2rem;border-radius:3px;display:grid;gap:.55rem}
.cp-emp-cta p{margin:0 0 .3rem}
.cp-emp-cta .bt{justify-content:center;border-radius:3px;margin:0}
.cp-ri{margin:1rem 0 0;font-size:.95rem;font-weight:700}
.cp-previa{background:#B42318;color:#fff;padding:.8rem 1rem;border-radius:3px;margin:0 0 1rem;font-size:.95rem}
.cp-prontos{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cp-pronto a{display:grid;background:#fff;color:var(--tinta);text-decoration:none;border-radius:3px;overflow:hidden;height:100%;transition:transform .25s var(--ease)}
.cp-pronto a:hover{transform:translateY(-4px);color:var(--tinta)}
.cp-pronto img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#ddd}
.cp-pronto-t{font-family:var(--display);text-transform:uppercase;font-size:1.9rem;line-height:1;padding:1rem 1rem .2rem}
.cp-pronto-s{padding:0 1rem;color:var(--suave);font-weight:600}
.cp-pronto-l{padding:.8rem 1rem 1rem;font-weight:800;color:var(--acento)}
.cp-revenda{background:var(--fundo)}
.cp-entregues{background:var(--escuro);color:#F3EFE6}
.cp-entregues h2{color:#fff}
.cp-ent{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid #2f2f2f;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cp-ent li{border-bottom:1px solid #2f2f2f;padding:1.2rem 1.1rem;display:grid;gap:.2rem}
.cp-ent-n{font-family:var(--display);text-transform:uppercase;font-size:1.8rem;line-height:1;color:#fff}
.cp-ent-s{color:#CFC8BB}
.cp-ent-d{color:#9FD3C2;font-weight:700}
.cp-agendar{background:var(--acento-2);color:#fff;padding:clamp(3rem,6vw,5rem) 0}
.cp-agendar h2{color:#fff;margin:0 0 .8rem}
.cp-agendar-grade{display:grid;gap:1.4rem}
@media (min-width:900px){.cp-agendar-grade{grid-template-columns:1.3fr 1fr;align-items:center}}
.cp-agendar a.bt.bt-zap4{background:#fff;border-color:#fff;color:var(--escuro);border-radius:3px}
.cp-agendar a.bt.bt-zap4:hover{background:var(--escuro);border-color:var(--escuro);color:#fff}
.cp-agendar .cp-pequeno{color:#E3F1EC}
.cp-pequeno{font-size:.92rem;line-height:1.5;color:var(--suave)}
.cp-rodape{padding-top:2rem;padding-bottom:2rem}
@media (max-width:599px){.cp-heroi{min-height:auto;flex-direction:column;align-items:stretch}.cp-heroi .cp-credito{position:relative;right:auto;bottom:auto;margin:0 1.25rem 1rem;align-self:flex-start;z-index:1}.cp-heroi-txt{padding-top:110px;padding-bottom:3.4rem}.cp-acoes .bt{width:100%;justify-content:center}}
/* 22/10: vídeo do imóvel na própria página (Shorts em pé) */
.video-imovel{margin:0 0 1.6rem}
.video-imovel-v{max-width:340px}
.video-imovel-h{max-width:820px}
.video-imovel-v .yt,.video-imovel-v .yt-frame{aspect-ratio:9/16}
.video-imovel figcaption{margin-top:.6rem;font-weight:700;font-size:.95rem}
.video-imovel figcaption a{color:inherit}