/* Página do aplicativo e planos (aplicativo.php) — complementa style.css */
.sub{color:var(--muted);max-width:44em;margin:-.4rem 0 1.8rem}
.section .eyebrow{margin-bottom:8px}

/* Hero */
.hero-check{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.9rem}
.hero-check li::before{content:"✓";color:var(--gold-2);font-weight:800;margin-right:6px}

/* Mock do dashboard */
.mock{background:linear-gradient(160deg,#1b322b,#12211d);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);position:relative}
.mock-bar{display:flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--muted);font-size:.78rem}
.mock-bar i{width:9px;height:9px;border-radius:50%;background:#2c4a41}
.mock-bar span{margin-left:8px;color:var(--gold-2);font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mock-kpis div{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:10px;padding:10px}
.mock-kpis small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.6px}
.mock-kpis b{display:block;font-size:1.02rem;white-space:nowrap;margin:3px 0 1px;font-variant-numeric:tabular-nums}
.mock-kpis em{font-style:normal;font-size:.72rem;color:var(--muted)}
.mock-kpis em.up{color:#5ec27d}
.mock-chart{display:flex;align-items:flex-end;gap:5px;height:110px;margin:14px 2px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.mock-chart span{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--gold-2),rgba(201,162,75,.35))}
.mock-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:.82rem;color:var(--muted)}
.mock-rows div{display:flex;align-items:center;gap:7px}
.mock-rows b{margin-left:auto;color:var(--ink);font-variant-numeric:tabular-nums}
.dot{width:9px;height:9px;border-radius:50%}
.d1{background:#c9a24b}.d2{background:#2a8a72}.d3{background:#7fb3a2}.d4{background:#e0bd68;opacity:.55}
.mock-note{margin:12px 0 0;font-size:.68rem;color:#6f877e;text-align:right}

/* Faixa de diferenciais */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px var(--gutter)}
.strip-in div{display:flex;flex-direction:column;gap:2px}
.strip-in b{color:var(--gold-2);font-size:.95rem}
.strip-in span{color:var(--muted);font-size:.85rem}

/* Módulos */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mod{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.mod-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(201,162,75,.14);font-size:1.3rem;margin-bottom:14px}
.mod h3{color:var(--gold-2)}
.mod p{color:var(--muted);margin:0 0 14px}
.mod ul,.feat{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mod li,.feat li{position:relative;padding-left:22px;font-size:.92rem}
.mod li::before,.feat li::before{content:"✓";position:absolute;left:0;color:#5ec27d;font-weight:800}

/* Seletor mensal/anual */
.ciclo{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px}
.ciclo button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;font-size:.92rem;padding:.55em 1.2em;border-radius:999px;cursor:pointer}
.ciclo button[aria-checked="true"]{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold)}
.ciclo .save{display:inline-block;margin-left:6px;background:rgba(94,194,125,.16);color:#7fd99a;font-size:.72rem;padding:.15em .55em;border-radius:999px}

.fundador{margin:18px 0 26px;padding:12px 16px;border:1px dashed var(--gold);border-radius:12px;color:var(--muted);font-size:.92rem;background:rgba(201,162,75,.06)}
.fundador b{color:var(--gold-2)}

/* Cards de plano */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
.plan h3{margin:0;font-size:1.2rem}
.plan .for{color:var(--muted);font-size:.86rem;margin:.3em 0 0;min-height:2.6em}
.price{display:flex;align-items:baseline;gap:3px;margin:16px 0 4px;font-variant-numeric:tabular-nums}
.price .cur{color:var(--muted);font-weight:700}
.price .val{font-family:'Roboto',sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.5px}
.price .per{color:var(--muted)}
.bill{color:var(--muted);font-size:.8rem;margin:0 0 18px;min-height:2.4em}
.bill .off{color:#7fd99a;font-weight:700}
.btn-buy{text-align:center;margin-bottom:22px}
.feat .plus{font-weight:700;color:var(--gold-2)}
.feat .plus::before{content:"+";color:var(--gold-2)}
.plan-hl{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,162,75,.10),var(--card) 45%);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.plan-hl h3{color:var(--gold-2)}
.ribbon{position:absolute;top:-12px;left:22px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1200;font-size:.72rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:.3em .8em;border-radius:999px}
.ribbon-alt{background:var(--green-2);color:#eafff6}

/* Grátis */
.free{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
.free h3{margin:0 0 4px}
.free h3 span{color:var(--muted);font-weight:500;font-size:.9rem;margin-left:6px}
.free p{margin:0;color:var(--muted);font-size:.92rem}
.free .btn{flex:none}
.irav{margin:18px 0 0;color:var(--muted);font-size:.9rem;text-align:center}
.irav b{color:var(--ink)}

/* Tabela comparativa */
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius)}
.cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:.9rem}
.cmp th,.cmp td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:center}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{background:var(--bg2);color:var(--ink);font-weight:700;position:sticky;top:0}
.cmp tbody td{color:var(--muted)}
.cmp tbody td:first-child{color:var(--ink)}
.cmp .grp td{background:rgba(201,162,75,.07);color:var(--gold-2);font-weight:800;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}
.cmp .hl{background:rgba(201,162,75,.06);color:var(--ink)}
.cmp thead .hl{color:var(--gold-2);background:#1d2f22}
.cmp tbody tr:last-child td{border-bottom:0}

/* Consultoria */
.cons{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cons .sub{margin-bottom:0}
.cons .btn{flex:none}

/* FAQ */
.faq{max-width:780px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:14px 30px 14px 0;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;color:var(--gold-2);font-size:1.3rem;font-weight:500}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin:0 0 16px}

/* CTA final */
.final{background:radial-gradient(800px 300px at 50% 0,rgba(42,138,114,.22),transparent),var(--bg)}
.final-in{text-align:center}
.final-in .sub{margin:0 auto 22px}

@media(max-width:980px){
  .plans{grid-template-columns:repeat(2,1fr)}
  .strip-in{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .mods{grid-template-columns:1fr}
  .cons,.free{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .plans{grid-template-columns:1fr}
  .plan .for,.bill{min-height:0}
  .mock-kpis b{font-size:.82rem}
  .mock-kpis{gap:6px}
  .mock-kpis div{padding:8px}
  .price .val{font-size:2.1rem}
}

/* Checkout (assinar.php) */
.checkout{padding:56px var(--gutter)}
.co-card{max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px 30px;text-align:center}
.co-card h1{color:var(--gold-2);margin-bottom:.2em}
.co-price{font-family:'Roboto',sans-serif;font-size:1.6rem;font-weight:800;margin:0 0 4px;font-variant-numeric:tabular-nums}
.co-switch{font-size:.88rem;margin:10px 0 0}
.co-switch a{color:var(--gold-2);text-decoration:underline}
.co-step{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.co-step .g_id_signin{display:flex;justify-content:center;margin:14px 0}
.co-next{font-size:.88rem}

/* ===================== Consultoria (consultoria.php) ===================== */
.agenda{background:linear-gradient(160deg,#1b322b,#12211d);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.45);scroll-margin-top:calc(var(--topo,96px) + 18px)}
.agenda-tit{margin:0 0 14px;color:var(--gold-2);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:.8rem}
.agenda-tit span{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}
.agenda-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.agenda-row b{font-size:.92rem;padding-top:4px}
.agenda-row div{display:flex;flex-wrap:wrap;gap:6px}
.agenda-row span{background:rgba(201,162,75,.12);border:1px solid rgba(201,162,75,.35);color:var(--ink);border-radius:8px;padding:4px 10px;font-size:.88rem;font-variant-numeric:tabular-nums}
.agenda-nota{color:var(--muted);font-size:.85rem;margin:8px 0 16px}

.steps-h{max-width:none;grid-template-columns:repeat(3,1fr)}
.steps-h li{padding:56px 20px 20px}
.steps-h li::before{top:16px;left:20px;transform:none}

.plans-3{grid-template-columns:repeat(3,1fr)}
.extra{margin-top:20px;padding-top:14px;border-top:1px dashed var(--line);display:grid;gap:8px;font-size:.88rem}
.extra div{display:flex;justify-content:space-between;gap:10px}
.extra span{color:var(--muted)}
.extra b{white-space:nowrap}
.extra small{color:var(--muted);font-size:.76rem}

.calc-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.calc-wrap>*{min-width:0}
.faixas th,.faixas td{word-break:normal}
.faixas{width:100%;border-collapse:collapse;font-size:.92rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.faixas th,.faixas td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}
.faixas th{background:var(--bg2);color:var(--muted);font-weight:600}
.faixas td:last-child,.faixas th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.faixas tr:last-child td{border-bottom:0}
.calc{background:var(--card);border:1px solid var(--gold);border-radius:var(--radius);padding:24px}
.calc label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:8px}
.calc-in{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px 14px}
.calc-in span{color:var(--muted);font-weight:700}
.calc-in input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:inherit;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;outline:none}
#calc-rng{width:100%;margin:16px 0;accent-color:var(--gold)}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.calc-out div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px}
.calc-out small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}
.calc-out b{font-size:1.02rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-nota{color:var(--gold-2);font-size:.85rem;margin:12px 0 0;min-height:1.2em}


@media(max-width:980px){
  .plans-3{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .steps-h,.calc-wrap{grid-template-columns:1fr}
  .plans-3{grid-template-columns:1fr}
}
@media(max-width:640px){
  .calc-out b{font-size:.9rem}
  .agenda{padding:18px}
}
@media(max-width:640px){ .faixas th,.faixas td{padding:9px 10px;font-size:.85rem} }

/* ===================== Lançamento em breve (em-breve.js) ===================== */
body.eb-aberto{overflow:hidden}
.eb-fundo{position:fixed;inset:0;z-index:50;background:rgba(4,10,8,.72);display:grid;place-items:center;padding:16px;backdrop-filter:blur(3px)}
.eb-fundo[hidden]{display:none}
.eb{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(180deg,#1b322b,var(--card) 40%);border:1px solid var(--gold);border-radius:16px;padding:28px 24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.eb h2{margin:.6em 0 .3em}
.eb-txt{color:var(--muted);margin:0 0 18px}
.eb-txt b{color:var(--ink)}
.eb-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:4px 8px}
.eb-x:hover{color:var(--ink)}
.eb-form{display:grid;gap:12px}
.eb-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.85rem}
.eb-form small{font-size:.78rem}
.eb-form input{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.65em .8em;font:inherit;font-size:.95rem;width:100%}
.eb-form input:focus{outline:none;border-color:var(--gold)}
.eb-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.eb-form button[disabled]{opacity:.6;cursor:wait}
.eb-msg{margin:0;min-height:1.2em;font-size:.88rem}
.eb-msg.err{color:#f2b4b4}
.eb-ok p{color:var(--muted)}
.eb-ok b{color:#7fd99a}
.co-sandbox{background:rgba(201,162,75,.15);border:1px dashed var(--gold);color:var(--gold-2);font-size:.75rem;font-weight:800;letter-spacing:.8px;border-radius:8px;padding:6px 10px;margin:0 0 16px}
.co-form{display:grid;gap:12px;text-align:left}
.co-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.85rem}
.co-form input[name=cpf],.co-form input[name=celular]{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.65em .8em;font:inherit;font-size:1rem}
.co-form input:focus{outline:none;border-color:var(--gold)}
.co-formas{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.co-formas legend{color:var(--muted);font-size:.85rem;padding:0 4px}
.co-formas label{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:.95rem;cursor:pointer}
.co-formas input{accent-color:var(--gold)}
.co-form .btn{width:100%;text-align:center}
.co-fp{margin:0;font-size:.85rem}
.co-msg{margin:6px 0 0;min-height:1.2em;font-size:.88rem}
.co-msg.err{color:#f2b4b4}
.co-seg{margin:4px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}
.ma-card{text-align:left}
.ma-card h1 .tag{vertical-align:middle;font-size:.7rem}
.ma-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:16px 0 20px}
.ma-dl dt{color:var(--muted)}.ma-dl dd{margin:0;font-weight:600}
.ma-h{margin:26px 0 10px;font-size:1rem;color:var(--gold-2)}
.ma-tbl a{color:var(--gold-2);text-decoration:underline}
.ma-cancel{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.ma-cancel .muted{font-size:.82rem;margin:8px 0 0}
.ma-troca{font-size:.8rem;margin-top:18px}
.co-aviso{text-align:left;font-size:.88rem;margin:0 0 14px}
.co-aceite{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}
.co-aceite a{color:var(--gold-2);text-decoration:underline}

/* ===================== RISG · pilares R·I·S·G (aplicativo.php) ===================== */
.lead-2{font-size:.98rem;margin-top:.6em}
.pilares{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pilar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}
.pilar-l{display:block;font-family:'Roboto',sans-serif;font-weight:900;font-size:3rem;line-height:1;color:var(--gold-2);margin-bottom:10px}
.pilar h3{margin:0 0 6px;font-size:1.05rem;letter-spacing:.3px}
.pilar-f{color:var(--ink);font-weight:700;margin:0 0 8px}
.pilar p{color:var(--muted);font-size:.92rem;margin:0}
.pilar p.pilar-f{color:var(--ink)}
.foot a{color:var(--gold-2)}
@media(max-width:980px){.pilares{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pilares{grid-template-columns:1fr}}
.co-lim{text-align:left;margin:0 0 14px;padding-left:20px;color:var(--muted);font-size:.9rem}
.co-lim li{margin:4px 0}.co-lim b{color:var(--ink)}
.feat .nivel{color:var(--muted);font-size:.86rem}
.feat .nivel::before{content:"◐";color:var(--muted)}
/* respiro entre o texto de aceite e o botão nos cards de ativação (Grátis, teste grátis); no formulário pago o espaço vem do gap */
.co-step > .co-aceite{margin:4px 0 18px}
.co-step > .btn{margin-top:2px}
.co-step > .co-lim{margin-bottom:16px}
.co-form .co-aceite{margin:2px 0 4px}

/* ===================== Conversa com um consultor (WhatsApp) ===================== */
.steps-4{grid-template-columns:repeat(4,1fr)}
.steps-h li.step-wa::before{background:#25d366;color:#05220f}
.steps-h li.step-wa strong{color:#7fe0a4}
@media(max-width:1100px){.steps-4{grid-template-columns:repeat(2,1fr)}}
.conversa{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.conversa>*{min-width:0}
.conversa .sub{max-width:40em}
.conversa-lista{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.conversa-lista li{position:relative;padding-left:30px;color:var(--ink)}
.conversa-lista li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:rgba(37,211,102,.16);color:#7fe0a4;font-weight:800;font-size:.8rem;display:grid;place-items:center;margin-top:2px}
.conversa-card{background:linear-gradient(160deg,#173326,#12211d);border:1px solid rgba(37,211,102,.45);border-radius:16px;padding:26px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.conversa-card .wa-grande{width:56px;height:56px;border-radius:50%;background:#25d366;color:#05220f;display:grid;place-items:center;margin:0 auto 12px}
.conversa-card .wa-grande .wa-ic{width:32px;height:32px}
.conversa-card h3{margin:0 0 4px}
.conversa-num{font-family:'Roboto',sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:.5px;margin:0 0 4px;font-variant-numeric:tabular-nums}
.conversa-card p{color:var(--muted);font-size:.88rem;margin:0 0 18px}
.conversa-card .btn{width:100%;justify-content:center}
.conversa-card small{display:block;color:var(--muted);font-size:.78rem;margin-top:12px}
.plan-wa{display:inline-flex;align-items:center;gap:.4em;margin-top:16px;font-size:.86rem;color:#7fe0a4}
.plan-wa:hover{text-decoration:underline}
.final-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:820px){.conversa{grid-template-columns:1fr;gap:24px}}
@media(max-width:640px){.steps-4{grid-template-columns:1fr}}

/* atalho do WhatsApp no aviso "Lançamento em breve" */
.eb-wa{margin:16px 0 0;padding-top:14px;border-top:1px dashed var(--line);font-size:.88rem;color:var(--muted);text-align:center}
.eb-wa a{display:inline-flex;align-items:center;gap:.4em;color:#7fe0a4;font-weight:700}
.eb-wa a:hover{text-decoration:underline}

/* "Quem executa os investimentos é você" (consultoria.php) */
.executa{display:flex;gap:18px;align-items:flex-start;margin-top:28px;background:linear-gradient(160deg,rgba(201,162,75,.10),rgba(201,162,75,.03));border:1px solid rgba(201,162,75,.45);border-left:4px solid var(--gold);border-radius:var(--radius);padding:22px 24px;scroll-margin-top:calc(var(--topo,96px) + 18px)}
.executa-ic{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(201,162,75,.16);color:var(--gold-2);display:grid;place-items:center;font-size:1.5rem}
.executa h3{color:var(--gold-2);margin:2px 0 8px;font-size:1.15rem}
.executa p{color:var(--muted);margin:0 0 10px;max-width:62em}
.executa p b{color:var(--ink)}
.executa ul{margin:0;padding-left:1.1em;color:var(--muted);display:grid;gap:4px}
@media(max-width:640px){.executa{flex-direction:column;gap:10px;padding:18px}}
