/* ==========================================================================
   Skyline — “entardecer no ponto mais alto”: noite, crepúsculo, pêssego, marfim
   ========================================================================== */
body[data-pagina=skyline]{
  --bg:#140E16; --bg-2:#1E1520; --ink:#F6EFE8; --ink-2:rgba(246,239,232,.76); --line:rgba(246,239,232,.15);
  --light:#F6EFE8; --light-2:#F1E4D6; --light-ink:#211619; --light-ink-2:#6b5b58; --light-line:#e3d4c4;
  --accent:#F3C38F; --accent-2:#E59A6E; --accent-ink:#1a1016;
  --btn-grad:linear-gradient(135deg,#F8D8AE 0%,#F1B283 50%,#E0896A 100%);
  --ff-display:'Bodoni Moda',Georgia,'Times New Roman',serif;
  --anel-1:#F8D8AE; --anel-2:#E59A6E; --anel-3:#9a5566;
}
body[data-pagina=skyline] .tema-claro,body[data-pagina=skyline] .tema-claro-2{--accent:#A0543C;--accent-2:#B8683F}
body[data-pagina=skyline] .titulo-xl,body[data-pagina=skyline] .titulo-lg,body[data-pagina=skyline] .titulo-md{font-weight:400;letter-spacing:-.01em}

/* ---------- Topo ---------- */
.topo__marca .marca-s{font:500 1.06rem/1 var(--ff-display);letter-spacing:.42em;text-transform:uppercase}
.topo__marca small{font:700 .56rem/1 var(--ff-body);letter-spacing:.22em;text-transform:uppercase;opacity:.75;margin-top:6px}

/* ---------- Hero ---------- */
.hero-s{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#140E16;overflow:hidden}
.hero-s__foto{position:absolute;inset:0}
.hero-s__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-s__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,22,.62) 0%,rgba(20,14,22,0) 20%,rgba(20,14,22,0) 36%,rgba(20,14,22,.72) 60%,rgba(20,14,22,.96) 82%,#140E16 100%)}
.hero-s__alt{position:absolute;right:18px;top:17%;height:34%;width:1px;background:linear-gradient(transparent,rgba(243,195,143,.8) 30%,rgba(243,195,143,.25));z-index:2}
.hero-s__alt i{position:absolute;left:-4px;top:0;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 3px rgba(243,195,143,.8);animation:pulsar-s 3s ease-in-out infinite}
.hero-s__alt span{position:absolute;right:14px;top:-4px;font:800 .56rem/1 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
@keyframes pulsar-s{0%,100%{box-shadow:0 0 10px 2px rgba(243,195,143,.6)}50%{box-shadow:0 0 22px 6px rgba(243,195,143,.95)}}
@media (prefers-reduced-motion:reduce){.hero-s__alt i{animation:none}}
.hero-s__texto{position:relative;z-index:2;padding-top:120px;padding-bottom:calc(var(--barra-h) + var(--safe-b) + 18px)}
.selo-s{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--pill);border:1px solid rgba(243,195,143,.7);color:var(--accent);font:800 .64rem/1 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;background:rgba(20,14,22,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.selo-s::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.hero-s h1{font-size:clamp(2.6rem,11vw,5.6rem);line-height:.98}
.hero-s .lead{color:rgba(255,255,255,.86);margin-top:14px}
.hero-s .chips{margin-top:18px}
.hero-s .chip{border-color:rgba(255,255,255,.34);background:rgba(20,14,22,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-s__acoes{display:flex;align-items:center;gap:18px;margin-top:22px}
.tour-botao{display:flex;align-items:center;gap:14px;background:none;border:0;padding:0;color:inherit;text-align:left}
.tour-botao .anel__aro{width:66px;height:66px}
.tour-botao b{display:block;font:400 1.12rem/1.1 var(--ff-display)}
.tour-botao small{display:block;font-size:.76rem;color:rgba(255,255,255,.72);margin-top:3px}
.hero-s__cta{display:none}
@media (min-width:1000px){
  .hero-s{display:grid;grid-template-columns:45% 55%;align-items:center;background:radial-gradient(80% 90% at 0% 100%,rgba(176,106,122,.28),transparent 60%),#140E16}
  .hero-s__foto{position:relative;inset:auto;display:block;grid-column:2;grid-row:1;height:100vh;min-height:640px}
  .hero-s__foto img{object-position:42% 50%}
  .hero-s__foto::after{background:linear-gradient(90deg,#140E16 0%,rgba(20,14,22,.45) 16%,rgba(20,14,22,0) 38%),linear-gradient(180deg,rgba(20,14,22,.55),transparent 20%,transparent 82%,rgba(20,14,22,.75))}
  .hero-s__texto{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;padding:110px 32px 80px clamp(32px,5vw,80px)}
  .hero-s__texto > *{max-width:600px}
  .hero-s h1{font-size:clamp(3.4rem,5.4vw,5.4rem)}
  .hero-s__cta{display:inline-flex}
  .hero-s__alt{right:40px;top:24%;height:40%}
}

/* ---------- Destaques ---------- */
.destaques-s{padding:22px 0 30px;border-top:1px solid var(--line)}
.destaques-s__titulo{font:800 .64rem/1 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
@media (min-width:1000px){.destaques-s__titulo{text-align:center}}

/* ---------- A torre ---------- */
.torre-s__grade{display:grid;gap:34px}
.torre-s__txt p + p{margin-top:14px}
.torre-s .numeros{grid-template-columns:repeat(2,1fr)}
.torre-s .numeros > div:first-child{grid-column:1/-1}
.torre-s .numeros b{font-size:clamp(1.5rem,5.4vw,2.1rem)}
.torre-s__video{aspect-ratio:16/10;margin-top:4px}
@media (min-width:1000px){.torre-s__grade{grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}}

/* ---------- Assinaturas ---------- */
.assinaturas{display:grid;gap:0;border-top:1px solid var(--s-line)}
.assinatura{display:grid;gap:4px;padding:24px 0;border-bottom:1px solid var(--s-line)}
.assinatura b{font:400 clamp(1.7rem,6.6vw,2.8rem)/1.05 var(--ff-display)}
.assinatura b em{font-style:italic;color:var(--accent)}
.assinatura span{font:800 .68rem/1.3 var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--s-ink-2)}
.assinaturas-s__grade{display:grid;gap:34px}
.assinaturas-s__foto{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.assinaturas-s__foto img{width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){.assinaturas-s__grade{grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.assinatura{grid-template-columns:1fr auto;align-items:baseline;gap:20px}}

/* ---------- Plantas ---------- */
.plantas-s .seletor{margin-bottom:22px}
.planta-s{display:grid;gap:22px}
.planta-s__img{position:relative;border:0;padding:0;border-radius:var(--r);overflow:hidden;background:#EDE5D8;cursor:zoom-in;display:block;width:100%;aspect-ratio:1/1}
.planta-s__img img{width:100%;height:100%;object-fit:contain}
.planta-s__area{font:400 clamp(2.6rem,11vw,4rem)/1 var(--ff-display);letter-spacing:-.01em}
.planta-s__area small{font-size:.42em;margin-left:4px}
.planta-s__lista{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px}
.planta-s__lista li{position:relative;padding-left:22px;color:var(--s-ink-2)}
.planta-s__lista li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:1.5px;background:var(--accent)}
.planta-s__acoes{display:flex;flex-wrap:wrap;gap:10px}
@media (min-width:900px){.planta-s{grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}}

/* ---------- Subindo a torre ---------- */
.subida{position:relative}
.subida__intro{background:linear-gradient(180deg,var(--light) 0%,#F3E2D0 100%);color:var(--light-ink);padding:clamp(64px,11vw,120px) 0 clamp(20px,4vw,40px)}
.nivel{position:relative;padding:clamp(48px,9vw,96px) 0}
.nivel__cab{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.nivel__nome{font:400 clamp(2.4rem,10vw,4.6rem)/1 var(--ff-display);letter-spacing:.06em;text-transform:uppercase}
.nivel__n{font:800 .66rem/1 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.nivel .pilulas{margin-bottom:22px}
.nivel .trilho{--col:78%}
.nivel .trilho .foto{aspect-ratio:4/3}
@media (min-width:760px){.nivel .trilho{--col:calc((100% - 28px)/3)}}
@media (min-width:1000px){.nivel .trilho{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
.nivel--terreo{background:linear-gradient(180deg,#F3E2D0 0%,#EED3B8 100%);color:var(--light-ink);--s-ink:var(--light-ink);--s-ink-2:var(--light-ink-2);--s-line:rgba(33,22,25,.14);--accent:#A0543C}
.nivel--lazer{background:linear-gradient(180deg,#EED3B8 0%,#E6B38E 100%);color:var(--light-ink);--s-ink:var(--light-ink);--s-ink-2:#5b4644;--s-line:rgba(33,22,25,.16);--accent:#8f4630}
.nivel--mezanino{background:linear-gradient(180deg,#E6B38E 0%,#CF8B78 100%);color:var(--light-ink);--s-ink:var(--light-ink);--s-ink-2:#4e3634;--s-line:rgba(33,22,25,.18);--accent:#7c3a2a}
.nivel--rooftop{padding-top:0;background:linear-gradient(180deg,#2a1b2e 0%,#1b1220 55%,#140E16 100%);color:var(--ink);--s-ink:var(--ink);--s-ink-2:var(--ink-2);--s-line:var(--line)}
.nivel--terreo .pilulas li,.nivel--lazer .pilulas li,.nivel--mezanino .pilulas li{background:rgba(255,255,255,.42)}
.rooftop-vista{position:relative;min-height:88vh;min-height:88svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;margin-bottom:clamp(40px,7vw,72px)}
.rooftop-vista img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.rooftop-vista::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#CF8B78 0%,rgba(207,139,120,0) 14%,rgba(20,14,22,0) 45%,rgba(20,14,22,.85) 85%,#2a1b2e 100%)}
.rooftop-vista .wrap{position:relative;z-index:2;padding-bottom:40px}
.rooftop-vista .nivel__nome{color:#fff}
.rooftop-vista p{font:italic 400 clamp(1.4rem,5.4vw,2.2rem)/1.2 var(--ff-display);color:var(--accent);margin-top:6px;max-width:22ch}
.subida__fim{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* Marcador de andar (altímetro) */
.altimetro{position:fixed;right:8px;top:50%;z-index:50;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;pointer-events:none}
.altimetro.visivel{opacity:1;visibility:visible}
.altimetro ol{list-style:none;margin:0;padding:6px 0;display:flex;flex-direction:column;gap:30px;position:relative}
.altimetro ol::before{content:"";position:absolute;right:5px;top:0;bottom:0;width:1px;background:rgba(120,80,70,.45)}
.altimetro li{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;height:12px}
.altimetro li::after{content:"";width:11px;height:11px;border-radius:50%;background:#fff;border:1.5px solid rgba(120,80,70,.55);flex:0 0 auto;transition:all .35s}
.altimetro li span{font:800 .56rem/1 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:var(--pill);background:rgba(20,14,22,.82);color:#F6EFE8;opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
.altimetro li.ativo::after{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px 3px rgba(243,195,143,.8);transform:scale(1.15)}
.altimetro li.ativo span{opacity:1;transform:none}
@media (min-width:1000px){.altimetro{right:26px}.altimetro li span{opacity:.55;transform:none;background:transparent;color:inherit}.altimetro li.ativo span{opacity:1;background:rgba(20,14,22,.82);color:#F6EFE8}.altimetro ol{gap:40px}}

/* ---------- Localização ---------- */
.local-s__grade{display:grid;gap:10px;align-items:center}
.local-s .endereco__mapa-btn{background:
  linear-gradient(118deg,transparent 47%,rgba(243,195,143,.45) 47.4%,rgba(243,195,143,.45) 48.6%,transparent 49%),
  linear-gradient(28deg,transparent 58%,rgba(255,255,255,.14) 58.3%,rgba(255,255,255,.14) 59.3%,transparent 59.6%),
  linear-gradient(160deg,transparent 30%,rgba(255,255,255,.1) 30.3%,rgba(255,255,255,.1) 31.2%,transparent 31.5%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 26px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 26px),
  radial-gradient(circle at 50% 45%,#4a2a3c 0%,#241826 65%)}
.local-s__nota{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:var(--r-sm);background:rgba(243,195,143,.08);border:1px solid rgba(243,195,143,.25);font-size:.9rem;color:var(--ink-2)}
.local-s__nota .ico{color:var(--accent);margin-top:2px}
@media (min-width:1000px){.local-s__grade{grid-template-columns:1fr 1.1fr;gap:64px}}

/* ---------- Por que agora ---------- */
.agora-s{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 110%,rgba(229,154,110,.5) 0%,rgba(176,106,122,.28) 32%,transparent 62%),linear-gradient(180deg,#140E16,#1E1520)}
.agora-s__caixa{max-width:820px}
.agora-s h2{font-size:clamp(2.3rem,9vw,4.4rem);line-height:1}
.agora-s .btn{margin-top:28px}

/* ---------- Constel ---------- */
.constel-s__caixa{border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,56px);background:radial-gradient(90% 120% at 100% 0%,rgba(229,154,110,.16),transparent 60%),var(--bg-2)}

/* ---------- Agendar ---------- */
.agendar-s{position:relative;color:var(--ink);background:var(--bg);overflow:hidden}
.agendar-s__fundo{position:absolute;inset:0}
.agendar-s__fundo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:.5}
.agendar-s__fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,22,.5) 0%,rgba(20,14,22,.86) 45%,#140E16 100%)}
.agendar-s__grade{position:relative;display:grid;gap:30px}
.agendar-s__cartao{background:rgba(20,14,22,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:26px;padding:24px}
.agendar-s__cartao .campo > label,.agendar-s__cartao .campo > .rotulo{color:var(--ink-2)}
.agendar-s__end{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:.92rem;color:var(--ink-2)}
.agendar-s__end .ico{color:var(--accent);margin-top:2px}
.agendar-s__end strong{color:var(--ink);display:block}
@media (min-width:1000px){.agendar-s__grade{grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.agendar-s__cartao{padding:34px}}

/* ---------- Dúvidas ---------- */
.faq-s__grade{display:grid;gap:10px}
@media (min-width:1000px){.faq-s__grade{grid-template-columns:.8fr 1.2fr;gap:64px}}