/* ============================================================
   GeoHouse v2 — camada visual do site inteiro (prévia)
   Editorial premium + vidro flutuante. Carrega depois do base.css.
   ============================================================ */
:root{--serif:"Instrument Serif",Georgia,serif;--ease:cubic-bezier(.2,.7,.2,1);
  --vidro-cl:rgba(255,255,255,.58);--vidro-cl-b:rgba(255,255,255,.75);
  --vidro-es:rgba(255,255,255,.07);--vidro-es-b:rgba(255,255,255,.16);--blur:blur(18px) saturate(160%)}
html{scroll-padding-top:calc(var(--topo,62px) + 30px)}
body{background:#F6F4EF}
/* luzes difusas fixas atrás das seções claras: dão cor ao vidro */
body::before{content:"";position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;
  background:radial-gradient(38vmax 38vmax at 12% 18%,rgba(141,226,232,.35),transparent 60%),
             radial-gradient(34vmax 34vmax at 88% 72%,rgba(242,206,142,.38),transparent 60%),
             radial-gradient(30vmax 30vmax at 70% 8%,rgba(23,162,192,.14),transparent 60%);
  animation:luz 26s ease-in-out infinite alternate}
@keyframes luz{to{transform:translate3d(-3vmax,2vmax,0) rotate(6deg)}}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
h1 em,h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}

/* --- cabeçalho: cápsula de vidro flutuante --- */
.site-header{position:fixed;top:12px;left:12px;right:12px;max-width:1240px;margin:0 auto;border-radius:20px;
  background:rgba(4,34,44,.52);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 48px -28px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.12);
  transition:background .3s,transform .35s var(--ease)}
.site-header.rolou{background:rgba(4,34,44,.72)}
.site-header.esconde{transform:translateY(-130%)}
.site-header .wrap{padding:0 18px}
main>section:first-of-type,main>.hero:first-child{padding-top:calc(var(--topo,62px) + clamp(56px,7vw,96px))!important}
@media (max-width:760px){
  .nav-menu{inset:calc(var(--topo,62px) + 20px) 12px auto 12px;border-radius:18px;background:rgba(4,34,44,.82);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.14)}
}
/* --- barra de leitura --- */
.progresso{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--ocre);transform-origin:left;transform:scaleX(0);z-index:70}

