/* ============================================================
   Dra. Daniela Londe — seções do site
   ============================================================ */

/* ---------- navegação fixa ---------- */
.st-nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--s-nav);padding:0 var(--s-margem);display:flex;align-items:center;justify-content:space-between;gap:1rem;
  transition:background .35s, box-shadow .35s, height .35s}
.st-nav.s-fundo{background:color-mix(in oklab, var(--s-papel) 88%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--s-filete-2)}
.st-marca{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.st-marca-ponto{width:.55rem;height:.55rem;border-radius:50%;background:var(--s-ouro);box-shadow:0 0 0 .28rem rgba(201,161,90,.2);flex:none}
.st-marca-nome{font-family:var(--s-serif);font-size:1.12rem;line-height:1.1}
.st-marca-sub{display:block;font-family:var(--s-sans);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--s-tinta-3);margin-top:.18rem}
.st-nav-botao{font-weight:700;font-size:.88rem;text-decoration:none;padding:.68rem 1.2rem;border:1px solid color-mix(in oklab, var(--s-tinta) 34%, transparent);border-radius:999px;color:var(--s-tinta);background:rgba(246,241,234,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .3s, color .3s, border-color .3s;white-space:nowrap}
.st-nav-botao:hover,.st-nav-botao:focus-visible{background:var(--s-tinta);color:var(--s-papel);border-color:var(--s-tinta)}

/* ---------- botão flutuante de WhatsApp (celular) ---------- */
.st-flutua{position:fixed;left:50%;bottom:1rem;z-index:60;transform:translateX(-50%);display:none;width:min(92vw,26rem)}
.st-flutua a{display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:700;text-decoration:none;color:var(--s-papel);background:var(--s-tinta);padding:.95rem 1.2rem;border-radius:999px;box-shadow:0 14px 30px -14px rgba(46,30,24,.7)}
.st-flutua a::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--s-ouro);box-shadow:0 0 0 .25rem rgba(201,161,90,.3)}
@media (max-width:899px){ .st-flutua.s-no{display:block} }

/* ============================================================
   SEÇÃO 1 — HERO (o hero A aprovado)
   ============================================================ */
.st-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--s-papel);display:flex;flex-direction:column}

/* ---------- malha do hero ---------- */
.ha-malha{position:absolute;inset:-12%;z-index:-3;pointer-events:none;
  background:
    radial-gradient(60% 55% at 78% 62%, rgba(211,211,206,.95), rgba(211,211,206,0) 70%),
    radial-gradient(48% 50% at 96% 18%, rgba(133,186,242,.26), rgba(133,186,242,0) 72%),
    radial-gradient(52% 60% at 8% 92%, rgba(195,159,135,.42), rgba(195,159,135,0) 70%),
    radial-gradient(40% 44% at 34% 6%, rgba(239,230,214,.9), rgba(239,230,214,0) 70%);
  animation:s-respira 28s ease-in-out infinite alternate;will-change:transform}
.ha-malha--2{z-index:-2;
  background:
    radial-gradient(38% 46% at 58% 96%, rgba(195,159,135,.38), rgba(195,159,135,0) 72%),
    radial-gradient(34% 40% at 52% 30%, rgba(246,241,234,.85), rgba(246,241,234,0) 72%),
    radial-gradient(30% 36% at 4% 30%, rgba(133,186,242,.12), rgba(133,186,242,0) 72%);
  animation:s-respira-b 36s ease-in-out infinite alternate}
.ha-grao{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .18 0 0 0 0 .12 0 0 0 0 .09 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}

.ha-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.ha-canvas--fundo{z-index:0}
.ha-canvas--frente{z-index:3}

