/* ============================================================
   OpenFluxo Marketing — identidade dourada (linha premium)
   Vale só para a página de Marketing (<body class="escuro ouro">).
   O logo do cabeçalho continua o oficial; só a página ganha o ouro.
   ============================================================ */
:root {
  --e-fundo: #080706; --e-faixa: #0e0c09; --e-cartao: #14110d; --e-cartao2: #1b1712; --e-borda: #3a3020;
  --e-texto: #f6f1e7; --e-texto2: #d9d0c0; --e-texto3: #b3a78f;
  --e-roxo: #e2c27c; --e-ciano: #f3dea0; --e-rosa: #d9b870; --e-ponto: #e2c27c; --e-ouro: #f3dea0;
  --gv: #b8923f; --gc: #e2c27c;
  --ouro: #e2c27c; --ouro-escuro: #9c7a38;
  --ouro-grad: linear-gradient(100deg, #9c7a38 0%, #e2c27c 28%, #fff1c4 44%, #c9a255 60%, #f1d995 80%, #9c7a38 100%);
  --ouro-btn: linear-gradient(135deg, #a8842f 0%, #e9cf8a 42%, #f6e3a8 55%, #c9a255 78%, #9c7a38 100%);
}

/* ---------- fundo: preto quente com grade e brilho dourado ---------- */
html:has(body.ouro) { background: #080706 !important; }
html body.escuro.ouro {
  background-color: #080706 !important;
  background-image:
    radial-gradient(900px 620px at 78% -8%, rgba(212, 170, 90, .20), transparent 62%),
    radial-gradient(760px 560px at -6% 38%, rgba(160, 112, 40, .12), transparent 60%),
    radial-gradient(820px 600px at 104% 72%, rgba(226, 194, 124, .08), transparent 60%),
    linear-gradient(rgba(255, 230, 180, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 230, 180, .04) 1px, transparent 1px) !important;
}
body.ouro #particles-js { filter: sepia(1) saturate(1.6) hue-rotate(-12deg) brightness(.95); }
body.ouro .luz-cursor { background: radial-gradient(560px circle at var(--mx, 50%) var(--my, 30%), rgba(212, 170, 90, .16), rgba(160, 112, 40, .06) 38%, transparent 62%); }

/* ---------- faixa do topo: escura, com o logo Growth em ouro ---------- */
body.ouro .g-topo-branco { background: radial-gradient(ellipse 55% 130% at 50% 0%, #21190d 0%, #0d0b08 62%, #080706 100%) !important; border-bottom: 1px solid rgba(226, 194, 124, .16); }
body.ouro .g-topo-branco .curva-b { display: none; }
body.ouro .g-topo-branco img { filter: drop-shadow(0 8px 30px rgba(212, 170, 90, .28)); }

/* ---------- topo ---------- */
body.ouro .destaque-vivo .pal { background-image: var(--ouro-grad) !important; }
body.ouro .destaque-vivo { background-image: linear-gradient(90deg, rgba(226, 194, 124, .32), rgba(156, 122, 56, .32)) !important; }
body.ouro .g-hero h1 .kinetico { color: #e2c27c !important; -webkit-text-fill-color: #e2c27c !important; }
body.ouro .g-hero h1 .kinetico .kw { text-shadow: 0 0 26px rgba(226, 194, 124, .45) !important; }
body.ouro .hero-video video { filter: sepia(.9) saturate(1.3) hue-rotate(-10deg) brightness(.82); }
body.ouro .hero-veu { background: linear-gradient(180deg, #080706 0%, rgba(8, 7, 6, 0) 14%), linear-gradient(0deg, #080706 0%, rgba(8, 7, 6, 0) 20%),
  linear-gradient(90deg, rgba(8, 7, 6, .9) 0%, rgba(8, 7, 6, .68) 46%, rgba(8, 7, 6, .32) 100%); }
@media (max-width: 979px) { body.ouro .hero-veu { background: linear-gradient(180deg, #080706 0%, rgba(8, 7, 6, .74) 10%, rgba(8, 7, 6, .82) 45%, rgba(8, 7, 6, .48) 72%, #080706 100%); } }
body.ouro .cena-3d { filter: sepia(.8) saturate(1.35) hue-rotate(-12deg) brightness(1.02); }
body.ouro .orbita { filter: sepia(.85) saturate(1.4) hue-rotate(-12deg); }
body.ouro .prova-faixa li i { color: var(--ouro) !important; }

/* ---------- botões ---------- */
body.ouro .btn-wa { background: var(--ouro-btn) !important; color: #1a1206 !important; box-shadow: 0 12px 30px -10px rgba(212, 170, 90, .55) !important; }
body.ouro .btn-wa, body.ouro .btn-wa * { color: #1a1206 !important; }
body.ouro .btn-wa:hover, body.ouro .btn-wa:focus-visible { background: var(--ouro-btn) !important; filter: brightness(1.08); }
body.ouro .btn-ghost { border-color: #6b5a36 !important; }
body.ouro .btn-ghost:hover { border-color: var(--ouro) !important; }
body.ouro .cta-fixo { background: rgba(14, 12, 9, .96) !important; border-color: #3a3020 !important; }
body.ouro .cta-fixo .cta-fixo-texto { color: #d9d0c0 !important; }
body.ouro .cta-fixo .cta-fixo-texto strong { color: #f6f1e7 !important; }
body.ouro .form-g button[type="submit"], body.ouro .form-g .btn-enviar { background: var(--ouro-btn) !important; color: #1a1206 !important; border: 0 !important; }

/* ---------- rótulos, números e destaques ---------- */
body.ouro .g-etq, body.ouro .metodo .etapa-n, body.ouro .dias30 .sem, body.ouro .setor-painel small, body.ouro .medimos b,
body.ouro .plano-g .semana b { color: var(--ouro) !important; }
body.ouro .g-dor .num { color: #e2c27c !important; }
body.ouro .acende-texto, body.ouro .acende-texto .pa { color: #6e6352 !important; }
body.ouro .acende-texto .pa.on { color: #fffaf0 !important; text-shadow: 0 0 22px rgba(226, 194, 124, .3); }
body.ouro .acende-texto .pa.on.cor { color: #e2c27c !important; }
body.ouro .top-num { -webkit-text-stroke-color: #c9a255 !important; text-shadow: 0 0 30px rgba(212, 170, 90, .35) !important; }
body.ouro .top-item:nth-child(3n+2) .top-num { -webkit-text-stroke-color: #f1d995 !important; }
body.ouro .top-item:nth-child(3n) .top-num { -webkit-text-stroke-color: #9c7a38 !important; }
body.ouro .top10:focus-visible, body.ouro .top-seta:focus-visible { outline-color: var(--ouro); }
body.ouro .top-seta:hover { background: #2a2214; }
body.ouro .b-num { background: var(--ouro-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.ouro .b-painel i, body.ouro .barras-g i { background: linear-gradient(180deg, #f3dea0, #9c7a38); }
body.ouro .b-cert { background: linear-gradient(160deg, #1f1a10, #14110d); }
body.ouro .b-logos svg.lg { color: #efe6d2; }

/* ---------- cartões, bordas e abas ---------- */
body.ouro .metodo li.nosso, body.ouro .modelo-g.destaque-m, body.ouro .resultado-t { border-color: #b8923f !important; }
body.ouro .modelo-g.destaque-m { box-shadow: 0 22px 46px -30px rgba(212, 170, 90, .6) !important; }
body.ouro .metodo li.nosso .selo-nosso, body.ouro .passo-h .selo-nosso { background: #2a2214 !important; color: #f3dea0 !important; }
body.ouro .g-abas button[aria-selected="true"] { background: var(--ouro-btn) !important; border-color: #b8923f !important; color: #1a1206 !important; box-shadow: 0 12px 26px -14px rgba(212, 170, 90, .7); }
body.ouro .plat:hover { box-shadow: 0 18px 40px -20px rgba(212, 170, 90, .5); }
body.ouro .inclina:hover { border-color: #6b5a36 !important; box-shadow: 0 26px 50px -28px rgba(212, 170, 90, .55); }
body.ouro .borda-luz::before { background: conic-gradient(from var(--ang), transparent 0 68%, #9c7a38 78%, #f3dea0 86%, #e2c27c 93%, transparent 100%); }
body.ouro .mais-card .ic-mais { background: var(--ouro-btn); box-shadow: 0 12px 26px -14px rgba(212, 170, 90, .7); }
body.ouro .mais-card .ic-mais, body.ouro .mais-card .ic-mais i { color: #1a1206 !important; }
body.ouro .exclusiva-g li::before { background: linear-gradient(135deg, #f3dea0, #b8923f); box-shadow: 0 0 12px rgba(226, 194, 124, .7); }
body.ouro .etapa-v::before { color: #2a2418; }
body.ouro .aparelho { box-shadow: 0 40px 80px -40px rgba(212, 170, 90, .6); }
body.ouro .aparelho .pontos-h i { background: #4a3f2a; }
body.ouro .aparelho .pontos-h i.on { background: linear-gradient(90deg, #f3dea0, #b8923f); }
body.ouro .h-busca::before { border-color: #b8923f; }
body.ouro .h-res { border-color: #b8923f; }
body.ouro .h-anuncio .img-h { background: linear-gradient(135deg, #fde68a, #d9b870 55%, #8a6a2f); }
body.ouro .g-painel .mock { filter: sepia(.5) saturate(1.2) hue-rotate(-10deg); }
body.ouro .btn-cartao { border-color: #b8923f; }
body.ouro .btn-cartao { color: #f3dea0 !important; }
body.ouro .btn-cartao:hover { background: #2a2214; }
body.ouro .cartao-acoes .enviar { background: var(--ouro-btn); color: #1a1206 !important; }
body.ouro .calc-ent input[type="range"] { accent-color: #d9b870; }
body.ouro .form-g { border-color: #d9b870 !important; box-shadow: 0 26px 56px -34px rgba(212, 170, 90, .55) !important; }
body.ouro .form-g a, body.ouro .form-g .priv a { color: #7a5a1c !important; }
body.ouro .form-g input:focus, body.ouro .form-g select:focus { border-color: #b8923f; box-shadow: 0 0 0 3px rgba(212, 170, 90, .22); }
body.ouro .metodo .pulso-m { background: #e2c27c; box-shadow: 0 0 0 6px rgba(226, 194, 124, .2); }

/* ---------- manifesto: fundo escuro e o filme "Marca" ---------- */
body.ouro .manifesto { background: radial-gradient(ellipse 70% 80% at 82% 30%, rgba(212, 170, 90, .16), transparent 60%), linear-gradient(160deg, #130f0a 0%, #080706 60%, #0e0b08 100%) !important;
  animation: none !important; border-top: 1px solid rgba(226, 194, 124, .18); border-bottom: 1px solid rgba(226, 194, 124, .18); }
body.ouro .manifesto .ondas { display: none; }
.mf-grid { display: grid; gap: 1.8rem; grid-template-areas: "rot" "quote" "filme" "lista" "assina"; }
.mf-grid > .rot-lux { grid-area: rot; }
.mf-grid > blockquote { grid-area: quote; margin: 0 !important; }
.mf-grid > .mf-filme { grid-area: filme; }
.mf-grid > .promessas { grid-area: lista; }
.mf-grid > .assina { grid-area: assina; margin-top: 0 !important; }
@media (min-width: 980px) {
  .mf-grid { grid-template-columns: 1fr 380px; column-gap: 4.5rem; row-gap: 1.8rem; grid-template-areas: "rot filme" "quote filme" "lista filme" "assina filme"; align-items: start; }
}
.mf-filme { margin: 0; justify-self: center; width: min(100%, 340px); }
@media (min-width: 980px) { .mf-filme { width: 380px; } }
.mf-quadro { position: relative; aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; background: #0d0a07 center / cover no-repeat;
  box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .95), 0 0 0 1px rgba(226, 194, 124, .5), 0 0 70px -12px rgba(212, 170, 90, .28); }
.mf-quadro video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.mf-som { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .85rem; border-radius: 999px;
  border: 1px solid rgba(226, 194, 124, .6); background: rgba(10, 8, 6, .62); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  font: 700 .78rem/1 var(--font-body, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #f3dea0 !important; cursor: pointer; }
.mf-som:hover { background: rgba(26, 20, 12, .85); }
.mf-som:focus-visible { outline: 2px solid #f3dea0; outline-offset: 3px; }
.mf-som svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mf-som .on { display: none; } .mf-som[aria-pressed="true"] .on { display: inline; } .mf-som[aria-pressed="true"] .off { display: none; }
.mf-leg { margin: .95rem 0 0; text-align: center; font-size: .74rem !important; letter-spacing: .28em; text-transform: uppercase; color: #b3a78f !important; }

/* ---------- ajustes da revisão ---------- */
body.ouro .g-hero h1 .kinetico .kw, body.ouro .g-hero h1 .kinetico .kl { color: #e2c27c !important; -webkit-text-fill-color: #e2c27c !important; }
body.ouro .g-clara, body.ouro .secao-clara { background: rgba(16, 13, 9, .8) !important; }
body.ouro .aparelho { background: #120f0b; }
body.ouro .calc-sai { background: linear-gradient(160deg, #221b10, #0f0c08) !important; box-shadow: 0 0 0 1px rgba(226, 194, 124, .28); }
body.ouro .passos-g li span { background: var(--ouro-btn) !important; color: #1a1206 !important; }
body.ouro .g-abas button:focus-visible, body.ouro .sn button:focus-visible { outline-color: #f3dea0; }
/* cabeçalho: o logo continua o oficial; só o fundo e o item ativo acompanham a página */
body.ouro header { background: rgba(10, 8, 6, .9) !important; border-bottom: 1px solid rgba(226, 194, 124, .14) !important; }
body.ouro header .nav-links a.active { color: #e2c27c !important; text-shadow: 0 0 14px rgba(226, 194, 124, .45) !important; }