/* --- seções escuras: luzes que flutuam atrás do vidro --- */
.hero-pg,.escuro-bg,.cta-band,.v2-hero,.v2-cena,.prova,.v2-cta,.jeito{position:relative;isolation:isolate;overflow:hidden}
.orbes{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.orbes i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:orbe 18s ease-in-out infinite alternate}
.orbes i:nth-child(1){width:42vmax;height:42vmax;left:-12vmax;top:-18vmax;background:#17A2C0}
.orbes i:nth-child(2){width:30vmax;height:30vmax;right:-8vmax;top:10%;background:#E3A33C;opacity:.28;animation-duration:24s}
.orbes i:nth-child(3){width:26vmax;height:26vmax;left:35%;bottom:-16vmax;background:#8DE2E8;opacity:.22;animation-duration:30s}
@keyframes orbe{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}

/* --- vidro em superfícies claras --- */
.card,.prod,.mini a,.resposta,.passos .ps,.faq details,.prob-lista button,.me-form,.v2-faixa,.numeros{
  background:var(--vidro-cl)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--vidro-cl-b)!important;box-shadow:0 20px 50px -34px rgba(7,32,42,.45),inset 0 1px 0 rgba(255,255,255,.8)}
.card,.prod,.mini a,.resposta,.passos .ps{border-radius:22px!important}
.faq details{border-radius:16px;padding:18px 22px!important;margin-bottom:10px}
.prob-lista button[aria-pressed="true"]{background:rgba(4,34,44,.88)!important;color:var(--pvc)}
.card:hover,.prod.ativo:hover,.mini a:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(7,32,42,.55),inset 0 1px 0 rgba(255,255,255,.8)}
section[style*="background:#fff"],section[style*="background:var(--pvc)"],.problemas,.valores,.faixa{background:transparent!important}
/* --- vidro em superfícies escuras --- */
.escuro-bg .card,.hero-pg .card,.cta-band .card,.jeito-grid div,.ficha{
  background:var(--vidro-es)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--vidro-es-b)!important;color:var(--pvc);box-shadow:0 30px 60px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.escuro-bg .card p,.hero-pg .card p,.jeito-grid div p{color:rgba(244,247,245,.75)}
.ficha{color:var(--pvc)}
.ficha p{color:rgba(244,247,245,.75)}
.ficha .nav-f button{background:rgba(255,255,255,.1);color:var(--pvc);border-color:rgba(255,255,255,.2)}
.ficha .cont{color:rgba(244,247,245,.6)}
.jeito-grid{background:transparent;border:0;gap:14px}
.jeito-grid div{border-radius:20px}
/* --- botões --- */
.btn{border-radius:12px;transition:transform .15s var(--ease),box-shadow .2s,background .2s}
.btn:active{transform:scale(.98)}
.btn-s{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:rgba(255,255,255,.06)}
.btn-s.escuro{background:rgba(255,255,255,.5)}
.btn-p{box-shadow:0 16px 36px -16px rgba(227,163,60,.85)}
/* --- elementos flutuantes --- */
.zap{background:rgba(227,163,60,.85);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.35);animation:flutua 5s ease-in-out infinite}
.hero-vis .chip{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.8);animation:flutua 6s ease-in-out infinite}
.hero-vis .c1{animation-delay:-3s}
@keyframes flutua{50%{transform:translateY(-8px)}}
.lgpd{background:rgba(4,34,44,.78);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:18px;border:1px solid rgba(255,255,255,.16)}
.lgpd button{border-radius:10px}
.selo-topo{background:rgba(255,255,255,.06);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.ab-switch{background:rgba(255,255,255,.75);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
/* fotos com cantos suaves */
.prod .capa{border-radius:0}
img.capa,.galeria img{transition:transform .6s var(--ease)}
/* entrada */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body::before,.orbes i,.zap,.hero-vis .chip{animation:none!important}.rv{opacity:1;transform:none}}
/* navegador sem suporte a desfoque: fundo sólido */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .card,.prod,.mini a,.resposta,.passos .ps,.faq details{background:#fff!important}
  .site-header{background:rgba(4,34,44,.95)}
}

/* --- ajustes aprovados --- */
.ficha h3,.ficha #f-tit{color:var(--pvc)!important}
.ficha .cat{color:var(--ocre)!important}
.ficha p,.ficha #f-txt{color:rgba(244,247,245,.82)!important}
.ficha .cont{color:rgba(244,247,245,.7)!important}
.ficha .nav-f button{background:rgba(255,255,255,.12)!important;color:var(--pvc)!important;border:1px solid rgba(255,255,255,.25)!important}
/* seções claras com mais vida: degradê suave água + areia, luzes flutuando */
.scrolly{background:linear-gradient(165deg,#DDF0F1 0%,#F3E7D3 48%,#D6ECEF 100%)!important}
.scrolly .sticky{isolation:isolate}
.reveal{background:linear-gradient(180deg,#F6EBDD 0%,#E3F1F1 100%)!important;position:relative;overflow:hidden;isolation:isolate}
.orbes.claras i{opacity:.5;filter:blur(70px)}
.orbes.claras i:nth-child(1){background:#8DE2E8}
.orbes.claras i:nth-child(2){background:#F2CE8E;opacity:.55}
.orbes.claras i:nth-child(3){background:#17A2C0;opacity:.18}
.scrolly .palco{box-shadow:0 60px 100px -50px rgba(4,34,44,.75),0 0 0 1px rgba(255,255,255,.5)}
.scrolly .barra{background:rgba(7,32,42,.15)}

.v2-hero h1 .serif,.scrolly .fr .serif{white-space:nowrap}