.ha-nav{position:relative;z-index:5;height:var(--s-nav);padding:0 var(--s-margem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ha-marca{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.ha-marca-ponto{width:.6rem;height:.6rem;border-radius:50%;background:var(--s-ouro);box-shadow:0 0 0 .3rem rgba(201,161,90,.2);flex:none}
.ha-marca-nome{font-family:var(--s-serif);font-size:1.18rem;letter-spacing:.005em;line-height:1.1;white-space:nowrap}
.ha-marca-sub{display:block;font-family:var(--s-sans);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--s-tinta-3);margin-top:.22rem}
.ha-nav-botao{font-family:var(--s-sans);font-size:.9rem;font-weight:700;letter-spacing:.01em;text-decoration:none;padding:.72rem 1.25rem;border:1px solid color-mix(in oklab, var(--s-tinta) 34%, transparent);border-radius:999px;background:rgba(246,241,234,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .3s, color .3s, border-color .3s;white-space:nowrap}
.ha-nav-botao:hover,.ha-nav-botao:focus-visible{background:var(--s-tinta);color:var(--s-papel);border-color:var(--s-tinta)}

.ha-palco{position:relative;z-index:2;flex:1;display:flex;align-items:center;padding:clamp(.5rem,2svh,1.5rem) var(--s-margem) clamp(1.5rem,5svh,3.5rem)}
.ha-texto{width:min(100%, 37.5rem, 43vw)}
.ha-sobre{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:0 0 clamp(1rem,2.6svh,1.75rem);font-size:var(--s-mini);letter-spacing:.17em;text-transform:uppercase;color:var(--s-tinta-2)}
.ha-sobre::before{content:"";width:2.2rem;height:1px;background:var(--s-ouro)}
.ha-sobre b{font-weight:700;color:var(--s-tinta)}
.ha-titulo{margin:0;font-family:var(--s-serif);font-weight:300;font-size:clamp(2.6rem, min(4.5vw, 7.6svh), 4.5rem);line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
.ha-linha{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.ha-linha>span{display:block}
.ha-titulo-media{color:var(--s-tinta-3)}
.ha-titulo-eu{color:var(--s-tinta);font-weight:400}
.ha-titulo em{font-style:italic;font-weight:400;position:relative;white-space:nowrap}
.ha-titulo em::after{content:"";position:absolute;left:.02em;right:.04em;bottom:.02em;height:.045em;min-height:2px;background:var(--s-ouro);border-radius:2px;transform-origin:left;transform:scaleX(1)}
.ha-apoio{margin:clamp(1.1rem,3svh,1.9rem) 0 0;max-width:33rem;font-size:var(--s-corpo);line-height:1.58;color:var(--s-tinta-2)}
.ha-apoio strong{font-weight:700;color:var(--s-tinta)}
.ha-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem;margin-top:clamp(1.3rem,3.4svh,2.1rem)}
.ha-botao{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.02rem;letter-spacing:.005em;text-decoration:none;color:var(--s-papel);background:var(--s-tinta);padding:1.05rem 1.6rem 1.05rem 1.35rem;border-radius:999px;box-shadow:0 14px 30px -16px rgba(46,30,24,.7);transition:transform .35s var(--s-ease), box-shadow .35s}
.ha-botao::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--s-ouro);box-shadow:0 0 0 .28rem rgba(201,161,90,.28);transition:box-shadow .35s}
.ha-botao:hover,.ha-botao:focus-visible{transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(46,30,24,.75)}
.ha-botao:hover::before{box-shadow:0 0 0 .42rem rgba(201,161,90,.32)}
.ha-link{font-size:.96rem;text-decoration:none;color:var(--s-tinta);padding:.5rem 0;border-bottom:1px solid var(--s-ouro);transition:color .3s}
.ha-link:hover,.ha-link:focus-visible{color:var(--s-ouro-fundo)}
.ha-provas{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin:clamp(1.1rem,2.8svh,1.7rem) 0 0;padding:0;list-style:none;font-size:.84rem;color:var(--s-tinta-2)}
.ha-provas li{display:flex;align-items:baseline;gap:.45rem}
.ha-provas b{font-family:var(--s-serif);font-weight:400;font-size:1.12rem;color:var(--s-tinta)}
.ha-citacao{margin:clamp(1.2rem,3.4svh,2.2rem) 0 0;padding:.95rem 0 0;max-width:31rem;border-top:1px solid var(--s-filete);font-family:var(--s-serif);font-style:italic;font-weight:300;font-size:.95rem;line-height:1.5;color:var(--s-tinta-2)}
.ha-citacao p{margin:0}
.ha-citacao footer{margin-top:.4rem;font-family:var(--s-sans);font-style:normal;font-size:var(--s-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--s-tinta-3)}

.ha-figura{position:absolute;z-index:1;right:-1.5vw;bottom:0;height:min(89svh, 60vw);aspect-ratio:1500/1557;margin:0;pointer-events:none}
.ha-figura::before{content:"";position:absolute;left:8%;right:4%;top:2%;bottom:-10%;border-radius:50%;background:radial-gradient(closest-side, rgba(222,221,215,.9), rgba(222,221,215,0));z-index:-1}
.ha-retrato{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom}

.ha-rotulo{position:absolute;z-index:4;left:0;top:0;pointer-events:none;display:flex;align-items:center;gap:.55rem;opacity:0;transition:opacity 1s ease .1s;white-space:nowrap}
.ha-rotulo.ha-visivel{opacity:1}
.ha-rotulo-txt{text-align:right;line-height:1.05}
.ha-rotulo em{display:block;font-family:var(--s-serif);font-style:italic;font-size:1.25rem;color:var(--s-tinta)}
.ha-rotulo small{display:block;margin-top:.2rem;font-family:var(--s-sans);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ouro-fundo)}
.ha-rotulo i{display:block;width:1.1rem;height:1px;background:var(--s-ouro)}

/* entrada do hero */
.ha-nav{animation:s-surge .9s ease both}
.ha-sobre{animation:s-surge .8s var(--s-ease) .1s both}
.ha-linha>span{animation:s-sobe 1s var(--s-ease) both}
.ha-linha:nth-child(1)>span{animation-delay:.18s}
.ha-linha:nth-child(2)>span{animation-delay:.28s}
.ha-linha:nth-child(3)>span{animation-delay:.52s}
.ha-linha:nth-child(4)>span{animation-delay:.62s}
.ha-titulo em::after{animation:s-risco .9s var(--s-ease) 1.35s both}
.ha-apoio{animation:s-surge .9s var(--s-ease) .95s both}
.ha-acoes{animation:s-surge .9s var(--s-ease) 1.1s both}
.ha-provas{animation:s-surge .9s var(--s-ease) 1.25s both}
.ha-citacao{animation:s-surge .9s var(--s-ease) 1.4s both}
.ha-figura{animation:s-figura 1.5s var(--s-ease) .25s both}
@keyframes s-risco{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes s-figura{from{opacity:0;transform:translateY(3.5%)}to{opacity:1;transform:none}}

/* ---------- celular e tablet ---------- */
@media (max-width: 899px){
  :root{--s-titulo:clamp(2.05rem, 9.6vw, 3.4rem);--s-corpo:1rem;--s-nav:3.6rem}
  .ha-so-mesa{display:none}
  .ha-palco{flex:none;display:block;padding-top:.35rem;padding-bottom:0}
  .ha-sobre{margin-bottom:.8rem}
  .ha-apoio{margin-top:.95rem}
  .ha-acoes{margin-top:1.15rem}
  .ha-texto{width:100%;max-width:34rem}
  .ha-sobre{font-size:.62rem;letter-spacing:.1em;gap:.3rem .55rem;flex-wrap:nowrap;white-space:nowrap}
  .ha-sobre::before{display:none}
  .ha-apoio{font-size:.98rem;line-height:1.52}
  .ha-acoes{gap:.5rem 1.4rem}
  .ha-botao{width:100%;justify-content:center;padding:.95rem 1.2rem}
  .ha-link{font-size:.93rem}
  .ha-provas{font-size:clamp(.72rem,3.35vw,.8rem);gap:.2rem .9rem;margin-top:.7rem;flex-wrap:nowrap;white-space:nowrap}
  .ha-provas li{gap:.3rem}
  .ha-provas b{font-size:1rem}
  .ha-figura{position:relative;right:auto;bottom:auto;height:auto;width:min(112vw, 34rem);align-self:center;margin:auto 0 0;padding-top:1.15rem;left:3vw;flex:none}
  .ha-retrato{height:auto;aspect-ratio:1500/1557}
  .ha-citacao{position:relative;z-index:4;margin:-5.4rem 0 0;padding:3.2rem var(--s-margem) 1.3rem;max-width:none;border:0;font-size:.86rem;line-height:1.45;color:var(--s-tinta);
    background:linear-gradient(to bottom, rgba(246,241,234,0), rgba(246,241,234,.9) 38%, rgba(246,241,234,.97))}
  .ha-citacao footer{font-size:.6rem}
  .ha-marca-nome{font-size:1.05rem}
  .ha-marca-sub{font-size:.55rem}
  .ha-nav-botao{padding:.6rem 1rem;font-size:.84rem}
  .ha-rotulo em{font-size:1.05rem}
  .ha-rotulo small{font-size:.58rem}
  .ha-rotulo i{width:.7rem}
}
@media (max-width: 899px){ .ha-citacao--mesa{display:none} }
@media (min-width: 900px){ .ha-citacao--cel{display:none} }
@media (min-width: 900px) and (max-height: 700px){
  .ha-citacao--mesa{display:none}
}

/* ============================================================
   O fio da margem — o motivo que acompanha a rolagem
   ============================================================ */
.st-fio{position:fixed;z-index:5;top:0;bottom:0;right:clamp(4px,1.2vw,18px);width:1px;background:var(--s-filete-2);display:none}
@media (min-width:1024px){ .st-fio{display:block} }
.st-fio svg{position:absolute;top:0;left:0;width:calc(100% + 1px);height:100%;overflow:visible}
.st-fio path{fill:none;stroke:var(--s-tinta);stroke-width:1;opacity:.35}
.st-fio .st-fio-ponto{fill:var(--s-ouro);stroke:none}
.st-fio-rot{position:fixed;z-index:5;right:clamp(8px,1.8vw,26px);top:0;transform:translateY(0);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s-ouro-fundo);opacity:0;transition:opacity .6s;pointer-events:none;writing-mode:vertical-rl}
.st-fio-rot.st-no{opacity:1}

/* ============================================================
   SEÇÃO 2 — SOBRE ("a cientista que traduz")
   ============================================================ */
.st-sobre{position:relative;padding:var(--s-respiro) 0 clamp(3rem,7svh,5rem);background:var(--s-papel);overflow:hidden}
.st-sobre-grade{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.st-sobre-txt p{margin:0 0 1.1rem}
.st-sobre-txt p:first-of-type{font-family:var(--s-serif);font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.5;color:var(--s-tinta)}
.st-sobre-txt p:first-of-type strong{font-weight:700}
.st-sobre-txt p:first-of-type em{font-style:italic;color:var(--s-ouro-fundo)}
.st-sobre-dados{margin-top:clamp(1.4rem,3svh,2.2rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--s-filete-2);border:1px solid var(--s-filete-2)}
.st-sobre-dado{background:var(--s-papel);padding:.9rem 1rem}
.st-sobre-dado b{display:block;font-family:var(--s-serif);font-weight:400;font-size:1.5rem;line-height:1.1}
.st-sobre-dado span{display:block;margin-top:.2rem;font-size:var(--s-mini);letter-spacing:.1em;text-transform:uppercase;color:var(--s-tinta-3)}
.st-sobre-fig{position:relative;align-self:end}
.st-sobre-fig figure{margin:0;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(46,30,24,.45)}
.st-sobre-fig img{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:50% 22%}
.st-sobre-fig figcaption{padding:.75rem 1rem .9rem;background:var(--s-creme);font-size:.8rem;color:var(--s-tinta-2)}
.st-sobre-fig figcaption b{display:block;font-family:var(--s-sans);font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ouro-fundo);margin-bottom:.15rem}
.st-sobre-marco{margin-top:clamp(2rem,4.5svh,3.2rem);padding-top:clamp(1.6rem,3.5svh,2.6rem);border-top:1px solid var(--s-filete);display:flex;flex-wrap:wrap;gap:.4rem 2.5rem;align-items:baseline}
.st-sobre-marco b{font-family:var(--s-serif);font-weight:400;font-size:1.25rem}
.st-sobre-marco span{font-size:.85rem;color:var(--s-tinta-2)}
.st-sobre-marco span::before{content:"·";color:var(--s-ouro);margin-right:.6rem}

/* linha do tempo do humor — o motivo vira história */
.st-humor{position:relative;margin-top:clamp(2.5rem,5.5svh,4rem);background:var(--s-papel-2);border-top:1px solid var(--s-filete);border-bottom:1px solid var(--s-filete)}
.st-humor-in{position:relative;padding:clamp(2rem,4.5svh,3.4rem) 0}
.st-humor-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:1.6rem}
.st-humor-cab h2{margin:0;font-family:var(--s-serif);font-weight:300;font-size:var(--s-titulo-2)}
.st-humor-cab h2 em{font-style:italic;color:var(--s-ouro-fundo)}
.st-humor-cab p{margin:0;max-width:26em;font-size:.88rem;color:var(--s-tinta-2)}
.st-humor-cv{position:relative;width:100%}
.st-humor-cv svg{display:block;width:100%;height:auto;overflow:visible}
.st-humor-cv .eixo{stroke:var(--s-tinta);stroke-opacity:.3;stroke-width:1}
.st-humor-cv .curva{fill:none;stroke:var(--s-linho);stroke-width:1.4;stroke-opacity:.75}
.st-humor-cv .ponto{fill:var(--s-ouro)}
.st-humor-cv text{font-family:var(--s-sans);font-size:9.5px;letter-spacing:.08em;fill:var(--s-tinta-2);text-transform:uppercase}
.st-humor-cv .rot-ouro{fill:var(--s-ouro-fundo);font-weight:700}
.st-humor-prova{margin-top:1.4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem 2.5rem}

