/* KriptoBR Mercado — páginas próprias (ferramentas e preço por moeda).
   Mesmo desenho da página de ações; um arquivo só, em cache, para todas as páginas. */
:root{
  --bg:#091417; --surface:#101F25; --surface2:#172B33; --border:#27444F;
  --ink:#EAF2F3; --ink2:#A6BAC0; --muted:#7A9299;
  --accent:#00C69F; --accent-ink:#052A23; --accent-soft:rgba(0,198,159,.14);
  --up:#2BD07E; --down:#F2707B; --up-soft:rgba(43,208,126,.13); --down-soft:rgba(242,112,123,.13);
  --btc:#F7931A;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:34px; --s7:48px;
  --r-md:12px; --r-lg:18px; --maxw:1180px;
  --e1:0 1px 2px rgba(0,0,0,.28); --e2:0 6px 20px rgba(0,0,0,.20);
  --font:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:'Chakra Petch','Poppins',-apple-system,"Segoe UI",sans-serif;
}
html[data-theme="light"]{
  --bg:#F4F6F8; --surface:#FFFFFF; --surface2:#EDF1F4; --border:#C9D5DC;
  --ink:#122B34; --ink2:#35505A; --muted:#5A727A;
  --accent:#05668D; --accent-ink:#FFFFFF; --accent-soft:rgba(5,102,141,.10);
  --up:#0E8A4C; --down:#CE3D4C; --up-soft:rgba(14,138,76,.10); --down-soft:rgba(206,61,76,.10);
  --btc:#DD7500;
  --e1:0 1px 2px rgba(18,43,52,.07); --e2:0 10px 28px rgba(18,43,52,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.58;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
h1,h2,h3{font-family:var(--font-display);line-height:1.22;margin:0 0 .5rem;letter-spacing:-.01em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- topo (igual ao da página de ações) ---------- */
header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
html[data-theme="light"] header.top{background:color-mix(in srgb,#FFFFFF 88%,transparent)}
.topbar{display:flex;align-items:center;gap:14px;height:60px}
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;white-space:nowrap;flex-shrink:0}
.logo:hover{text-decoration:none}
.logo .brand{height:30px;width:auto;display:block;flex-shrink:0}
.logo small{color:var(--muted);font-weight:600}
html[data-theme="light"] .logo{background:#091417;padding:4px 11px 4px 9px;border-radius:11px}
html[data-theme="light"] .logo small{color:#A7B2C5}
.abas{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px;flex:none}
.aba{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;color:var(--ink2);font-weight:600;font-size:.88rem;white-space:nowrap}
.aba:hover{color:var(--ink);text-decoration:none;background:var(--surface)}
.aba[aria-current="page"],.aba.atual{background:var(--accent);color:var(--accent-ink)}
.aba .ponto{width:7px;height:7px;border-radius:50%;background:var(--btc)}
.aba[aria-current="page"] .ponto,.aba.atual .ponto{background:var(--accent-ink)}
.espaco{flex:1}
.icone-btn{background:transparent;border:1px solid var(--border);color:var(--ink2);border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:1rem;display:grid;place-items:center;flex:none}
.icone-btn:hover{background:var(--surface2);color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:9px 16px;border-radius:10px;font-size:.92rem;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.abas-hero{display:none}
@media(max-width:760px){
  .abas-topo{display:none}
  .abas-hero{display:flex;margin-bottom:var(--s4)}
  .abas-hero .aba{flex:1;justify-content:center;padding:9px 12px;font-size:.92rem}
  .logo small{display:none}
}
@media(max-width:440px){ .logo .brand{height:24px} html[data-theme="light"] .logo{padding:4px 8px} .topbar{gap:8px} }

/* lojas do grupo (KriptoBR + Fator2) */
.lojas{display:flex;align-items:center;gap:8px;flex:none}
.loja-ico{display:block;flex:none;width:20px;height:20px;border-radius:6px;stroke:none}
.btn-loja{gap:8px;padding-left:10px}
.btn-loja .loja-ico{box-shadow:0 0 0 1px rgba(5,42,35,.10)}
.btn-f2{display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 11px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;font-size:.92rem;white-space:nowrap;text-decoration:none;box-shadow:var(--e1)}
.btn-f2:hover{background:var(--surface2);text-decoration:none;border-color:var(--muted)}
.btn-f2 .f2-tile{display:none}
.f2-logo{display:block;flex:none;height:17px;width:50.4px}
.btn-f2 small{font-size:.72rem;font-weight:500;color:var(--muted)}
.marca-f2{color:#EEF3F8;--f2-verde:#2FD29B}
html[data-theme="light"] .marca-f2{color:#0B1F33;--f2-verde:#00A676}
@media(max-width:1180px){ .btn-f2 small{display:none} }
@media(max-width:700px){
  .lojas{gap:6px}
  .btn-loja span{display:none}
  .btn-loja{padding:8px}
  .btn-f2{padding:7px;box-shadow:none}
  .btn-f2 .f2-logo,.btn-f2 small{display:none}
  .btn-f2 .f2-tile{display:block}
}
@media(max-width:340px){ .btn-f2{display:none} }

/* ---------- estrutura ---------- */
.bc{font-size:.78rem;color:var(--muted);margin:0 0 var(--s3);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bc a{color:var(--muted)}
.bc a:hover{color:var(--ink)}
.bc span[aria-hidden]{opacity:.6}
.hero{padding:var(--s5) 0 var(--s2)}
.kicker{font-family:var(--font-display);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:var(--s2)}
.hero h1{font-size:clamp(1.6rem,3.2vw,2.2rem);letter-spacing:-.025em;margin-bottom:var(--s3)}
.hero .lead{color:var(--ink2);font-size:1rem;max-width:68ch;margin:0 0 var(--s4)}
section{padding:var(--s6) 0 var(--s2);scroll-margin-top:72px}
.sec-head{margin-bottom:var(--s4)}
.sec-head h2{display:flex;align-items:center;gap:11px;font-size:clamp(1.18rem,1.8vw,1.38rem)}
.sec-head p{margin:.2rem 0 0;color:var(--ink2);font-size:.9rem;max-width:74ch}
.h-ic{width:31px;height:31px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;flex:none;font-size:.95rem}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e1)}
.pad{padding:var(--s5)}
@media(max-width:560px){ .pad{padding:var(--s4)} }
.fonte{font-size:.78rem;color:var(--muted);margin:10px 2px 0;max-width:90ch}
.status{font-size:.8rem;color:var(--muted)}
.status .vivo{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--up);margin-right:6px;box-shadow:0 0 0 3px var(--up-soft);vertical-align:1px}
.erro-dados{padding:var(--s4);border-radius:var(--r-md);background:var(--down-soft);color:var(--ink);font-size:.88rem}
.erro-dados button{margin-left:8px}

/* números grandes */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s2)}
.kpi{padding:13px 15px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--border);min-width:0}
.kpi .k{font-family:var(--font-display);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kpi .v{font-size:1.12rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi .s{font-size:.78rem;color:var(--muted)}
@media(max-width:480px){ .kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .kpi .v{font-size:1rem;white-space:normal;overflow-wrap:anywhere} }
.up{color:var(--up)} .down{color:var(--down)}
.chip{display:inline-block;font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:99px;font-variant-numeric:tabular-nums}
.chip.up{background:var(--up-soft)} .chip.down{background:var(--down-soft)}

/* preço em destaque */
.preco-topo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:end}
.preco-topo .moeda{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.preco-topo .moeda img{width:40px;height:40px;border-radius:50%;background:var(--surface2)}
.preco-topo .moeda .sim{font-family:var(--font-display);font-size:.75rem;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:1px 6px;letter-spacing:.05em}
.preco-grande{font-size:clamp(1.9rem,4.6vw,2.8rem);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.preco-usd{color:var(--ink2);font-size:.95rem;margin-top:4px}
@media(max-width:560px){ .preco-topo{grid-template-columns:minmax(0,1fr)} }

/* gráfico */
.periodos{display:inline-flex;background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}
.periodos button{background:transparent;border:0;color:var(--ink2);font:inherit;font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:8px;cursor:pointer}
.periodos button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--e1)}
.grafico{position:relative;height:280px;margin-top:var(--s3)}
.grafico svg{display:block;width:100%;height:100%;overflow:visible}
.grafico .vazio{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.85rem}
.grafico .dica{position:absolute;top:0;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 9px;font-size:.78rem;box-shadow:var(--e2);white-space:nowrap;transform:translateX(-50%)}
@media(max-width:560px){ .grafico{height:220px} }

/* medidor (medo e ganância) */
.medidor-box{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--s5);align-items:center}
.medidor{width:100%;max-width:320px;margin:0 auto;display:block}
.medidor-valor{text-align:center;margin-top:-8px}
.medidor-valor .n{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.medidor-valor .c{font-weight:700;font-size:1rem;margin-top:4px}
@media(max-width:720px){ .medidor-box{grid-template-columns:minmax(0,1fr)} }

/* contagem regressiva */
.contagem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);max-width:560px}
.contagem div{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 6px;text-align:center}
.contagem b{display:block;font-size:clamp(1.5rem,4vw,2.1rem);font-variant-numeric:tabular-nums;line-height:1.1}
.contagem span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display)}
.barra{height:10px;background:var(--surface2);border:1px solid var(--border);border-radius:99px;overflow:hidden;margin-top:var(--s3)}
.barra i{display:block;height:100%;background:var(--accent);border-radius:99px;width:0;transition:width .6s}

/* conversor */
.conv{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s3);align-items:end}
.conv label{display:block;font-size:.78rem;color:var(--muted);font-weight:600;margin-bottom:5px}
.conv .campo{display:flex;gap:6px}
.conv input,.conv select{height:46px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--ink);font:inherit;font-size:1rem;padding:0 12px;min-width:0}
.conv input{flex:1 1 auto;font-variant-numeric:tabular-nums}
.conv select{flex:0 0 auto;max-width:48%}
.conv .trocar{height:46px;width:46px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;font-size:1.1rem}
.conv .trocar:hover{border-color:var(--accent)}
.conv-res{margin-top:var(--s4);font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:700;font-variant-numeric:tabular-nums;word-break:break-word}
.conv-sub{color:var(--muted);font-size:.82rem;margin-top:4px}
@media(max-width:620px){ .conv{grid-template-columns:minmax(0,1fr)} .conv .trocar{justify-self:center;transform:rotate(90deg)} }

