/* Modo escuro da página de venda. Paleta emprestada da Plataforma (plataforma.jayaroberta.com.br). */
.topo__dir{display:flex;align-items:center;gap:10px}
.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--parchment-deep);background:rgba(255,250,245,.88);color:var(--teal-ink);cursor:pointer;display:grid;place-items:center;padding:0}
.theme-toggle svg{grid-area:1/1;transition:opacity .3s,transform .5s}
.theme-toggle__moon{opacity:0;transform:rotate(-40deg)}
html[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(40deg)}
html[data-theme=dark] .theme-toggle__moon{opacity:1;transform:none}

html[data-theme=dark]{
  color-scheme:dark;
  --cream:#0c2329; --warm-white:#10292f; --parchment:#12303a; --parchment-deep:#24444d;
  --teal-ink:#f3b867; --teal-heading:#f3ece0; --meta-teal:#a3b3b3; --amber:#e8a066; --amber-soft:#f3b867;
  --gold:#e3c07e; --text:#d9d2c6; --excerpt:#a3b3b3; --hairline:#24444d;
}
html[data-theme=dark] body{background:var(--cream);color:var(--text)}
html[data-theme=dark] a{color:#f3b867}
html[data-theme=dark] .hero{background:radial-gradient(120% 90% at 85% 40%,#173f4b 0%,#12303a 55%,#0c2329 100%)}
html[data-theme=dark] .hero__lead,html[data-theme=dark] .hero__nota,
html[data-theme=dark] .bloco--estreito p:not(.eyebrow),html[data-theme=dark] .bloco--duas p:not(.eyebrow),
html[data-theme=dark] .tiragem__texto p:not(.eyebrow),html[data-theme=dark] .passos li,
html[data-theme=dark] .faq details p{color:#d9d2c6}
html[data-theme=dark] .galeria__fila img,html[data-theme=dark] .tiragem__img,html[data-theme=dark] .jaya__foto{border-color:#24444d;box-shadow:0 18px 44px rgba(0,0,0,.45)}
html[data-theme=dark] .hero{--hero-fade:18,48,58}
html[data-theme=dark] .galeria{background:linear-gradient(180deg,#12303a 0%,#0c2329 100%)}
html[data-theme=dark] .itens li{background:#10292f;border-color:#24444d;border-top-color:#e8a066}
html[data-theme=dark] .passos li::before{background:#12303a}
html[data-theme=dark] .oferta{background:linear-gradient(180deg,#0c2329 0%,#12303a 100%)}
html[data-theme=dark] .oferta__caixa{background:#10292f;border-color:#24444d;box-shadow:0 18px 44px rgba(0,0,0,.45)}
html[data-theme=dark] .cta,html[data-theme=dark] .barra-cta{background:#f3b867;color:#0a2229}
html[data-theme=dark] .cta:hover,html[data-theme=dark] .cta:focus-visible{background:transparent;color:#f3b867;box-shadow:inset 0 0 0 1px #f3b867}
html[data-theme=dark] .cta--cheio:hover,html[data-theme=dark] .cta--cheio:focus-visible{background:#10292f}
html[data-theme=dark] .barra-cta{box-shadow:0 -6px 22px rgba(0,0,0,.5)}
html[data-theme=dark] .topo__entrar,html[data-theme=dark] .theme-toggle{background:rgba(12,35,41,.85);border-color:#24444d;color:#f3ece0}
html[data-theme=dark] .topo__marca{color:#f3ece0}
html[data-theme=dark] .rodape{background:#0a1d22;color:#a3b3b3}
html[data-theme=dark] a:focus-visible,html[data-theme=dark] summary:focus-visible{outline-color:#f3b867}
@media (max-width:760px){
  html[data-theme=dark] .hero{background:radial-gradient(130% 70% at 50% 18%,#173f4b 0%,#12303a 60%,#0c2329 100%)}
  html[data-theme=dark] .topo__marca{text-shadow:0 0 12px rgba(12,35,41,.9)}
}

/* topo no celular: marca e link numa linha só, com o botão de tema */
@media (max-width:760px){
  .topo{gap:8px}
  .topo__dir{gap:8px}
  .topo__marca{font-size:17px!important;white-space:nowrap}
  .topo__entrar{font-size:11px!important;padding:8px 10px;white-space:nowrap;letter-spacing:.1em!important}
}