/* ============================================================
   SEÇÃO 3 — ESPECIALIDADES / O QUE ELA TRATA
   ============================================================ */
.st-trata{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel);overflow:hidden}
.st-trata-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.st-trata-intro p{margin:0 0 1.1rem}
.st-trata-lista{margin:clamp(1.6rem,3.5svh,2.6rem) 0 0;padding:0;list-style:none;border-top:1px solid var(--s-filete)}
.st-trata-item{display:grid;grid-template-columns:3.2rem 1fr auto;gap:1rem;align-items:baseline;padding:1.05rem 0;border-bottom:1px solid var(--s-filete);transition:background .3s}
.st-trata-item:hover{background:var(--s-papel-2)}
.st-trata-item .n{font-family:var(--s-mono);font-size:.72rem;color:var(--s-tinta-3)}
.st-trata-item b{font-family:var(--s-serif);font-weight:400;font-size:1.28rem}
.st-trata-item p{margin:.25rem 0 0;font-size:.92rem;color:var(--s-tinta-2)}
.st-trata-item .tag{font-size:var(--s-mini);letter-spacing:.12em;text-transform:uppercase;color:var(--s-ouro-fundo);white-space:nowrap}
.st-trata-item .tag::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--s-ouro);margin-right:.45rem;vertical-align:.05em}
.st-trata-lado{position:relative}
.st-trata-foto{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(46,30,24,.45)}
.st-trata-foto img{width:100%;aspect-ratio:3/3.6;object-fit:cover}
.st-trata-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.2rem 1rem;background:linear-gradient(to top, rgba(46,30,24,.72), rgba(46,30,24,0));color:var(--s-papel);font-size:.85rem}
.st-trata-foto figcaption b{display:block;font-family:var(--s-serif);font-weight:400;font-size:1.05rem}
.st-trata-nota{margin-top:1.2rem;padding:1.1rem 1.2rem;background:var(--s-creme);border-left:2px solid var(--s-ouro);font-size:.92rem;color:var(--s-tinta-2)}
.st-trata-nota b{color:var(--s-tinta)}