/* tabelas */
.tabela{width:100%;border-collapse:collapse;font-size:.88rem}
.tabela th{font-family:var(--font-display);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border)}
.tabela td{padding:9px 10px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}
.tabela tr:last-child td{border-bottom:0}
.tabela .dir{text-align:right}
.tabela-box{overflow-x:auto}

/* texto explicativo */
.texto{max-width:74ch}
.texto p{color:var(--ink2);font-size:.95rem;margin:0 0 var(--s3)}
.texto h2{font-size:1.2rem;margin:var(--s5) 0 var(--s2)}
.texto h3{font-size:1.02rem;margin:var(--s4) 0 var(--s2)}
.texto ul{color:var(--ink2);font-size:.95rem;padding-left:1.2rem;margin:0 0 var(--s3)}
.texto li{margin-bottom:4px}
.texto strong{color:var(--ink)}
.duas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--s5);align-items:start}
@media(max-width:860px){ .duas{grid-template-columns:minmax(0,1fr)} }

/* perguntas frequentes */
.faq details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--s2)}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:.94rem;list-style:none;display:flex;gap:10px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';margin-left:auto;color:var(--accent);font-weight:700}
.faq details[open] summary::after{content:'–'}
.faq .r{padding:0 16px 14px;color:var(--ink2);font-size:.92rem}

