/* enderecos.css — seção nova "Endereços SKNA": o portfólio no mapa (js/sections/enderecos.js).
   Medidas em px do vídeo (× --u), relativas ao topo da seção. Cabeçalho na grade do site (título em 59, como o
   de empreendimentos; resumo em 4 colunas de 341 entre 58 e 1422); o palco é um cartão escuro de 1364 × 880
   (raio 40) com três peças: lista (x 44), mapa (SVG do tamanho do palco) e painel (x 940). */
#enderecos{--extra:1540;background:#fff}

/* ---------- cabeçalho ---------- */
.en__tit{left:calc(59 * var(--u));top:calc(150 * var(--u));--cap:46;--lh:63;color:#0b0b0b;letter-spacing:-.029em}
.en__txt{left:calc(925 * var(--u));top:calc(150 * var(--u));--cap:16;--lh:31;color:#111;white-space:nowrap}
.en__res{position:absolute;left:0;top:calc(306 * var(--u));width:100%}
.en__rn{position:absolute;top:0;width:calc(318 * var(--u));height:calc(150 * var(--u))}
.en__rn-fio{position:absolute;left:0;top:0;width:100%;height:1px;background:rgba(12,12,12,.18);transform-origin:0 50%}
.en__rn-q{position:absolute;left:0;top:calc(-3 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--c-limao)}
.en__rn-num{position:absolute;left:0;top:calc(34 * var(--u));--cap:64;letter-spacing:-.02em;color:#0b0b0b}
.en__rn-pre{margin-right:.02em}
.en__rn-rot{position:absolute;left:calc(1 * var(--u));top:calc(118 * var(--u));--cap:11.5;--lh:19;color:rgba(12,12,12,.62);
  letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* ---------- palco ---------- */
.en__palco{position:absolute;left:calc(58 * var(--u));top:calc(510 * var(--u));width:calc(1364 * var(--u));height:calc(880 * var(--u));
  border-radius:calc(40 * var(--u));background:var(--c-ink);overflow:hidden;color:#fff;isolation:isolate}
.en__mapa,.en__sobre{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:visible}
/* o mapa some nas bordas: embaixo da lista (esquerda), embaixo do painel (direita), em cima e embaixo */
.en__mapa{pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 31%,#000 67%,transparent 71%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 22%,#000 31%,#000 67%,transparent 71%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.en__sobre{z-index:3;pointer-events:none}
.en__cruzes path{stroke:rgba(255,255,255,.22);stroke-width:.8;fill:none}
.en__cid{fill:rgba(255,255,255,.035);stroke:none}
.en__malha{fill:none;stroke:rgba(255,255,255,.085);stroke-width:.6;stroke-linejoin:round;stroke-linecap:round}
.en__lim{fill:none;stroke:rgba(255,255,255,.26);stroke-width:.9;stroke-linejoin:round;stroke-dasharray:1 1}
.en__lim--cwb{stroke:rgba(255,255,255,.5);stroke-width:1.15}
.en__eixo{fill:none;stroke:rgba(255,255,255,.42);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1}
.en__eixo--sec{stroke:rgba(255,255,255,.2);stroke-width:1}
/* rótulos com auréola da cor do fundo (paint-order): passam por cima das linhas sem embolar */
.en__rc,.en__num{paint-order:stroke;stroke:var(--c-ink);stroke-width:3.2px;stroke-linejoin:round}
.en__rc{font:600 8.5px var(--f-texto);letter-spacing:.2em;fill:rgba(255,255,255,.3)}
.en__rc--skna{fill:rgba(255,255,255,.5)}
.en__rc--forte{font-size:12px;letter-spacing:.42em;fill:rgba(255,255,255,.6)}
.en__via rect{fill:var(--c-ink);stroke:rgba(255,255,255,.4);stroke-width:.8}
.en__via text{font:700 7px var(--f-texto);letter-spacing:.06em;fill:rgba(255,255,255,.7)}
.en__esc path{stroke:rgba(255,255,255,.55);stroke-width:1;fill:none}
.en__esc text,.en__norte text{font:600 8px var(--f-texto);letter-spacing:.08em;fill:rgba(255,255,255,.5)}
.en__norte path{fill:rgba(255,255,255,.6)}
.en__fonte{position:absolute;left:calc(44 * var(--u));bottom:calc(30 * var(--u));--cap:7;--lh:12;color:rgba(255,255,255,.28);letter-spacing:.02em}

/* marcadores: a seta ↙ da marca em verde; parada é só o chevron, ativa ganha a haste e o pulso */
.en__pt{cursor:pointer}
.en__seta path{fill:var(--c-limao)}
.en__pulso,.en__flash{fill:none;stroke:var(--c-limao);stroke-width:1.1;vector-effect:non-scaling-stroke}
.en__num{font:600 8.5px var(--f-texto);letter-spacing:.04em;fill:rgba(255,255,255,.5);transition:fill .3s}
.en__pt.is-on .en__num{fill:#fff}
.en__alvo{fill:transparent;pointer-events:all}
.en__guia{fill:none;stroke:var(--c-limao);stroke-width:1.1;stroke-dasharray:1 1;stroke-dashoffset:1}
.en__no{fill:var(--c-limao)}

/* ---------- lista ---------- */
.en__lista{position:absolute;left:calc(44 * var(--u));top:calc(40 * var(--u));width:calc(296 * var(--u));z-index:2}
.en__gr{display:flex;justify-content:space-between;align-items:center;height:calc(30 * var(--u));
  font:600 calc(10.5 * var(--u)) var(--f-texto);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);
  border-bottom:1px solid rgba(255,255,255,.14)}
.en__ul + .en__gr{margin-top:calc(26 * var(--u))}
.en__it{position:relative;display:grid;grid-template-columns:calc(34 * var(--u)) 1fr auto;grid-template-rows:auto auto;
  align-items:baseline;column-gap:0;row-gap:calc(5 * var(--u));width:100%;height:calc(57 * var(--u));
  padding:calc(13 * var(--u)) 0 0;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);outline:none}
.en__it-n{grid-row:1;font:600 calc(10.5 * var(--u)) var(--f-texto);letter-spacing:.06em;color:rgba(255,255,255,.38);
  font-variant-numeric:tabular-nums;transition:color .3s}
.en__it-nome{grid-row:1;grid-column:2;--cap:14.5;--lh:17;color:rgba(255,255,255,.86);letter-spacing:-.02em;
  transition:color .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.en__it-cid{grid-row:2;grid-column:2;--cap:9.5;--lh:15;color:rgba(255,255,255,.42);letter-spacing:-.01em;
  transition:transform .5s cubic-bezier(.16,1,.3,1)}
.en__it-st{grid-row:2;grid-column:3;align-self:center;font:700 calc(8.5 * var(--u)) var(--f-texto);letter-spacing:.14em;text-transform:uppercase;
  padding:calc(3 * var(--u)) calc(6 * var(--u));border:1px solid rgba(255,255,255,.28);border-radius:calc(4 * var(--u));color:rgba(255,255,255,.7)}
.en__it-st.en__st--obra{border-color:var(--c-limao);color:var(--c-limao)}
.en__it-st.en__st--projeto{border-style:dashed}
/* barra verde à esquerda do item ativo, que cresce do meio */
.en__it::before{content:'';position:absolute;left:calc(-14 * var(--u));top:calc(14 * var(--u));width:calc(3 * var(--u));height:calc(30 * var(--u));
  background:var(--c-limao);transform:scaleY(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.en__it:hover .en__it-nome,.en__it:hover .en__it-cid,.en__it:focus-visible .en__it-nome{transform:translateX(calc(5 * var(--u)))}
.en__it:hover .en__it-nome{color:#fff}
.en__it.is-on::before{transform:scaleY(1)}
.en__it.is-on .en__it-n{color:var(--c-limao)}
.en__it.is-on .en__it-nome{color:#fff;transform:translateX(calc(5 * var(--u)))}
.en__it.is-on .en__it-cid{transform:translateX(calc(5 * var(--u)))}
.en__it:focus-visible{box-shadow:inset 0 0 0 1px rgba(154,212,38,.7);border-radius:calc(6 * var(--u))}
.en__dica{margin-top:calc(22 * var(--u));--cap:9.5;--lh:15;color:rgba(255,255,255,.36);letter-spacing:0}

/* ---------- painel ---------- */
.en__painel{position:absolute;left:calc(940 * var(--u));top:calc(24 * var(--u));width:calc(400 * var(--u));height:calc(832 * var(--u));
  border-radius:calc(28 * var(--u));background:#161717;border:1px solid rgba(255,255,255,.07);z-index:2}
.en__foto{position:absolute;left:calc(12 * var(--u));top:calc(12 * var(--u));width:calc(376 * var(--u));height:calc(251 * var(--u));
  border-radius:calc(18 * var(--u));overflow:hidden;background:#1f2121}
.en__camada{position:absolute;inset:0;overflow:hidden}
.en__camada img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:0 100%}
.en__fio{position:absolute;left:0;top:0;width:calc(940 * var(--u));height:calc(2 * var(--u));margin:calc(-1 * var(--u)) 0 0 calc(-470 * var(--u));
  background:var(--c-limao);transform:rotate(-45deg);z-index:2;opacity:0;visibility:hidden;pointer-events:none}
.en__tag{position:absolute;left:calc(14 * var(--u));top:calc(14 * var(--u));z-index:3;display:flex;align-items:center;gap:calc(7 * var(--u));
  height:calc(28 * var(--u));padding:0 calc(11 * var(--u)) 0 calc(9 * var(--u));border-radius:calc(8 * var(--u));background:#fff;color:#0a0a0a;
  --cap:11;--lh:28}
.en__painel:not(.is-on) .en__tag{visibility:hidden}
.en__tag i{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--c-limao)}
.en__tag b{font-weight:inherit}
.en__tag.en__st--obra i{background:linear-gradient(135deg,var(--c-limao) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--c-limao)}
.en__tag.en__st--inaugura i,.en__tag.en__st--retrofit i{background:none;box-shadow:inset 0 0 0 1.5px #0a0a0a}
.en__tag.en__st--projeto i{background:none;outline:1.5px dashed #0a0a0a;outline-offset:-1.5px}
/* detalhe do mapa (endereço sem foto publicada) */
.en__det{position:absolute;inset:0;background:#1b1d1d}
.en__det svg{position:absolute;inset:0;width:100%;height:100%;transform-origin:0 100%}
.en__det-rua,.en__det-eixo,.en__det-via{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.en__det-rua{stroke:rgba(255,255,255,.26);stroke-width:.9}
.en__det-anel{fill:none;stroke:var(--c-limao);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 3;opacity:.8}
.en__det-eixo{stroke:rgba(255,255,255,.5);stroke-width:1.6}
.en__det-via{stroke:#fff;stroke-width:3}
.en__det-seta{fill:var(--c-limao)}
.en__det-rot{position:absolute;right:calc(16 * var(--u));bottom:calc(14 * var(--u));--cap:9.5;--lh:15;color:rgba(255,255,255,.6);
  letter-spacing:.08em;text-transform:uppercase}

.en__corpo{position:absolute;left:calc(32 * var(--u));top:calc(286 * var(--u));width:calc(336 * var(--u))}
.en__meta{display:flex;align-items:center;gap:calc(10 * var(--u));--cap:9.5;--lh:15;color:rgba(255,255,255,.5);letter-spacing:.12em;text-transform:uppercase}
.en__meta i{width:calc(18 * var(--u));height:1px;background:rgba(255,255,255,.4)}
.en__nome{margin-top:calc(2 * var(--u));padding-top:calc(10 * var(--u));--cap:27;--lh:33;white-space:normal;color:#fff;overflow:clip;letter-spacing:-.025em}
.en__nome-in{display:block}
.en__end{margin-top:calc(12 * var(--u));--cap:10.5;--lh:21;color:rgba(255,255,255,.66);letter-spacing:-.01em}
.en__dados{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(16 * var(--u));margin-top:calc(20 * var(--u));border-top:1px solid rgba(255,255,255,.12)}
.en__dado{padding:calc(13 * var(--u)) 0 calc(12 * var(--u));border-bottom:1px solid rgba(255,255,255,.08)}
.en__dado dt{--cap:7.5;--lh:12;color:rgba(255,255,255,.45);letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.en__dado dd{margin-top:calc(8 * var(--u));--cap:17;--lh:22;color:#fff;letter-spacing:-.015em;white-space:normal}
.en__sep{display:block;margin-top:calc(20 * var(--u));height:1px;background:rgba(255,255,255,.12)}
.en__mix{margin-top:calc(16 * var(--u));--cap:9.5;--lh:19;color:rgba(255,255,255,.72);letter-spacing:-.01em}
.en__mix b{display:block;margin-bottom:calc(4 * var(--u));font-weight:600;font-size:calc(7.5 * var(--u) / var(--cr-t));letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.45)}
.en__nota{margin-top:calc(14 * var(--u));--cap:9.5;--lh:19;color:rgba(255,255,255,.55);letter-spacing:-.01em}

.en__viz{position:absolute;left:calc(32 * var(--u));right:calc(20 * var(--u));bottom:calc(92 * var(--u));display:flex;flex-wrap:wrap;gap:calc(5 * var(--u))}
.en__viz.is-compacto .en__chip b{display:none}
.en__viz.is-compacto .en__chip{padding:0 calc(9 * var(--u))}
.en__viz.is-oculto{display:none}
.en__chip b{font-weight:inherit}
.en__viz-rot{flex:0 0 100%;margin-bottom:calc(4 * var(--u));--cap:7.5;--lh:12;color:rgba(255,255,255,.45);letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.en__chip{display:inline-flex;align-items:center;gap:calc(5 * var(--u));height:calc(27 * var(--u));padding:0 calc(9 * var(--u)) 0 calc(8 * var(--u));
  border:1px solid rgba(255,255,255,.18);border-radius:calc(14 * var(--u));--cap:8.6;--lh:28;color:rgba(255,255,255,.85);letter-spacing:-.01em;
  transition:border-color .3s,color .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.en__chip span{font:600 calc(8 * var(--u)) var(--f-texto);letter-spacing:.04em;color:rgba(255,255,255,.4);transition:color .3s}
.en__chip:hover,.en__chip:focus-visible{border-color:var(--c-limao);color:#fff;outline:none}
.en__chip:hover span,.en__chip:focus-visible span{color:var(--c-limao)}
.en__nav{position:absolute;left:calc(32 * var(--u));right:calc(24 * var(--u));bottom:calc(24 * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u))}
.en__cont{order:-1;margin-right:auto;--cap:13;color:rgba(255,255,255,.5);letter-spacing:.02em;overflow:clip}
.en__cont-i{display:inline-block;color:#fff}
.en__bt{display:grid;place-items:center;width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:50%;background:#fff;color:#0c0c0c;
  transition:background-color .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.en__bt svg{width:calc(16 * var(--u));height:calc(12 * var(--u))}
.en__bt:hover{background:var(--c-limao);transform:scale(1.06)}
.en__bt:focus-visible{outline:2px solid var(--c-limao);outline-offset:3px}

.en__vivo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media (prefers-reduced-motion: reduce){
  .en__it::before,.en__it-nome,.en__it-cid,.en__bt{transition:none}
}
.en__cred{margin-top:calc(14 * var(--u));--cap:7.5;--lh:14;color:rgba(255,255,255,.38);letter-spacing:.02em}