/* ============================================================
   SEÇÃO 4 — A CONSULTA DE 1H30 (gráfico de faixas)
   ============================================================ */
.st-consulta{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel-2);overflow:hidden}
.st-consulta-cab{max-width:44em}
.st-faixas{margin-top:clamp(2rem,4.5svh,3.4rem);display:flex;flex-direction:column;gap:.55rem}
.st-faixa{position:relative;display:grid;grid-template-columns:minmax(8rem,12rem) 1fr minmax(5rem,8rem);gap:1rem;align-items:center;padding:.75rem .9rem;border-radius:10px;transition:transform .35s var(--s-ease)}
.st-faixa:hover{transform:translateX(6px)}
.st-faixa i{display:block;height:.6rem;border-radius:999px;background:var(--s-filete-2);position:relative;overflow:visible}
.st-faixa i::after{content:"";position:absolute;left:var(--p,0%);top:50%;width:.62rem;height:.62rem;border-radius:50%;background:var(--s-linho);transform:translate(-50%,-50%)}
.st-faixa.st-ativa i{background:var(--s-linho-claro)}
.st-faixa.st-ativa i::after{background:var(--s-ouro);box-shadow:0 0 0 .28rem rgba(201,161,90,.3);width:.78rem;height:.78rem}
.st-faixa b{font-family:var(--s-serif);font-weight:400;font-size:1.12rem}
.st-faixa span{font-size:.86rem;color:var(--s-tinta-2)}
.st-faixa .v{font-family:var(--s-mono);font-size:.8rem;color:var(--s-tinta-3);text-align:right}
.st-faixas-prova{margin-top:clamp(2rem,4.5svh,3.2rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem 2.5rem}
.st-faixas-prova .s-prova{border:0;padding-left:0}

/* ============================================================
   SEÇÃO 5 — PROVA SOCIAL (517 pontos / 5,0)
   ============================================================ */
.st-prova-social{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel);overflow:hidden}
.st-prova-grade{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.st-numeros{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--s-filete-2);border:1px solid var(--s-filete-2);margin-top:clamp(1.6rem,3.5svh,2.6rem)}
.st-numero{background:var(--s-papel);padding:1.1rem 1.2rem}
.st-numero b{display:block;font-family:var(--s-serif);font-weight:400;font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1}
.st-numero span{display:block;margin-top:.25rem;font-size:var(--s-mini);letter-spacing:.1em;text-transform:uppercase;color:var(--s-tinta-3)}
.st-numero small{display:block;margin-top:.5rem;font-size:.82rem;color:var(--s-tinta-2)}
.st-nuvem{margin-top:clamp(1.6rem,3.5svh,2.6rem)}
.st-nuvem-cab{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.6rem}
.st-nuvem-cab p{margin:0;font-size:.86rem;color:var(--s-tinta-2)}
.st-nuvem-cab p b{color:var(--s-tinta)}
.st-nuvem-campo{margin-top:.6rem;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem 1.2rem;min-height:3.4rem}
.st-nuvem-term{font-size:.86rem;color:var(--s-tinta-2);border-bottom:1px solid transparent}
.st-nuvem-term:hover{color:var(--s-tinta);border-bottom-color:var(--s-ouro);text-decoration:none}
.st-nuvem-fonte{display:none}
.st-nuvem-legenda{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-top:.8rem;font-size:.72rem;color:var(--s-tinta-3)}
.st-nuvem-legenda span{display:flex;align-items:center;gap:.35rem}
.st-nuvem-legenda i{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}
.st-citacoes{margin-top:clamp(2rem,4.5svh,3.2rem);display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2.6rem}
.st-citacoes .s-prova{height:100%}