/* atalhos e grades de links */
.atalhos{display:flex;flex-direction:column;gap:var(--s2)}
.atalho{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--border);color:var(--ink);font-weight:600;font-size:.9rem}
.atalho:hover{border-color:var(--accent);text-decoration:none}
.atalho i{font-style:normal;margin-left:auto;color:var(--accent)}
.grade-moedas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2)}
.grade-moedas a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--ink);font-weight:600;font-size:.86rem}
.grade-moedas a:hover{border-color:var(--accent);text-decoration:none}
.grade-moedas a small{color:var(--muted);font-weight:500;margin-left:auto;font-size:.72rem}

/* bloco de autocustódia (loja) */
.guardar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:center}
.guardar p{margin:0;color:var(--ink2);font-size:.92rem}
.guardar strong{color:var(--ink)}
@media(max-width:640px){ .guardar{grid-template-columns:minmax(0,1fr)} }

/* rodapé */
footer.rodape{margin-top:var(--s7);border-top:1px solid var(--border);padding:var(--s5) 0 var(--s7);color:var(--muted);font-size:.82rem}
footer.rodape p{margin:0 0 8px;max-width:90ch}
.rod-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s5);margin-bottom:var(--s5)}
.rod-cols h4{margin:0 0 8px;font-size:.86rem;color:var(--ink)}
.rod-cols a{display:block;color:var(--ink2);padding:2px 0}
.rod-cols .moedas a{display:inline-block;margin-right:10px}

/* quadros da TradingView */
.tvbox{overflow:hidden;position:relative;padding:4px}
.tvbox .carregando{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.85rem}
.tradingview-widget-copyright{font-size:.72rem!important;text-align:right;padding:4px 8px 2px}
.tradingview-widget-copyright a{color:var(--muted)!important}
.tv-juros{height:480px}

@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .barra i{transition:none} }

/* fim do arquivo — servido como text/css */