/* ============================================================
   SEÇÃO 6 — O ESPAÇO
   ============================================================ */
.st-espaco{position:relative;padding:var(--s-respiro) 0;background:var(--s-noite);color:#f4ece1;overflow:hidden}
.st-espaco .s-olho{color:#cdbcae}
.st-espaco .s-olho b{color:#f4ece1}
.st-espaco .s-titulo{color:#f4ece1}
.st-espaco .s-apoio{color:#cdbcae}
.st-espaco .s-apoio strong{color:#f4ece1}
.st-espaco-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:stretch}
.st-espaco-fotos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}
.st-espaco-foto{margin:0;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.st-espaco-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--s-ease)}
.st-espaco-foto:hover img{transform:scale(1.03)}
.st-espaco-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.8rem .9rem .7rem;background:linear-gradient(to top, rgba(20,12,10,.78), rgba(20,12,10,0));font-size:.78rem;color:#f0e5d8}
.st-espaco-foto figcaption b{display:block;font-weight:700;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ouro-claro);margin-bottom:.12rem}
.st-espaco-foto--a{grid-row:span 2}
.st-espaco-foto--a img{aspect-ratio:3/4}
.st-espaco-foto--b img{aspect-ratio:4/2.9}
.st-espaco-foto--c img{aspect-ratio:4/2.9}
.st-espaco-planta{margin-top:1.4rem;background:#3a2a22;border:1px solid #554037;border-radius:12px;padding:1.2rem}
.st-espaco-planta svg{display:block;width:100%;height:auto}
.st-espaco-planta text{font-family:var(--s-sans);font-size:10px;letter-spacing:.1em;fill:#d8c9ba;text-transform:uppercase}
.st-espaco-planta .parede{fill:none;stroke:#8d7261;stroke-width:1.4}
.st-espaco-planta .objeto{fill:#554037}
.st-espaco-planta .ouro{fill:var(--s-ouro)}
.st-espaco-planta .ouro-fio{stroke:var(--s-ouro);stroke-width:1;fill:none}
.st-espaco-planta .janela{fill:rgba(133,186,242,.14);stroke:#85baf2;stroke-width:1;stroke-opacity:.6}
.st-espaco-legenda{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.9rem;font-size:.72rem;color:#b9a693}
.st-espaco-legenda span{display:flex;align-items:center;gap:.35rem}
.st-espaco-legenda i{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}
.st-espaco-notas{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.st-espaco-nota{border-top:1px solid #554037;padding-top:.7rem;font-size:.86rem;color:#d8c9ba}
.st-espaco-nota b{display:block;font-family:var(--s-serif);font-weight:400;font-size:1.02rem;color:#f4ece1;margin-bottom:.2rem}

/* ============================================================
   SEÇÃO 7 — PRIMEIRA CONSULTA (passos)
   ============================================================ */
.st-primeira{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel);overflow:hidden}
.st-passos{margin-top:clamp(2.2rem,5svh,3.6rem);position:relative}
.st-passos-fio{position:absolute;left:1.05rem;top:.5rem;bottom:.5rem;width:1px;background:var(--s-filete-2)}
.st-passo{display:grid;grid-template-columns:2.1rem 1fr;gap:1.2rem;padding:1.05rem 0;position:relative}
.st-passo-ponto{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--s-papel);border:1px solid var(--s-linho);display:flex;align-items:center;justify-content:center;font-family:var(--s-mono);font-size:.68rem;color:var(--s-tinta-2);position:relative;z-index:1;transition:background .4s, color .4s, border-color .4s}
.st-passo.st-ativo .st-passo-ponto{background:var(--s-ouro);border-color:var(--s-ouro);color:var(--s-papel)}
.st-passo h3{margin:0 0 .25rem;font-family:var(--s-serif);font-weight:400;font-size:var(--s-h3)}
.st-passo h3 .st-passo-t{font-family:var(--s-mono);font-size:.7rem;color:var(--s-tinta-3);margin-left:.6rem;font-weight:400}
.st-passo p{margin:0;max-width:34em;font-size:.94rem;color:var(--s-tinta-2)}
.st-passos-prova{margin-top:clamp(2rem,4.5svh,3rem);display:flex;flex-wrap:wrap;gap:1rem 2.6rem;align-items:center;justify-content:space-between;border-top:1px solid var(--s-filete);padding-top:1.6rem}

/* ============================================================
   SEÇÃO 8 — PERGUNTAS FREQUENTES
   ============================================================ */
.st-duvidas{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel-2);overflow:hidden}
.st-duvidas-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.st-duvidas-lado p{margin:0 0 1.1rem}
.st-acordeao{border-top:1px solid var(--s-filete)}
.st-acordeao-item{border-bottom:1px solid var(--s-filete)}
.st-acordeao-btn{display:grid;grid-template-columns:2.4rem 1fr 1.6rem;gap:1rem;align-items:center;width:100%;padding:1.05rem 0;background:none;border:0;text-align:left;cursor:pointer;transition:background .3s}
.st-acordeao-btn:hover{background:var(--s-papel)}
.st-acordeao-btn .n{font-family:var(--s-mono);font-size:.72rem;color:var(--s-tinta-3)}
.st-acordeao-btn b{font-family:var(--s-serif);font-weight:400;font-size:1.14rem}
.st-acordeao-btn .s-acordeao-x{width:1.4rem;height:1.4rem;position:relative;justify-self:end}
.st-acordeao-btn .s-acordeao-x::before,.st-acordeao-btn .s-acordeao-x::after{content:"";position:absolute;left:50%;top:50%;background:var(--s-ouro);transform:translate(-50%,-50%)}
.st-acordeao-btn .s-acordeao-x::before{width:100%;height:1.5px}
.st-acordeao-btn .s-acordeao-x::after{width:1.5px;height:100%;transition:transform .35s var(--s-ease)}
.st-acordeao-item.s-aberto .s-acordeao-x::after{transform:translate(-50%,-50%) scaleY(0)}
.st-acordeao-resposta{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--s-ease)}
.st-acordeao-item.s-aberto .st-acordeao-resposta{grid-template-rows:1fr}
.st-acordeao-resposta>div{overflow:hidden}
.st-acordeao-resposta p{margin:0;padding:0 0 1.1rem 3.4rem;max-width:36em;font-size:.94rem;color:var(--s-tinta-2)}
.st-acordeao-resposta p+p{padding-left:3.4rem}

/* ============================================================
   SEÇÃO 9 — LOCALIZAÇÃO E CONTATO
   ============================================================ */
.st-local{position:relative;padding:var(--s-respiro) 0;background:var(--s-papel);overflow:hidden}
.st-local-grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:stretch}
.st-local-info{display:grid;gap:1px;background:var(--s-filete-2);border:1px solid var(--s-filete-2);margin-top:clamp(1.6rem,3.5svh,2.6rem)}
.st-local-linha{background:var(--s-papel);padding:1rem 1.1rem;display:grid;gap:.15rem}
.st-local-linha b{font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ouro-fundo)}
.st-local-linha span,.st-local-linha a{font-size:1rem;text-decoration:none}
.st-local-linha a:hover{text-decoration:underline;text-decoration-color:var(--s-ouro);text-underline-offset:3px}
.st-local-mapa{position:relative;margin:clamp(1.6rem,3.5svh,2.6rem) 0 0}
.st-local-mapa-botao{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--s-papel);background:var(--s-tinta);padding:.85rem 1.3rem;border-radius:999px;transition:transform .35s var(--s-ease), box-shadow .35s}
.st-local-mapa-botao::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--s-ouro)}
.st-local-mapa-botao:hover{transform:translateY(-2px)}
.st-local-croqui{background:var(--s-creme);border-radius:14px;padding:1.2rem;display:grid;gap:1rem}
.st-local-croqui svg{display:block;width:100%;height:auto}
.st-local-croqui text{font-family:var(--s-sans);font-size:9.5px;letter-spacing:.1em;fill:var(--s-tinta-2);text-transform:uppercase}
.st-local-croqui .rua{stroke:var(--s-tinta);stroke-opacity:.5;stroke-width:1.4;fill:none}
.st-local-croqui .lote{fill:var(--s-linho-claro);fill-opacity:.5}
.st-local-croqui .praca{fill:var(--s-cinza);fill-opacity:.5}
.st-local-croqui .ponto{fill:var(--s-ouro)}
.st-local-croqui .rot-ouro{font-family:var(--s-sans);font-weight:700;fill:var(--s-ouro-fundo);font-size:11px}
.st-local-hora{margin-top:1rem;padding:.9rem 1.1rem;background:var(--s-creme);border-radius:10px;font-size:.9rem;color:var(--s-tinta-2)}
.st-local-hora b{color:var(--s-tinta)}

/* ============================================================
   RODAPÉ
   ============================================================ */
.st-rodape{position:relative;background:var(--s-noite);color:#e9ddcf;padding:clamp(2.6rem,6svh,4.4rem) 0 1.4rem;overflow:hidden}
.st-rodape-grade{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem 3rem;padding-bottom:2rem;border-bottom:1px solid #554037}
.st-rodape h2{margin:0 0 .4rem;font-family:var(--s-serif);font-weight:300;font-size:clamp(1.5rem,2.4vw,2rem);color:#f4ece1}
.st-rodape h2 em{font-style:italic;color:var(--s-ouro)}
.st-rodape-reg{font-size:.85rem;color:#b9a693}
.st-rodape-reg b{color:#f4ece1}
.st-rodape-links{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center}
.st-rodape-links a{color:#e9ddcf;text-decoration:none;font-size:.92rem;border-bottom:1px solid transparent;transition:border-color .3s}
.st-rodape-links a:hover{border-color:var(--s-ouro)}
.st-rodape-links .s-seloTxt{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#b9a693}
.st-rodape-links .s-seloTxt::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--s-ouro)}
.st-rodape-fim{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;padding-top:1.1rem;font-size:.78rem;color:#8d7261}
.st-rodape-fim .s-selo{color:#cdbcae;text-decoration:none;font-size:.82rem}
.st-rodape-fim .s-selo:hover{color:var(--s-ouro-claro)}
.st-rodape-fim .s-selo b{font-weight:700}

/* ---------- navegação fixa: guarda o hero, aparece depois que ele sai da tela ---------- */
.st-nav{display:none}
.st-nav.s-abaixo{display:flex}
.s-scrolle .ha-nav{display:none}

/* ============================================================
   SEÇÃO 5 — PROVA SOCIAL (517 pontos / 5,0)
   ============================================================ */
.st-nuvem{margin-top:clamp(1.6rem,3.5svh,2.6rem);display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem 1.3rem;flex:1 1 34rem}
.st-nuvem-term{display:inline-flex;align-items:baseline;gap:.45rem;white-space:nowrap}
.st-nuvem-term b{font-family:var(--s-mono);font-size:.62rem;letter-spacing:.14em;color:var(--s-tinta-3);text-transform:uppercase}
@media (max-width:899px){.st-nuvem-term{margin-right:1.15rem}}

/* ============================================================
   responsivo geral
   ============================================================ */
@media (max-width:1023px){
  .st-sobre-grade,.st-trata-grade,.st-prova-grade,.st-espaco-grade,.st-duvidas-grade,.st-local-grade{grid-template-columns:1fr}
  .st-trata-lado{order:-1}
}
@media (max-width:899px){
  .st-respiro{padding-top:clamp(2.4rem,6svh,3.6rem);padding-bottom:clamp(2.4rem,6svh,3.6rem)}
  .st-sobre-dados{grid-template-columns:1fr}
  .st-citacoes{grid-template-columns:1fr}
  .st-espaco-notas{grid-template-columns:1fr}
  .st-rodape-grade{grid-template-columns:1fr}
  .st-faixa{grid-template-columns:minmax(6rem,8.5rem) 1fr;gap:.7rem}
  .st-faixa .v{display:none}
  .st-numero b{font-size:1.5rem}
}
@media (max-width:599px){
  .st-espaco-fotos{grid-template-columns:1fr}
  .st-espaco-foto--a{grid-row:auto}
  .st-espaco-foto--a img{aspect-ratio:4/3}
  .st-passos-fio{left:.75rem}
  .st-passo{grid-template-columns:1.5rem 1fr;gap:.9rem}
  .st-passo-ponto{width:1.5rem;height:1.5rem;font-size:.58rem}
}