/* ============================================================
   ZeroLag News — sistema visual (marca: charcoal + creme + flame)
   Assinatura: "scanlines" (streaks horizontais do logo).
   ============================================================ */

/* ---- Tokens ------------------------------------------------ */
:root{
  --bg:#0e0e13; --surface:#16161f; --surface2:#1d1d28; --line:#282833;
  --text:#efebe2; --muted:#8f8a80; --faint:#5f5b53;
  --flame:#ff5e3a; --flame-press:#f2492a; --flame-soft:rgba(255,94,58,.12);
  --hi:#ff5e3a; --mid:#f5a524; --lo:#d8b24a;
  --up:#46c98b; --down:#f2586b; --up-soft:rgba(70,201,139,.13); --down-soft:rgba(242,88,107,.13);
  --charcoal:#13131a; --cream:#efebe2;
  --radius:14px; --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px -18px rgba(0,0,0,.6);
  --font-sans:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1160px;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f4f1ea; --surface:#ffffff; --surface2:#efeae0; --line:#e5ded1;
    --text:#191921; --muted:#6c675e; --faint:#a49d90;
    --flame:#ef4c28; --flame-press:#d63f1f; --flame-soft:rgba(239,76,40,.10);
    --shadow:0 1px 2px rgba(30,25,15,.06), 0 10px 26px -20px rgba(30,25,15,.35);
  }
}
:root[data-theme="dark"]{
  --bg:#0e0e13; --surface:#16161f; --surface2:#1d1d28; --line:#282833;
  --text:#efebe2; --muted:#8f8a80; --faint:#5f5b53; --flame:#ff5e3a;
  --flame-press:#f2492a; --flame-soft:rgba(255,94,58,.12);
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px -18px rgba(0,0,0,.6);
}
:root[data-theme="light"]{
  --bg:#f4f1ea; --surface:#ffffff; --surface2:#efeae0; --line:#e5ded1;
  --text:#191921; --muted:#6c675e; --faint:#a49d90; --flame:#ef4c28;
  --flame-press:#d63f1f; --flame-soft:rgba(239,76,40,.10);
  --shadow:0 1px 2px rgba(30,25,15,.06), 0 10px 26px -20px rgba(30,25,15,.35);
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg); color:var(--text);
  font:400 16px/1.5 var(--font-sans); -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 16px}
.mono{font-family:var(--font-mono); font-feature-settings:"tnum" 1}

/* ---- Signature: scanlines ---------------------------------- */
.scanlines{position:relative; overflow:hidden}
.scanlines::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,94,58,.05) 55%, rgba(255,94,58,.16) 100%),
    repeating-linear-gradient(0deg, transparent 0 7px, rgba(255,94,58,.06) 7px 9px);
  mask-image:linear-gradient(90deg, transparent, #000 60%);
}

/* ---- Topbar (sempre charcoal, wordmark creme) -------------- */
.topbar{background:var(--charcoal); border-bottom:1px solid #24242e; position:sticky; top:0; z-index:40}
.topbar-in{display:flex; align-items:center; gap:6px; height:60px; position:relative; z-index:1}
.brand{display:flex; align-items:center; gap:9px; text-decoration:none; line-height:0; margin-right:auto}
.brand svg{height:26px; width:auto; display:block}
.brand .logo{height:26px; width:auto; display:block}
.brand .zero{fill:var(--cream)} .brand .lag{fill:var(--flame)}
.brand .tag{font:600 10px/1 var(--font-mono); letter-spacing:.18em; color:var(--flame);
  border:1px solid rgba(255,94,58,.5); padding:3px 5px 2px; border-radius:4px; text-transform:uppercase}
.topnav{display:flex; align-items:center; gap:4px}
.topnav a{font:600 14px/1 var(--font-sans); color:#b7b2a8; text-decoration:none;
  padding:9px 11px; border-radius:8px}
.topnav a:hover{color:var(--cream)}
.topnav a.on{color:var(--cream); background:rgba(255,255,255,.06)}
.topnav .tg{color:var(--charcoal); background:var(--flame)}
.topnav .tg:hover{background:var(--flame-press); color:var(--charcoal)}
.themebtn{background:none; border:0; color:#b7b2a8; cursor:pointer; padding:8px; border-radius:8px; line-height:0}
.themebtn:hover{color:var(--cream); background:rgba(255,255,255,.06)}
/* ---- Busca (terminal/ticker) ------------------------------- */
.search{display:flex; align-items:center; gap:7px; height:34px; padding:0 10px; margin-left:8px;
  background:rgba(255,255,255,.045); border:1px solid #2a2a34; border-radius:8px;
  transition:border-color .15s, background .15s, box-shadow .15s}
.search:focus-within{border-color:var(--flame); background:rgba(255,94,58,.06); box-shadow:0 0 0 3px var(--flame-soft)}
.search__ic{width:15px; height:15px; color:#6f6a61; flex:none; transition:color .15s}
.search:focus-within .search__ic{color:var(--flame)}
.search__in{flex:1; min-width:0; width:148px; border:0; background:none; outline:0; color:var(--cream);
  font:500 13px/1 var(--font-mono); letter-spacing:.01em}
.search__in::placeholder{color:#6f6a61; letter-spacing:.06em}
.search__in::-webkit-search-cancel-button{-webkit-appearance:none}
.search__kbd{flex:none; font:600 11px/1 var(--font-mono); color:#6f6a61; background:rgba(255,255,255,.05);
  border:1px solid #2f2f3a; border-radius:5px; padding:3px 6px; transition:opacity .12s}
.search:focus-within .search__kbd{opacity:0}
/* Menu hambúrguer — só no mobile/tablet (< 920px) */
.menu-toggle{display:none; align-items:center; background:none; border:0; color:#b7b2a8; cursor:pointer; padding:8px; border-radius:8px; line-height:0}
.menu-toggle svg{width:22px; height:22px}
.menu-toggle:hover{color:var(--cream); background:rgba(255,255,255,.06)}
.menu-toggle .mt-close, .menu-toggle[aria-expanded="true"] .mt-open{display:none}
.menu-toggle[aria-expanded="true"] .mt-close{display:inline}
.search-toggle{display:flex; align-items:center; background:none; border:0; color:#b7b2a8; cursor:pointer; padding:8px; border-radius:8px; line-height:0}
.search-toggle svg{width:20px; height:20px}
.search-toggle:hover{color:var(--cream); background:rgba(255,255,255,.06)}
.search-bar{border-top:1px solid #24242e; background:var(--charcoal); padding:10px 0}
.search--bar{margin-left:0; height:40px}
.search--bar .search__kbd{display:none}
.search--page{margin:2px 0 20px; height:46px; max-width:520px}
.search--page .search__ic{width:17px; height:17px}
.search--page .search__in{width:100%; font-size:14px}
.search--page .search__kbd{display:none}
.search__meta{margin:0 0 14px; color:var(--muted); font:500 12.5px/1.4 var(--font-mono)}
.search__meta b{color:var(--cream)}

/* ==== Calendário econômico (calendario.php) ================= */
.ec-head{padding:28px 0 2px}
.ec-head h1{font-size:32px; font-weight:700; letter-spacing:-.02em; margin:6px 0 8px; text-wrap:balance}
.ec-head p{margin:0; color:var(--muted); max-width:70ch; font-size:14.5px}
.ec-filter{display:flex; flex-direction:column; gap:11px; margin:20px 0 6px; padding:15px 16px;
  background:var(--surface); border:1px solid var(--line); border-radius:12px}
.ec-fgroup{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.ec-flabel{font-family:var(--font-mono); font-size:10px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--faint); width:56px; flex:none}
.ec-chip{font-family:var(--font-mono); font-size:12px; color:var(--muted); background:var(--surface2);
  border:1px solid var(--line); border-radius:20px; padding:6px 13px; cursor:pointer; line-height:1}
.ec-chip:hover{color:var(--text); border-color:var(--flame)}
.ec-chip.on{color:var(--charcoal); background:var(--flame); border-color:var(--flame); font-weight:600}
.ec-chip.flag{padding:6px 11px 6px 9px; display:inline-flex; align-items:center; gap:6px}
.ec-chip.flag .fg{font-size:14px}
.ec-day{margin-top:24px}
.ec-dayh{display:flex; align-items:center; gap:10px; padding:0 4px 9px; border-bottom:1px solid var(--line)}
.ec-dayh .d{font-family:var(--font-mono); font-weight:600; font-size:12.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted)}
.ec-dayh .today{font-family:var(--font-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--flame); border:1px solid var(--flame); border-radius:4px; padding:2px 7px}
.ec-dayh .cnt{margin-left:auto; font-family:var(--font-mono); font-size:11px; color:var(--faint)}
.ec-row{display:grid; grid-template-columns:54px 28px 1fr auto; gap:12px; align-items:center;
  padding:13px 4px; border-bottom:1px solid var(--line); color:var(--text); text-decoration:none; transition:background .12s}
.ec-row,.ec-row *{text-decoration:none}
.ec-row:hover{background:var(--surface)}
.ec-time{font-family:var(--font-mono); font-weight:600; font-size:14px}
.ec-flag{font-size:20px; line-height:1}
.ec-name{min-width:0}
.ec-name b{font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap}
.ec-per{font-weight:400; color:var(--muted)}
.ec-arrow{color:var(--faint); font-family:var(--font-mono); font-size:12px; opacity:0; transition:.12s}
.ec-row:hover .ec-arrow{opacity:1; color:var(--flame)}
.ec-sub{display:flex; gap:8px; align-items:center; font-family:var(--font-mono); font-size:11.5px;
  color:var(--faint); margin-top:2px}
.ec-imp{display:inline-flex; gap:3px; flex:none}
.ec-imp i{width:6px; height:6px; border-radius:50%; background:var(--line)}
.ec-imp.s3 i{background:var(--flame)}
.ec-imp.s2 i:nth-child(-n+2){background:var(--mid)}
.ec-imp.s1 i:first-child{background:var(--lo)}
.ec-vals{display:flex; text-align:right}
.ec-val{display:flex; flex-direction:column; gap:2px; min-width:82px; padding:0 12px; border-left:1px solid var(--line)}
.ec-val .vk{font-family:var(--font-mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.ec-val .vv{font-family:var(--font-mono); font-weight:600; font-size:15px; font-variant-numeric:tabular-nums;
  color:var(--muted); display:inline-flex; align-items:center; gap:6px; justify-content:flex-end}
.ec-val.actual .vv{color:var(--text)}
.ec-val.actual.up .vv{color:var(--up)}
.ec-val.actual.down .vv{color:var(--down)}
.ec-val .vv .wait{color:var(--faint); font-weight:500}
.ec-pill{font-family:var(--font-mono); font-weight:600; font-size:10px; padding:1px 6px; border-radius:20px}
.ec-pill.up{color:var(--up); background:var(--up-soft)}
.ec-pill.down{color:var(--down); background:var(--down-soft)}
.ec-none{margin-top:20px}
/* FAQ (calendário + evento) */
.ec-faq{margin:42px 0 10px}
.ec-faq h2{font-size:20px; margin:2px 0 14px}
.ec-faq details{border:1px solid var(--line); border-radius:10px; background:var(--surface); margin-bottom:10px}
.ec-faq summary{list-style:none; cursor:pointer; padding:14px 18px; font-weight:600; display:flex; align-items:center; gap:12px}
.ec-faq summary::-webkit-details-marker{display:none}
.ec-faq summary .q{font-family:var(--font-mono); color:var(--flame); font-size:13px}
.ec-faq summary .x{margin-left:auto; color:var(--faint); font-family:var(--font-mono); font-size:18px; transition:.2s}
.ec-faq details[open] summary .x{transform:rotate(45deg); color:var(--flame)}
.ec-faq details p{margin:0; padding:0 18px 16px 50px; color:var(--muted); font-size:14px}
/* ==== Página do indicador (calendario_evento.php) ==== */
.ev .crumb{font-family:var(--font-mono); font-size:12px; color:var(--faint); margin:14px 0 16px}
.ev .crumb a:hover{color:var(--flame)}
.ev-tick{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px}
.ev-flag{font-size:28px; line-height:1}
.ev-tk{font-family:var(--font-mono); font-size:11.5px; color:var(--faint); border:1px solid var(--line); border-radius:5px; padding:3px 8px}
.ev-implabel{font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--flame)}
.ev-h1{font-size:30px; font-weight:700; letter-spacing:-.02em; margin:0 0 6px; text-wrap:balance}
.ev-desc1{color:var(--muted); margin:0; max-width:72ch; font-size:15px; line-height:1.6}
.ev-grid{display:grid; grid-template-columns:1.25fr 1fr; gap:16px; margin-top:22px}
.ev-card{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px 22px}
.ev-plabel{display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:8px}
.ev-big{font-family:var(--font-mono); font-weight:700; font-size:52px; line-height:1; letter-spacing:-.02em;
  color:var(--up); font-variant-numeric:tabular-nums; display:flex; align-items:baseline; gap:14px; flex-wrap:wrap}
.ev-big.down{color:var(--down)} .ev-big.wait{color:var(--muted); font-size:32px}
.ev-delta{font-family:var(--font-mono); font-weight:600; font-size:13px; padding:3px 10px; border-radius:20px;
  color:var(--up); background:var(--up-soft); align-self:center}
.ev-big.down .ev-delta{color:var(--down); background:var(--down-soft)}
.ev-big.wait .ev-delta{color:var(--faint); background:var(--surface2)}
.ev-meta{display:flex; gap:26px; margin-top:18px; padding-top:15px; border-top:1px solid var(--line)}
.ev-meta .mk{font-family:var(--font-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.ev-meta .mv{font-family:var(--font-mono); font-weight:600; font-size:18px; margin-top:3px; font-variant-numeric:tabular-nums}
.ev-next{display:flex; flex-direction:column; justify-content:center; gap:5px}
.ev-next .k{font-family:var(--font-mono); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--faint)}
.ev-next .when{font-weight:600; font-size:15px}
.ev-next .cd2{font-family:var(--font-mono); font-weight:700; font-size:34px; color:var(--flame); font-variant-numeric:tabular-nums; margin:2px 0}
.ev-next .src{font-size:12.5px; color:var(--muted); margin-top:8px; padding-top:11px; border-top:1px solid var(--line)}
.ev-next .src a{color:var(--flame)}
.ev-sec{margin-top:32px}
.ev-sec h2{font-size:20px; margin:0 0 14px; letter-spacing:-.01em}
.ev-newsctx{color:var(--muted); font-size:12.5px; margin:0 0 12px; line-height:1.5}
.ev-newsrow{display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:32px}
.ev-main{min-width:0}
.ev-main .ev-sec:first-child{margin-top:0}
.ev-rail{min-width:0}
.ev-histwrap{overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface)}
.ev-hist{width:100%; border-collapse:collapse; font-size:14px}
.ev-hist th{font-family:var(--font-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--faint); font-weight:600; text-align:left; padding:12px 16px; border-bottom:1px solid var(--line); white-space:nowrap}
.ev-hist th.r,.ev-hist td.r{text-align:right}
.ev-hist td{padding:12px 16px; border-bottom:1px solid var(--line); color:var(--text); white-space:nowrap}
.ev-hist tbody tr:last-child td{border-bottom:0}
.ev-hist tbody tr:hover{background:var(--surface2)}
.ev-hist .dt{font-weight:600}
.ev-hist .dt .mes{color:var(--faint); font-family:var(--font-mono); font-size:12px; font-weight:400}
.ev-hist td.r{font-family:var(--font-mono); font-variant-numeric:tabular-nums; color:var(--muted)}
.ev-hist td.act{color:var(--text); font-weight:600}
.ev-hist td.act.up{color:var(--up)}
.ev-hist td.act.down{color:var(--down)}
/* gráfico de histórico (barras) */
.ev-chartwrap{border:1px solid var(--line); border-radius:12px; background:var(--surface); padding:18px 16px 12px; margin-bottom:14px; overflow-x:auto}
.ev-chart{display:flex; align-items:flex-end; gap:8px; height:150px; min-width:min-content}
.ev-cbar{flex:1; min-width:32px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; gap:6px}
.ev-cbar .cv{font-family:var(--font-mono); font-weight:600; font-size:11.5px; font-variant-numeric:tabular-nums; color:var(--muted); white-space:nowrap}
.ev-cbar.up .cv{color:var(--up)}
.ev-cbar.down .cv{color:var(--down)}
.ev-cbar .cbar{width:100%; max-width:40px; border-radius:5px 5px 0 0; background:var(--surface2); min-height:6px}
.ev-cbar.up .cbar{background:linear-gradient(180deg,var(--up),rgba(70,201,139,.28))}
.ev-cbar.down .cbar{background:linear-gradient(180deg,var(--down),rgba(242,88,107,.28))}
.ev-cbar .cd{font-family:var(--font-mono); font-size:10px; color:var(--faint)}
/* home: painel de agenda — linha clicável + valor divulgado */
.cal-row{text-decoration:none; color:inherit}
.cal-row:hover{background:var(--surface2)}
.cal-act{font-family:var(--font-mono); font-weight:600; font-size:12.5px; font-variant-numeric:tabular-nums;
  color:var(--muted); text-align:right; justify-self:end}
.cal-act.up{color:var(--up)}
.cal-act.down{color:var(--down)}
/* linha de indicador recém-divulgado (fica ~25 min na home mostrando o número) */
.cal-row.out{background:var(--surface2)}
.cal-row.out .h{font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--flame)}
.cal-row.out .ev{color:var(--muted)}
@media (max-width:760px){
  .ec-head h1,.ev-h1{font-size:24px}
  .ec-row{grid-template-columns:46px 24px 1fr; gap:9px}
  .ec-vals{grid-column:1/-1; justify-content:flex-end; margin-top:4px}
  .ec-val{min-width:66px; padding:0 9px}
  .ev-grid{grid-template-columns:1fr}
  .ev-big{font-size:40px}
}

/* ---- Pulse bar (AO VIVO + contagem próximo dado) ----------- */
.pulse{background:var(--charcoal); border-bottom:1px solid #24242e; position:sticky; top:60px; z-index:30}
.pulse-in{display:flex; align-items:center; gap:16px; height:38px; overflow-x:auto; scrollbar-width:none; position:relative; z-index:1}
.pulse-in::-webkit-scrollbar{display:none}
.pulse-live{display:inline-flex; align-items:center; gap:7px; flex:none;
  font:600 11px/1 var(--font-mono); letter-spacing:.14em; color:var(--cream); text-transform:uppercase}
.pulse-live .dot{width:7px; height:7px; border-radius:50%; background:var(--flame); box-shadow:0 0 0 0 rgba(255,94,58,.6); animation:beat 1.8s infinite}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(255,94,58,.55)}70%{box-shadow:0 0 0 7px rgba(255,94,58,0)}100%{box-shadow:0 0 0 0 rgba(255,94,58,0)}}
.pulse-next{display:inline-flex; align-items:center; gap:8px; flex:none; font-size:12.5px; color:#c9c4ba; white-space:nowrap}
.pulse-next .lbl{color:var(--muted); text-transform:uppercase; font:600 10px/1 var(--font-mono); letter-spacing:.12em}
.pulse-next b{color:var(--cream); font-weight:600}
.pulse-next .cd{color:var(--flame); font-weight:600; font-family:var(--font-mono)}
.pulse-ev{display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit;
  border-radius:7px; padding:3px 8px; margin:0 -2px; transition:background .15s}
.pulse-ev:hover{background:rgba(255,255,255,.07)}
.pulse-ev:hover b{color:var(--flame)}
.pulse-upd{margin-left:auto; flex:none; font-size:11.5px; color:var(--muted); white-space:nowrap; padding-left:8px}

/* ---- Ads --------------------------------------------------- */
.ad{position:relative; display:flex; align-items:center; justify-content:center;
  background:var(--surface2); border:1px solid var(--line); border-radius:10px;
  color:var(--faint); overflow:hidden; margin:0 auto; padding:20px 12px 12px}
.ad:not(.is-live){border-style:dashed}          /* vazio = tracejado; com anúncio = sólido */
.ad__tag{position:absolute; top:6px; left:0; right:0; text-align:center; font:600 9px/1 var(--font-mono);
  letter-spacing:.14em; text-transform:uppercase; color:var(--faint); z-index:2}
.ad__ph{font:600 12px/1 var(--font-mono); color:var(--faint)}
.ad.is-live img{display:block; max-width:100%; height:auto; margin:0 auto; border-radius:6px}
.ad.is-live img[width="0"], .ad.is-live img[height="0"]{width:auto}   /* conserta só banners defeituosos (0×0) */
.ad.is-live a{display:inline-block; line-height:0}
.ad--leaderboard{min-height:118px; margin:14px auto}
.ad--leaderboard_m{display:none; min-height:56px; margin:12px 0}  /* topo mobile — largura total + espaçamento padrão dos outros slots; altura abraça o banner (justo, como no desktop) */
.ad--infeed{min-height:270px; margin:4px 0}
.ad--rail{min-height:270px; margin-top:14px}
.ad--article_side{min-height:600px; width:350px; margin:0; padding-left:0; padding-right:0}   /* lateral da notícia (coluna 350), criativo 300×600 */
.ad--article_box{min-height:270px; margin:22px 0}                 /* fim da notícia mobile 300×250 */
/* Rodapé fixo — responsivo. anchor = desktop/tablet (até 728×90); anchor_m = mobile 320×50 (opcional). */
.ad--anchor, .ad--anchor_m{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:50;
  min-height:0; border-radius:0; border:0; border-top:1px solid var(--line);
  background:var(--surface); margin:0; padding:4px 8px; overflow:hidden}
.ad--anchor .ad__tag, .ad--anchor_m .ad__tag{display:none}
.ad--anchor img, .ad--anchor_m img{max-height:90px; width:auto; height:auto}
.ad--anchor_m{display:none}                    /* versão mobile só aparece < 768px */
body:has(.ad--anchor){padding-bottom:100px}   /* conteúdo/rodapé não ficam escondidos atrás da barra */
@media (max-width:767px){
  .ad--anchor, .ad--anchor_m{height:56px; padding:3px 8px}
  .ad--anchor img, .ad--anchor_m img{max-height:50px}   /* encaixa qualquer banner na barra */
  .anchor-pair .ad--anchor{display:none}                 /* há versão mobile → esconde a de desktop */
  .ad--anchor_m{display:flex}
  body:has(.ad--anchor), body:has(.ad--anchor_m){padding-bottom:62px}
}
@media (min-width:600px){ .ad--leaderboard{min-height:112px} }

/* ---- Tabs (mobile) ---------------------------------------- */
.tabs{display:flex; gap:6px; background:var(--surface2); border:1px solid var(--line);
  border-radius:12px; padding:4px; margin:16px 0 4px}
.tabs button{flex:1; appearance:none; border:0; background:none; cursor:pointer;
  font:600 13px/1 var(--font-sans); color:var(--muted); padding:9px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center; gap:7px}
.tabs button.on{background:var(--surface); color:var(--text); box-shadow:var(--shadow)}
.tabs .badge-n{font:600 10px/1 var(--font-mono); background:var(--flame); color:#fff; padding:2px 5px; border-radius:20px}

/* ---- Layout ------------------------------------------------ */
.home{display:grid; grid-template-columns:minmax(0,1fr); gap:22px; margin-top:14px}
.col-news, .col-cal{min-width:0}
.section-eyebrow{font:600 11px/1 var(--font-mono); letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); display:flex; align-items:center; gap:8px; margin:2px 2px 12px}
.section-eyebrow::after{content:""; flex:1; height:1px; background:var(--line)}

/* ---- Filtros ---------------------------------------------- */
.filters{display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; margin:0 0 14px; min-width:0}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none; text-decoration:none; font:600 13px/1 var(--font-sans); color:var(--muted);
  background:var(--surface); border:1px solid var(--line); padding:8px 13px; border-radius:22px; white-space:nowrap}
.chip:hover{color:var(--text)}
.chip.on{color:#fff; background:var(--c,var(--flame)); border-color:transparent}
/* chip de destaque: contador das últimas 24h (preenche só quando clicado, como os demais) */
.chip--hl{display:inline-flex; align-items:center; gap:7px}
.chip__n{font:600 10.5px/1 var(--font-mono); background:var(--flame-soft); color:var(--flame);
  padding:3px 6px; border-radius:20px}
.chip--hl:hover .chip__n{background:rgba(255,94,58,.2)}
.chip--hl.on .chip__n{background:rgba(0,0,0,.26); color:#fff}

/* ---- Botão "novas notícias" (polling, sem F5) -------------- */
.newpill{position:fixed; top:110px; left:50%; transform:translateX(-50%); z-index:45;
  background:var(--flame); color:#fff; border:0; cursor:pointer;
  font:600 13px/1 var(--font-sans); padding:11px 18px; border-radius:24px;
  box-shadow:0 8px 22px -6px rgba(255,94,58,.65); display:inline-flex; align-items:center; gap:7px;
  animation:pillin .25s ease}
.newpill:hover{background:var(--flame-press)}
.newpill[hidden]{display:none}
@keyframes pillin{from{opacity:0; transform:translate(-50%,-8px)} to{opacity:1; transform:translate(-50%,0)}}

/* ---- Feed -------------------------------------------------- */
.feed{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.item{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--line);
  border-radius:var(--radius); padding:15px 16px; box-shadow:var(--shadow); transition:border-color .15s,transform .15s}
.item:hover{border-left-color:var(--c,var(--flame))}
.item.hi{border-left-color:var(--flame)}
.item__meta{display:flex; align-items:center; gap:9px; margin-bottom:8px; flex-wrap:wrap}
.badge{font:600 10.5px/1 var(--font-mono); letter-spacing:.06em; text-transform:uppercase;
  color:var(--c,var(--flame)); border:1px solid var(--c,var(--flame)); padding:4px 7px 3px; border-radius:5px}
.brk{display:inline-flex; align-items:center; gap:5px; font:600 10.5px/1 var(--font-mono);
  letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--flame); padding:4px 7px 3px; border-radius:5px}
.brk .dot{width:5px; height:5px; border-radius:50%; background:#fff; animation:beat 1.8s infinite}
.item__time{margin-left:auto; font-family:var(--font-mono); font-size:12px; color:var(--muted)}
.item__body{margin:0; font-size:16px; line-height:1.5; color:var(--text)}
.item__media{margin-top:11px; width:100%; border-radius:10px; display:block}
.item__src{margin-top:10px; font-size:12px}
.src-link{color:var(--muted); text-decoration:none; font-weight:500; font-family:var(--font-mono)}
.src-link:hover{color:var(--flame)}
a.item__body{display:block; text-decoration:none; color:var(--text)}

/* ---- Anúncio nativo no feed (native_1..4): card igual ao da notícia + selo "AD" ---- */
.nad{position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:15px 16px; box-shadow:var(--shadow)}
.nad__tag{position:absolute; top:10px; right:11px; z-index:2; font:600 10px/1 var(--font-mono); letter-spacing:.08em;
  color:var(--faint); background:var(--surface); border:1px solid var(--line); padding:3px 5px 2px; border-radius:4px}
.nad__link{display:block; text-decoration:none; color:var(--text)}
.nad__link > :first-child{margin-right:40px}          /* não passa por baixo do selo AD */
.nad__meta{display:flex; margin-bottom:9px}
.nad__kicker{--c:#3fa7d6}                              /* chapéu do nativo: cor própria, nenhuma categoria usa */
.nad__title{display:block; font:600 16px/1.35 var(--font-sans); margin-bottom:6px}
.nad__body{margin:0; font-size:15px; line-height:1.5; color:color-mix(in srgb, var(--text) 78%, var(--surface))}
.nad__img{display:block; width:100%; height:auto; border-radius:10px; margin-top:11px}
.nad__link > .nad__img:first-child{margin-top:0; margin-right:0}
.nad__cta{display:inline-block; margin-top:10px; font:600 13px/1 var(--font-sans); color:var(--flame)}
a.nad__link:hover .nad__title{color:var(--flame)}
.nad--img{padding:0; overflow:hidden}                    /* só imagem: banner ocupa o card inteiro */
.nad--img .nad__img{margin:0; border-radius:0}
.nad--img .nad__tag{top:8px; right:8px}
.nad--code{display:flex; justify-content:center; padding-top:30px; overflow:hidden}
.nad--code img{max-width:100%; height:auto}

/* ---- Página individual (article) + hubs -------------------- */
.article-layout{margin:0 auto}                       /* preenche o .wrap: da borda do logo à borda da busca, como a home */
.article-layout > .article{max-width:none; margin:18px 0 0}
.article-rail{display:none}                          /* só aparece no layout de 2 colunas (desktop) */
.article, .hub{max-width:720px; margin:18px auto 0}
/* listagem de seção: mesma largura da home e das notícias (a .wrap já limita em 1160px) */
.hub--wide{max-width:none}
main.article{max-width:var(--wrap)}   /* página de notícia usa a largura cheia do site (como a home), não a de leitura */
.crumb{font:600 12px/1 var(--font-mono); color:var(--muted); margin:0 0 14px; text-transform:uppercase; letter-spacing:.04em}
.crumb a{color:var(--muted); text-decoration:none}
.crumb a:hover{color:var(--flame)}
.article__meta{display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap}
.article__time{font-family:var(--font-mono); font-size:12.5px; color:var(--muted)}
.article__title{font:700 26px/1.25 var(--font-sans); letter-spacing:-.3px; margin:0 0 14px}
.article__body{font-size:19px; line-height:1.6; color:var(--text); margin:0 0 18px}
.article__media{width:100%; border-radius:12px; display:block; margin:0 0 18px}
.source-card{position:relative; background:var(--surface); border:1px solid var(--line);
  border-left:3px solid var(--c,var(--flame)); border-radius:12px; padding:16px; margin:0 0 26px}
.source-card__tag{font:600 10px/1 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
.source-card__who{font-family:var(--font-mono); font-size:14px; color:var(--text); margin:6px 0 12px}
.source-card__btn{display:inline-block; background:var(--flame); color:#13131a;
  font:600 13px/1 var(--font-sans); padding:10px 15px; border-radius:9px; text-decoration:none}
.source-card__btn:hover{background:var(--flame-press)}
.related{margin:26px 0}
.related__list{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column}
.related__list a{display:flex; align-items:center; gap:10px; padding:12px 4px;
  border-bottom:1px solid var(--line); text-decoration:none; color:var(--text)}
.related__list a:hover .related__txt{color:var(--flame)}
.related__cat{flex:none; font:600 10px/1 var(--font-mono); text-transform:uppercase; color:var(--c);
  border:1px solid var(--c); padding:4px 6px; border-radius:5px}
.related__txt{flex:1; font-size:14px; line-height:1.4}
.related__t{flex:none; font-family:var(--font-mono); font-size:11.5px; color:var(--muted)}
.back-feed{display:inline-block; margin:8px 0 0; font:600 13px/1 var(--font-sans); color:var(--flame); text-decoration:none}

/* ---- Conteúdo editorial (CMS) ---------------------------- */
.post{max-width:720px; margin:18px auto 0}
.post__title{font:700 30px/1.2 var(--font-sans); letter-spacing:-.3px; margin:6px 0 10px; text-wrap:balance}
.post__meta{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:13px; color:var(--muted); font-family:var(--font-mono); margin:0 0 18px}
.post__meta .upd{color:var(--faint)}
.post__cover{width:100%; height:auto; border-radius:14px; display:block; margin:0 0 22px; border:1px solid var(--line)}
.post-spo{display:inline-block; font:600 10px/1 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--flame); background:rgba(255,94,58,.12); border:1px solid rgba(255,94,58,.4); padding:6px 10px; border-radius:20px; margin:0 0 14px}
.post-body{font-size:18px; line-height:1.7; color:var(--text)}
.post-body p{margin:0 0 16px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-sans); letter-spacing:-.2px; line-height:1.3; margin:28px 0 10px}
.post-body h1{font-size:24px} .post-body h2{font-size:22px} .post-body h3{font-size:19px} .post-body h4{font-size:17px}
.post-body a{color:var(--flame); text-decoration:underline}
.post-body ul,.post-body ol{margin:0 0 16px; padding-left:22px}
.post-body li{margin:0 0 6px}
.post-body img{max-width:100%; height:auto; border-radius:10px; margin:6px 0}
.post-body figure{margin:18px 0}
.post-body figcaption{font-size:13px; color:var(--muted); margin-top:6px; text-align:center}
/* Âncoras: compensa o cabeçalho fixo ao pular para uma seção */
.post-body h2, .post-body h3, .post-body h4, .post-body .ec-faq{scroll-margin-top:112px}
/* Sumário ([sumario]) — box de destaque com lista simples (bullets, só H2) */
.post-body .zl-toc{background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:16px 20px 18px; margin:18px 0 26px}
.post-body .zl-toc ul{list-style:disc; margin:0; padding-left:20px}
.post-body .zl-toc li{margin:0 0 8px; font-size:15.5px; line-height:1.5}
.post-body .zl-toc li:last-child{margin-bottom:0}
.post-body .zl-toc li::marker{color:var(--faint)}
.post-body .zl-toc a{color:var(--flame); text-decoration:none}
.post-body .zl-toc a:hover{text-decoration:underline}
/* Lightbox da imagem */
.zl-lb{position:fixed; inset:0; z-index:90; background:rgba(8,8,12,.94); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:14px; padding:44px 20px}
.zl-lb[hidden]{display:none}
.zl-lb__img{max-width:min(1100px,94vw); max-height:82vh; width:auto; height:auto; border-radius:10px; display:block}
.zl-lb__cap{color:var(--muted); font-size:13px; text-align:center; max-width:70ch}
.zl-lb__x{position:absolute; top:14px; right:16px; width:44px; height:44px; border-radius:50%;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); color:#efebe2;
  font:300 30px/1 var(--font-sans); cursor:pointer; display:flex; align-items:center; justify-content:center}
.zl-lb__x:hover{background:var(--flame); border-color:var(--flame); color:#13131a}
/* Imagens do conteúdo: tamanho escolhido no editor (alt/legenda vêm do painel) */
.post-body figure.zl-fig{margin:22px 0; text-align:center}
.post-body figure.zl-fig img{display:inline-block; max-width:100%; height:auto; margin:0}
.post-body figure.zl-w25 img{width:25%}
.post-body figure.zl-w50 img{width:50%}
.post-body figure.zl-w75 img{width:75%}
.post-body figure.zl-w100 img{width:100%}
.post-body figure.zl-fig figcaption{font-size:13px; line-height:1.5; color:var(--muted); margin-top:9px; max-width:62ch; margin-left:auto; margin-right:auto}
.post-body figure.zl-fig figcaption a{color:var(--flame); text-decoration:underline}
@media (max-width:520px){ .post-body figure.zl-fig img{width:100%} }
.post-body blockquote{margin:18px 0; padding:6px 16px; border-left:3px solid var(--flame); color:var(--muted)}
.post-body pre{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:14px; overflow-x:auto; font-size:14px}
.post-body hr{border:0; border-top:1px solid var(--line); margin:24px 0}
@media (max-width:520px){ .post__title{font-size:24px} .post-body{font-size:17px} }

.post-cards{list-style:none; margin:16px 0 0; padding:0; display:grid; gap:14px}
@media (min-width:640px){ .post-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))} }
.pcard{background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden}
.pcard__link{display:block; text-decoration:none; color:inherit}
.pcard__img{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block}
.pcard__in{padding:14px 16px}
.pcard__t{font:700 17px/1.3 var(--font-sans); margin:0 0 6px; letter-spacing:-.2px}
.pcard__ex{color:var(--muted); font-size:14px; line-height:1.5; margin:0 0 10px}
.pcard__m{font-family:var(--font-mono); font-size:11.5px; color:var(--faint)}
.pcard__link:hover .pcard__t{color:var(--flame)}

.foot-menu{display:flex; flex-direction:column; gap:7px}
.foot-menu a{color:var(--muted); text-decoration:none; font-size:13px}
.foot-menu a:hover{color:var(--flame)}
.hub__title{font:700 26px/1.2 var(--font-sans); letter-spacing:-.3px; margin:6px 0 16px}
.legal{font-size:16px}
.legal__upd{font-family:var(--font-mono); font-size:12px; color:var(--faint); margin:-8px 0 22px}
.legal h2{font:700 18px/1.3 var(--font-sans); letter-spacing:-.2px; margin:26px 0 8px}
.legal p{color:var(--text); line-height:1.65; margin:0 0 12px}
.legal ul{margin:0 0 14px; padding-left:20px}
.legal li{color:var(--text); line-height:1.6; margin:0 0 6px}
.legal a{color:var(--flame); text-decoration:none}
.legal a:hover{text-decoration:underline}
.hub__sub{color:var(--muted); font-weight:500; font-size:16px}
.hub__intro{color:var(--muted); font-size:16px; line-height:1.6; margin:-4px 0 22px; max-width:760px}
/* Hub mestre /guias: um bloco por categoria (Investimentos, Trading, Economia, Tecnologia) */
.ghub{margin:0 0 34px}
.ghub__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding-bottom:8px; margin-bottom:10px}
.ghub__t{font:700 21px/1.25 var(--font-sans); letter-spacing:-.2px; margin:0}
.ghub__t a{color:var(--text); text-decoration:none}
.ghub__t a:hover, .ghub__all:hover{color:var(--flame)}
.ghub__all{font:600 12px/1 var(--font-mono); color:var(--muted); text-decoration:none; white-space:nowrap}
.ghub__d{color:var(--muted); font-size:14.5px; line-height:1.55; margin:0 0 14px; max-width:760px}
.pcard__kind{display:inline-block; font:600 10px/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--flame); margin:0 0 8px}
/* TopList: aviso de transparência comercial (obrigatório pelo plano de conteúdo) */
.post-disclaimer{font-size:14px; line-height:1.55; color:var(--muted); background:rgba(255,94,58,.07); border:1px solid rgba(255,94,58,.3); border-radius:12px; padding:12px 14px; margin:0 0 22px}
.post-disclaimer b{color:var(--text)}
.hub__more{margin-top:26px; padding-top:18px; border-top:1px solid var(--line)}
.hub__chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.empty{color:var(--muted); text-align:center; padding:44px 12px}
.pager{display:flex; justify-content:space-between; gap:12px; margin:20px 0 4px}
.pager a{text-decoration:none; font:600 13px/1 var(--font-sans); color:var(--text);
  background:var(--surface); border:1px solid var(--line); padding:10px 15px; border-radius:10px}
.pager a:hover{border-color:var(--flame); color:var(--flame)}

/* ---- Calendário: painel compacto (home) -------------------- */
.cal-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
.cal-head{display:flex; align-items:center; justify-content:space-between; padding:14px 15px 4px}
.cal-head h2{font:700 15px/1 var(--font-sans); margin:0; display:flex; align-items:center; gap:8px}
.cal-head .lk{font:600 12px/1 var(--font-sans); color:var(--flame); text-decoration:none; white-space:nowrap}
.cal-note{color:var(--muted); font-size:11.5px; margin:2px 15px 8px}
.cal-mini-day{font:600 11px/1 var(--font-mono); letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); background:var(--surface2); padding:7px 15px; display:flex; align-items:center; gap:8px}
.cal-mini-day.today{color:var(--flame)}
.cal-row{display:flex; align-items:center; gap:10px; padding:9px 15px; border-top:1px solid var(--line); font-size:13.5px}
.cal-row .h{font-family:var(--font-mono); color:var(--muted); width:42px; flex:none}
.cal-row .fl{flex:none}
.cal-row .ev{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500}
.cal-row .ev .per{font-weight:400; color:var(--muted)}
.cal-row .im{flex:none; letter-spacing:1px; font-size:9px; color:var(--c)}
.cal-full{display:block; text-align:center; padding:12px; border-top:1px solid var(--line);
  font:600 13px/1 var(--font-sans); color:var(--flame); text-decoration:none}

/* ---- Calendário: página cheia ------------------------------ */
.cal-day{margin:20px 0}
.cal-daytitle{font:700 15px/1 var(--font-sans); margin:0 0 8px; padding-bottom:7px;
  border-bottom:2px solid var(--line); display:flex; align-items:center; gap:8px}
.cal-daytitle.today{color:var(--flame); border-bottom-color:var(--flame)}
.tag-hoje{font:600 10px/1 var(--font-mono); text-transform:uppercase; letter-spacing:.06em;
  color:#fff; background:var(--flame); padding:3px 7px; border-radius:20px}
.cal-scroll{overflow-x:auto}
table.cal{width:100%; border-collapse:collapse; background:var(--surface); border:1px solid var(--line);
  border-radius:12px; overflow:hidden; font-size:14px; min-width:560px}
table.cal th{text-align:left; font:600 10.5px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted); background:var(--surface2); padding:9px 11px; border-bottom:1px solid var(--line)}
table.cal th:nth-child(4){text-align:center}          /* Imp. */
table.cal th:nth-child(n+5){text-align:right}         /* Atual / Prev. / Ant. — alinham com os números */
table.cal td{padding:10px 11px; border-bottom:1px solid var(--line); vertical-align:middle}
table.cal td.c-imp{text-align:center}
table.cal tr:last-child td{border-bottom:none}
.imp-s3{background:var(--flame-soft)}
.c-hora{font-family:var(--font-mono); color:var(--muted); white-space:nowrap}
.cur{font:600 12px/1 var(--font-mono); color:var(--muted)}
.c-ev{font-weight:600}
.stars{color:var(--c); letter-spacing:1px; font-size:11px}
.c-num{font-family:var(--font-mono); text-align:right; color:var(--muted); white-space:nowrap}
.c-num.has{color:var(--text); font-weight:600}
.subtitle{color:var(--muted); font-size:13px; margin:14px 0 2px}

/* ---- Footer ------------------------------------------------ */
.foot{margin-top:40px; background:var(--charcoal); border-top:1px solid #24242e}
.foot-in{padding:26px 20px 20px; display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap}
.foot .logo{height:22px; width:auto; display:block; flex:none}
.foot-brand{display:flex; flex-direction:row; align-items:center; gap:20px; max-width:520px}
.foot-tag{margin:0; color:#9a968e; font-size:12.5px; line-height:1.5}
.foot-contact{display:flex; flex-direction:column; align-items:flex-start; gap:4px}
.foot-h{font:600 10px/1 var(--font-mono); letter-spacing:.18em; text-transform:uppercase; color:#66625a; margin-bottom:2px}
.foot-contact a{color:#9a968e; text-decoration:none; font-size:13px}
.foot-contact a:hover{color:var(--flame)}
.foot-right{display:flex; align-items:flex-start; gap:32px}
.foot-social{display:flex; flex-direction:column; align-items:flex-start; gap:4px}
.foot-social-icons{display:flex; align-items:center; gap:14px}
.foot-social a{color:#9a968e; display:inline-flex; transition:color .15s}
.foot-social a:hover{color:var(--flame)}
.foot-social svg{width:20px; height:20px; display:block}
.foot-nav{padding:18px 20px 30px; display:flex; justify-content:center; gap:8px 18px; flex-wrap:wrap}
.foot-nav a{color:var(--muted); text-decoration:none; font-size:12.5px; font-weight:500}
.foot-nav a:hover{color:var(--flame)}
.foot-legal{padding:24px 20px 24px; border-top:1px solid #1f1f27; display:flex; justify-content:center; gap:8px 18px; flex-wrap:wrap; text-align:center; color:#857f76; font-size:11.5px}

/* ---- Desktop: duas colunas + esconde abas/âncora ----------- */
@media (min-width:920px){
  .tabs{display:none}
  .home{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
  .article-layout.has-rail{display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:24px; align-items:start}   /* notícia ampla + sidebar 350 fixa, encostada na borda direita (ícone de busca) */
  .article-layout.has-rail .article-rail{display:block; position:sticky; top:112px; margin-top:18px}
  .ad--article_box{display:none}   /* no desktop usa a lateral 300×600 */
  .col-cal .ad--rail{position:sticky; top:112px}   /* acompanha o scroll, abaixo da agenda */
  .home[data-view] .col-news, .home[data-view] .col-cal{display:block !important}
  .ev-newsrow{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}
  .ev-rail .ad--rail{position:sticky; top:112px; margin-top:0}   /* publicidade acompanha o scroll */
}
/* ---- Mobile: alterna via abas ------------------------------ */
@media (max-width:919px){
  /* Header: ☰ à esquerda, logo centralizado, lupa à direita */
  .topbar-in{justify-content:center}
  .brand{margin-right:0}
  .menu-toggle{display:flex; position:absolute; left:10px; top:50%; transform:translateY(-50%)}
  .search-toggle{position:absolute; right:14px; top:50%; transform:translateY(-50%)}
  /* Menu vira painel suspenso abaixo da barra (fixed: o .topbar tem overflow:hidden) */
  .topnav{display:none; position:fixed; top:61px; left:0; right:0; z-index:45;
    flex-direction:column; align-items:stretch; gap:2px; padding:8px 12px 14px;
    background:var(--charcoal); border-bottom:1px solid #24242e; box-shadow:0 14px 28px rgba(0,0,0,.45)}
  .topnav.is-open{display:flex}
  .topnav a{padding:14px 12px; font-size:15px}
  .home[data-view="news"] .col-cal{display:none}
  .home[data-view="cal"] .col-news{display:none}
  .ad--rail{display:none}
  .ad--leaderboard{display:none}   /* 728×90 só no desktop; mobile usa o leaderboard_m 320×100 */
  .ad--leaderboard_m{display:flex}   /* topo 320×100 no mobile/tablet */
  .foot-in{flex-direction:column; align-items:flex-start; gap:11px; padding:22px 20px 26px}
  body{padding-bottom:62px}
}
@media (max-width:519px){ .pulse-upd{display:none} }
/* ---- Mobile: logo do header centralizado + rodapé centralizado ---- */
@media (max-width:600px){
  .foot-in{align-items:center; text-align:center}
  .foot-brand{justify-content:center; max-width:none}
  .foot-tag{text-align:center}
  .foot-right{justify-content:center; gap:24px}
  .foot-social{align-items:center}
  .foot-contact{align-items:center}
  .foot-legal{justify-content:center; text-align:center}
  .foot-nav{justify-content:center}
}


/* ============================================================
   LANDING — Copy AniquilaBR (/copy-aniquilabr)
   Estética "terminal / tape". Sempre dark (casa com topbar/footer
   que já são charcoal). Escopo .lp-* + tokens locais.
   ============================================================ */
.lp-page{
  --ink:#0b0b10; --panel:#14141c; --panel2:#1a1a24; --line:#282833; --line2:#34343f;
  --text:#efebe2; --dim:#a7a39a; --faint:#6d6960;
  --flame:#ff5e3a; --flame2:#ff7a4d; --flame-press:#f2492a;
  --gain:#40d492; --loss:#ef5065;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  max-width:1080px; margin:0 auto; color:var(--text);
}
.lp-page ::selection{background:var(--flame); color:#12080a}
.lp-page .fl{color:var(--flame)}
.lp-eyebrow{display:inline-flex; align-items:center; gap:8px; font:600 11px/1.4 var(--mono);
  letter-spacing:.18em; text-transform:uppercase; color:var(--flame)}
.lp-live{width:7px; height:7px; border-radius:50%; background:var(--flame); flex:none;
  box-shadow:0 0 0 0 rgba(255,94,58,.6); animation:beat 1.8s infinite}
.lp-h2{font:700 clamp(24px,4.4vw,34px)/1.1 var(--sans); letter-spacing:-.8px; margin:0 0 22px}
.lp-sec{margin:56px 0}

/* ---- Tape ---- */
.lp-tape{margin:16px 0 0; border:1px solid var(--line); border-radius:10px; background:var(--panel);
  overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lp-tape__track{display:flex; width:max-content; animation:lp-marquee 34s linear infinite}
.lp-tape__grp{display:flex; flex:none}
.lp-tape .tk{display:inline-flex; align-items:center; gap:7px; padding:11px 20px; white-space:nowrap;
  font:500 12px/1 var(--mono); letter-spacing:.04em; color:var(--dim); border-right:1px solid var(--line)}
.lp-tape .tk b{color:var(--text); font-weight:600}
.lp-tape .tk .up{color:var(--gain); font-style:normal}
@keyframes lp-marquee{to{transform:translateX(-50%)}}

/* ---- Hero ---- */
.lp-hero{display:grid; grid-template-columns:1fr; gap:30px; align-items:center; margin:34px 0 8px}
.lp-h1{font:700 clamp(34px,7vw,62px)/1.02 var(--sans); letter-spacing:-2px; margin:16px 0 18px}
.lp-lede{font-size:17px; line-height:1.55; color:var(--dim); margin:0 0 26px; max-width:46ch}
.lp-lede b{color:var(--text); font-weight:600}
.lp-cta-row{display:flex; flex-wrap:wrap; gap:11px}
.lp-trust{list-style:none; display:flex; flex-wrap:nowrap; gap:16px; margin:22px 0 0; padding:0}
.lp-trust li{font:500 11.5px/1 var(--mono); color:var(--faint); display:inline-flex; align-items:center; gap:6px; white-space:nowrap}
.lp-trust li::before{content:"✓"; color:var(--gain); font-weight:700}
@media (max-width:620px){ .lp-trust{flex-wrap:wrap; gap:8px 16px} }

/* Botões */
.lp-btn{display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
  background:var(--flame); color:#12080a; font:700 15px/1 var(--sans); letter-spacing:.1px;
  padding:15px 22px; border-radius:11px; box-shadow:0 10px 30px -12px rgba(255,94,58,.7);
  transition:background .15s, transform .1s, box-shadow .15s}
.lp-btn:hover{background:var(--flame2); box-shadow:0 14px 34px -10px rgba(255,94,58,.85)}
.lp-btn:active{transform:translateY(1px)}
.lp-btn--ghost{background:transparent; color:var(--text); border:1px solid var(--line2); box-shadow:none}
.lp-btn--ghost:hover{background:var(--panel2); border-color:var(--flame); color:var(--flame); box-shadow:none}
.lp-btn--sm{font-size:13.5px; padding:11px 16px; border-radius:9px; margin-top:14px}
.lp-btn--big{font-size:16px; padding:17px 30px}

/* ---- Calendário (signature) ---- */
.lp-cal{margin:0; background:var(--panel); border:1px solid var(--line); border-radius:16px;
  padding:16px; box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.lp-cal__cap{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:2px 4px 12px}
.lp-cal__cap>span:first-child{font:600 12px/1 var(--sans); letter-spacing:.02em; color:var(--text)}
.lp-cal__mono{font:500 10.5px/1.3 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--faint)}
.lp-cal__grid{display:grid; grid-template-columns:repeat(7,1fr); gap:5px}
.lp-cal__wd{font:600 10px/1 var(--mono); color:var(--faint); text-align:center; padding:0 0 4px}
.lp-cal__c{aspect-ratio:1/1; border-radius:7px; background:var(--panel2); border:1px solid var(--line);
  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;
  padding:5px 6px; overflow:hidden; min-width:0}
.lp-cal__c b{font:600 10px/1 var(--mono); color:var(--faint); font-weight:600}
.lp-cal__c i{font:600 11px/1 var(--mono); font-style:normal; align-self:flex-end; letter-spacing:-.3px}
.lp-cal__c.out{background:transparent; border-color:transparent}
.lp-cal__c.out b{color:#3a3742}
.lp-cal__c.flat{background:var(--panel2)}
.lp-cal__c.g1{background:rgba(64,212,146,.10); border-color:rgba(64,212,146,.16)}
.lp-cal__c.g2{background:rgba(64,212,146,.20); border-color:rgba(64,212,146,.28)}
.lp-cal__c.g3{background:rgba(64,212,146,.34); border-color:rgba(64,212,146,.5)}
.lp-cal__c.g1 i,.lp-cal__c.g2 i,.lp-cal__c.g3 i{color:var(--gain)}
.lp-cal__c.l1{background:rgba(239,80,101,.10); border-color:rgba(239,80,101,.16)}
.lp-cal__c.l2{background:rgba(239,80,101,.20); border-color:rgba(239,80,101,.30)}
.lp-cal__c.l3{background:rgba(239,80,101,.34); border-color:rgba(239,80,101,.5)}
.lp-cal__c.l1 i,.lp-cal__c.l2 i,.lp-cal__c.l3 i{color:var(--loss)}
.lp-cal__c.g3 b,.lp-cal__c.l3 b{color:var(--text)}
.lp-cal__legend{display:flex; align-items:center; gap:16px; margin:14px 4px 2px; flex-wrap:wrap}
.lp-cal__legend span{font:500 11px/1 var(--mono); color:var(--dim); display:inline-flex; align-items:center; gap:7px}
.lp-cal__legend .sw{width:11px; height:11px; border-radius:3px; display:inline-block}
.lp-cal__legend .sw.g2{background:rgba(64,212,146,.5)}
.lp-cal__legend .sw.l2{background:rgba(239,80,101,.5)}
.lp-cal__legend .lp-cal__mono{margin-left:auto}

/* ---- Calendário em camadas: heatmap ao fundo + PnL à frente ---- */
.lp-cal--layered{position:relative; overflow:hidden; padding:0}
.lp-cal--layered .lp-cal__bg{position:absolute; inset:0; padding:0; opacity:1; pointer-events:none}
.lp-cal--layered .lp-cal__bg .lp-cal__grid{height:100%; grid-auto-rows:1fr; gap:4px}
/* TODA célula é preenchida (estilo "contribuições do GitHub"): nada de buraco escuro.
   Base sutil para dias vazios; ganhos/perdas pintam por cima. */
.lp-cal--layered .lp-cal__bg .lp-cal__c{aspect-ratio:auto; border-radius:0;
  background:rgba(255,255,255,.045); border:0}
.lp-cal--layered .lp-cal__bg .lp-cal__c.flat,
.lp-cal--layered .lp-cal__bg .lp-cal__c.out{background:rgba(255,255,255,.045)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.g1{background:rgba(64,212,146,.28)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.g2{background:rgba(64,212,146,.48)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.g3{background:rgba(64,212,146,.66)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.l1{background:rgba(239,80,101,.28)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.l2{background:rgba(239,80,101,.48)}
.lp-cal--layered .lp-cal__bg .lp-cal__c.l3{background:rgba(239,80,101,.66)}
.lp-cal--layered .lp-cal__fg{position:relative; z-index:1; padding:22px}
.lp-cal--layered .lp-cal__fg::before{content:""; position:absolute; inset:0; z-index:-1;
  background:rgba(10,10,15,.46)}   /* véu uniforme: heatmap atrás do quadrado inteiro, por igual */
.lp-cal--layered .lp-cal__cap>span:first-child,
.lp-cal--layered .lp-pnl__m,.lp-cal--layered .lp-pnl__v,.lp-cal--layered .lp-pnl__acc{text-shadow:0 1px 10px rgba(0,0,0,.7)}

/* PnL mês a mês (barras horizontais) */
.lp-pnl{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:14px}
.lp-pnl li{display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:13px}
.lp-pnl__m{font:600 14px/1 var(--mono); color:var(--text)}
.lp-pnl__m i{font-style:normal; color:var(--faint); font-size:11px}
.lp-pnl__track{height:26px; background:rgba(9,9,14,.72); border:1px solid var(--line); border-radius:8px; overflow:hidden}
.lp-pnl__bar{display:block; height:100%; border-radius:7px;
  animation:lp-grow .9s cubic-bezier(.2,.7,.2,1) both}
.lp-pnl__bar.up{background:linear-gradient(90deg, rgba(64,212,146,.35), var(--gain))}
.lp-pnl__bar.down{background:linear-gradient(90deg, var(--loss), rgba(239,80,101,.35))}
@keyframes lp-grow{from{transform:scaleX(0); transform-origin:left} to{transform:scaleX(1)}}
.lp-pnl__v{font:700 20px/1 var(--mono); letter-spacing:-.5px; min-width:84px; text-align:right}
.lp-pnl__v.up{color:var(--gain)} .lp-pnl__v.down{color:var(--loss)}
.lp-pnl__foot{display:flex; align-items:center; justify-content:space-between;
  margin-top:20px; padding-top:16px; border-top:1px solid var(--line)}
.lp-pnl__acc{font:700 28px/1 var(--mono); letter-spacing:-1px}
.lp-pnl__acc.up{color:var(--gain)} .lp-pnl__acc.down{color:var(--loss)}

/* Gráfico de barras verticais do PnL (à frente do calendário ilustrativo) */
.lp-bars{display:flex; align-items:flex-end; justify-content:center; gap:40px; margin:22px 0 4px; padding:0 6px}
.lp-bar{display:flex; flex-direction:column; align-items:center; flex:0 1 120px}
.lp-bar__plot{height:172px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end}
.lp-bar__v{font:700 20px/1 var(--mono); letter-spacing:-.6px; margin-bottom:10px; text-shadow:0 1px 10px rgba(0,0,0,.75)}
.lp-bar__v.up{color:var(--gain)} .lp-bar__v.down{color:var(--loss)}
.lp-bar__fill{width:74px; border-radius:11px 11px 0 0; transform-origin:bottom;
  animation:lp-rise .9s cubic-bezier(.2,.7,.2,1) both}
.lp-bar__fill.up{background:linear-gradient(180deg, var(--gain), rgba(64,212,146,.32)); box-shadow:0 0 26px -6px rgba(64,212,146,.55)}
.lp-bar__fill.down{background:linear-gradient(180deg, var(--loss), rgba(239,80,101,.32)); box-shadow:0 0 26px -6px rgba(239,80,101,.55)}
.lp-bar__m{margin-top:12px; font:600 13px/1 var(--mono); color:var(--text); text-shadow:0 1px 8px rgba(0,0,0,.6)}
.lp-bar__m i{font-style:normal; color:var(--faint)}
@keyframes lp-rise{from{transform:scaleY(0)} to{transform:scaleY(1)}}

/* GRÁFICO DE LINHA (curva de PnL) — card próprio, sem calendário ao fundo */
.lp-cal--chart{padding:26px 28px 16px; display:flex; flex-direction:column}
.lp-chart__top{display:flex; flex-direction:column; gap:3px}
.lp-chart__head{font:600 14px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--dim)}
.lp-chart__big{font:700 52px/1 var(--mono); letter-spacing:-2.5px; text-shadow:0 2px 16px rgba(0,0,0,.6)}
.lp-chart__big.up{color:var(--gain)} .lp-chart__big.down{color:var(--loss)}
.lp-line__wrap{flex:1; display:flex; align-items:center; min-height:0; margin-top:6px}

.lp-line{width:100%; height:auto; display:block; overflow:visible}
.lp-line__base{stroke:rgba(255,255,255,.14); stroke-width:1; stroke-dasharray:3 4}
.lp-line__sep{stroke:rgba(255,255,255,.14); stroke-width:1; stroke-dasharray:3 5}
.lp-line__area{fill:url(#lpFill)}
.lp-line__stroke{fill:none; stroke:var(--gain); stroke-width:3; stroke-linejoin:round; stroke-linecap:round;
  filter:drop-shadow(0 3px 12px rgba(64,212,146,.55))}
.lp-line__dot{fill:var(--gain); stroke:#0b0b10; stroke-width:2; filter:drop-shadow(0 0 7px rgba(64,212,146,.8))}
.lp-line__tag{fill:var(--gain); font:700 18px/1 var(--mono); text-anchor:middle;
  paint-order:stroke; stroke:#0b0b10; stroke-width:4.5px; stroke-linejoin:round; letter-spacing:-.5px}
.lp-line__tag--end{text-anchor:end}
.lp-line__xlbl{fill:var(--dim); font:600 15px/1 var(--mono); text-anchor:middle; letter-spacing:.02em}
.lp-line__xlbl--end{text-anchor:end}
.lp-line__yr{fill:var(--faint)}

@media (prefers-reduced-motion: no-preference){
  .lp-line__stroke{stroke-dasharray:1; stroke-dashoffset:1; animation:lp-draw 1.5s ease .25s forwards}
  .lp-line__area{opacity:0; animation:lp-fade .9s ease .95s forwards}
  .lp-line__dot,.lp-line__tag{opacity:0; animation:lp-fade .5s ease 1.4s forwards}
}
@keyframes lp-draw{to{stroke-dashoffset:0}}
@keyframes lp-fade{to{opacity:1}}

/* ---- Stat band ---- */
.lp-band{display:grid; grid-template-columns:repeat(6,1fr); gap:1px; margin:34px 0;
  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden}
.lp-band__item{background:var(--panel); padding:20px 16px; display:flex; flex-direction:column; gap:6px}
.lp-band__item .k{font:600 10px/1.3 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--faint)}
.lp-band__item .v{font:600 30px/1 var(--mono); letter-spacing:-1px; color:var(--text); font-feature-settings:"tnum" 1}
.lp-band__item .v.up{color:var(--gain)} .lp-band__item .v.down{color:var(--loss)}
.lp-band__item .s{font:400 11.5px/1.35 var(--sans); color:var(--dim)}

/* ---- Honestidade ---- */
.lp-honest{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.lp-honest__card{position:relative; background:var(--panel); border:1px solid var(--line);
  border-radius:16px; padding:24px 22px}
.lp-honest__card:nth-child(1){border-top:2px solid var(--gain)}
.lp-honest__card:nth-child(2){border-top:2px solid var(--loss)}
.lp-tag{font:600 9.5px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--faint);
  border:1px solid var(--line2); padding:5px 8px; border-radius:20px}
.lp-honest__big{font:600 46px/1 var(--mono); letter-spacing:-2px; color:var(--gain); margin:16px 0 12px}
.lp-honest__big.down{color:var(--loss)}
.lp-honest__txt{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0}
.lp-honest__txt b{color:var(--text); font-weight:600}

/* ---- Sobre ---- */
.lp-about{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:26px}
.lp-about__head{display:flex; gap:15px; align-items:flex-start}
.lp-flag{font-size:30px; line-height:1; flex:none}
.lp-about__name{font:700 22px/1.1 var(--sans); letter-spacing:-.5px; margin:8px 0 8px}
.lp-about__id{font:600 12px/1 var(--mono); color:var(--faint); vertical-align:middle; margin-left:4px}
.lp-about__desc{font-size:15px; line-height:1.55; color:var(--dim); margin:0}
.lp-facts{list-style:none; margin:22px 0 0; padding:20px 0 0; border-top:1px solid var(--line);
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.lp-facts li{display:flex; flex-direction:column; gap:5px}
.lp-facts li span{font:600 10px/1.2 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.lp-facts li b{font:600 15px/1.2 var(--mono); color:var(--text)}

/* ---- Passos ---- */
.lp-steps{list-style:none; margin:0; padding:0}
.lp-step{display:flex; gap:20px; padding-bottom:30px; position:relative}
.lp-step::before{content:""; position:absolute; left:23px; top:46px; bottom:-2px; width:1px;
  background:linear-gradient(var(--line2),var(--line) 60%,transparent)}
.lp-step:last-child::before{display:none}
.lp-step__n{flex:none; width:47px; height:47px; border-radius:12px; background:var(--panel);
  border:1px solid var(--line2); color:var(--flame); display:flex; align-items:center; justify-content:center;
  font:600 15px/1 var(--mono); letter-spacing:-.5px; position:relative; z-index:1}
.lp-step--done .lp-step__n{background:var(--flame); border-color:var(--flame); color:#12080a; font-size:20px}
.lp-step__body{flex:1; min-width:0; padding-top:5px}
.lp-step__t{font:700 18px/1.3 var(--sans); letter-spacing:-.3px; margin:0 0 7px}
.lp-step__d{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0}
.lp-step__d b{color:var(--text); font-weight:600}
.lp-step__d code{font:600 13px/1 var(--mono); background:var(--panel2); border:1px solid var(--line2);
  padding:2px 7px; border-radius:5px; color:var(--flame)}
.lp-step__img{display:block; width:100%; max-width:320px; margin:14px 0 0; border-radius:12px; border:1px solid var(--line)}
.lp-badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:13px}
.lp-badge{font:500 12px/1.2 var(--mono); color:var(--dim); background:var(--panel2);
  border:1px solid var(--line); padding:8px 12px; border-radius:9px}
.lp-badge b{color:var(--flame); font-weight:600; margin-left:4px}

/* ---- CTA final ---- */
.lp-final{position:relative; overflow:hidden; text-align:center; margin:60px 0 24px;
  background:radial-gradient(120% 140% at 50% -20%, rgba(255,94,58,.18), transparent 60%), var(--panel);
  border:1px solid var(--line2); border-radius:20px; padding:48px 26px}
.lp-final__t{font:700 clamp(30px,5vw,44px)/1.05 var(--sans); letter-spacing:-1.2px; margin:16px 0 12px}
.lp-final__p{font-size:15.5px; line-height:1.55; color:var(--dim); margin:0 auto 26px; max-width:48ch}

/* ---- Disclaimer ---- */
.lp-disclaimer{font-size:12px; line-height:1.65; color:var(--faint); margin:0 0 12px; padding:18px 20px;
  background:var(--panel); border:1px solid var(--line); border-radius:12px}
.lp-disclaimer b{color:var(--dim)}

/* ---- Desktop ---- */
@media (min-width:860px){
  .lp-hero{grid-template-columns:1.05fr .95fr; gap:44px}
  .lp-cal{padding:20px}
  .lp-cal__c b{font-size:11px} .lp-cal__c i{font-size:12px}
}
/* ---- Mobile ---- */
@media (max-width:859px){
  .lp-hero__copy{order:1} .lp-cal{order:2}
  .lp-band{grid-template-columns:repeat(2,1fr)}
  .lp-honest{grid-template-columns:1fr}
  .lp-facts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .lp-h1{letter-spacing:-1.2px}
  .lp-cta-row .lp-btn{flex:1}
  .lp-cal__c{padding:4px}
  .lp-cal__c i{font-size:9.5px}
  .lp-band{grid-template-columns:1fr 1fr}
  .lp-step{gap:14px}
}
@media (prefers-reduced-motion: reduce){ .lp-tape__track{animation:none} }

/* ============================================================
   VITRINE COPY TRADING (/copy-trading) — escopo .cp-* dentro de .lp-page
   ============================================================ */
.lp-crumb{margin:18px 0 0}
.cp-hero{display:grid; grid-template-columns:1fr; gap:30px; align-items:center; margin:30px 0 8px}
.cp-flow{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:24px 24px 6px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cp-flow__head{font:600 13px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--dim)}
.cp-flow__list{list-style:none; margin:20px 0 0; padding:0}
.cp-flow__list li{display:flex; gap:14px; padding:0 0 24px; position:relative}
.cp-flow__list li::before{content:""; position:absolute; left:17px; top:40px; bottom:4px; width:1px;
  background:linear-gradient(var(--line2), transparent)}
.cp-flow__list li:last-child::before{display:none}
.cp-flow__list b{flex:none; width:35px; height:35px; border-radius:10px; border:1px solid var(--line2);
  background:var(--panel2); color:var(--flame); display:flex; align-items:center; justify-content:center; font:600 14px/1 var(--mono)}
.cp-flow__list strong{display:block; font:700 16px/1.3 var(--sans); color:var(--text); margin:6px 0 4px}
.cp-flow__list span{font-size:14px; line-height:1.5; color:var(--dim)}
.cp-flow__cta{display:flex; width:max-content; margin-top:12px; text-decoration:none; background:var(--flame); color:#12080a;
  font:700 13.5px/1 var(--sans); padding:11px 15px; border-radius:9px; box-shadow:0 10px 26px -12px rgba(255,94,58,.7); transition:background .15s}
.cp-flow__cta:hover{background:var(--flame2)}

.cp-grid{display:grid; grid-template-columns:1fr; gap:16px}
.cp-card{display:flex; flex-direction:column; gap:18px; text-decoration:none; color:var(--text);
  background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:24px;
  transition:border-color .15s, transform .15s, box-shadow .15s}
a.cp-card:hover{border-color:rgba(64,212,146,.45); transform:translateY(-2px); box-shadow:0 24px 50px -30px rgba(64,212,146,.4)}
.cp-card__top{display:flex; align-items:center; gap:12px}
.cp-card__flag{font-size:28px; line-height:1; flex:none}
.cp-card__flag--icon{width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center;
  background:var(--panel2); border:1px solid var(--line2); color:var(--flame)}
.cp-card__flag--icon svg{width:12px; height:21px; display:block}
.cp-card__name{font:700 21px/1.15 var(--sans); letter-spacing:-.4px; margin:0 0 5px}
.cp-card__meta{font:500 12px/1 var(--mono); color:var(--faint); letter-spacing:.04em}
.cp-badge{margin-left:auto; flex:none; display:inline-flex; align-items:center; gap:7px; font:600 10.5px/1 var(--mono);
  letter-spacing:.12em; text-transform:uppercase; color:var(--dim); border:1px solid var(--line2); padding:6px 9px; border-radius:20px}
.cp-card__perf{display:flex; align-items:flex-end; justify-content:space-between; gap:16px}
.cp-card__k{display:block; font:600 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:9px}
.cp-card__acc{font:700 46px/1 var(--mono); letter-spacing:-2px}
.cp-card__acc.up{color:var(--gain)} .cp-card__acc.down{color:var(--loss)}
.cp-spark{flex:1; max-width:230px; min-width:0; height:auto; overflow:visible}
.cp-spark__line{fill:none; stroke:var(--gain); stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round;
  filter:drop-shadow(0 2px 8px rgba(64,212,146,.5))}
.cp-spark__dot{fill:var(--gain); stroke:#0b0b10; stroke-width:2}
.cp-card__months{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.cp-card__months li{font:600 12px/1 var(--mono); color:var(--dim); background:var(--panel2); border:1px solid var(--line);
  padding:8px 11px; border-radius:9px}
.cp-card__months b{margin-left:7px; font-weight:700}
.cp-card__months b.up{color:var(--gain)} .cp-card__months b.down{color:var(--loss)}
.cp-card__stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0; padding:16px 0 0; border-top:1px solid var(--line)}
.cp-card__stats dt{font:600 10px/1.2 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.cp-card__stats dd{margin:6px 0 0; font:600 16px/1 var(--mono); color:var(--text)}
.cp-card__desc{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0}
.cp-card__cta{margin-top:auto; display:inline-flex; align-items:center; justify-content:center; background:var(--flame);
  color:#12080a; font:700 14.5px/1 var(--sans); padding:14px 18px; border-radius:11px; box-shadow:0 10px 30px -12px rgba(255,94,58,.7);
  transition:background .15s}
a.cp-card:hover .cp-card__cta{background:var(--flame2)}
a.cp-card:focus-visible{outline:2px solid var(--flame); outline-offset:3px}
.cp-card--soon{border-style:dashed; background:transparent; justify-content:center; gap:10px; min-height:240px}
.cp-soon__tag{align-self:flex-start; font:600 10.5px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  color:var(--flame); border:1px solid rgba(255,94,58,.45); padding:6px 9px; border-radius:20px}
.cp-card--soon h3{font:700 20px/1.2 var(--sans); letter-spacing:-.3px; margin:4px 0 0}
.cp-card--soon p{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0; max-width:36ch}

.cp-faq{display:flex; flex-direction:column; gap:10px}
.cp-faq details{background:var(--panel); border:1px solid var(--line); border-radius:13px; padding:0 20px}
.cp-faq summary{cursor:pointer; list-style:none; padding:18px 0; font:600 16px/1.4 var(--sans); color:var(--text);
  display:flex; justify-content:space-between; align-items:center; gap:16px}
.cp-faq summary::-webkit-details-marker{display:none}
.cp-faq summary::after{content:"+"; flex:none; font:600 22px/1 var(--mono); color:var(--flame); transition:transform .2s}
.cp-faq details[open] summary::after{transform:rotate(45deg)}
.cp-faq summary:focus-visible{outline:2px solid var(--flame); outline-offset:2px; border-radius:6px}
.cp-faq p{margin:0 0 18px; font-size:15px; line-height:1.6; color:var(--dim); max-width:70ch}

@media (min-width:860px){
  .cp-hero{grid-template-columns:1.1fr .9fr; gap:48px}
  .cp-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .cp-card{padding:20px}
  .cp-card__acc{font-size:38px}
  .cp-card__perf{flex-direction:column; align-items:stretch}
  .cp-spark{max-width:none}
}

/* ---- Acessibilidade --------------------------------------- */
a:focus-visible, button:focus-visible, .chip:focus-visible{outline:2px solid var(--flame); outline-offset:2px; border-radius:6px}
@media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important} }

/* ============================================================
   LANDING HAMMER (/copy-trading/hammer) — escopo .hm-* dentro de .lp-page
   Assinatura: gráfico com alternância Conta real / Backtest (rádios, sem JS)
   e o drawdown máximo sombreado. Real = verde sólido; simulação = cinza tracejado.
   ============================================================ */
.hm-sr{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none}
.hm-chart{position:relative; display:flex; flex-direction:column}
.hm-seg{display:flex; gap:3px; padding:3px; margin:0 0 18px; align-self:flex-start;
  background:var(--ink); border:1px solid var(--line); border-radius:11px}
.hm-seg label{cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font:600 11.5px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--faint);
  padding:10px 14px; border-radius:8px; transition:color .15s, background .15s}
.hm-seg label:hover{color:var(--text)}
#hm-v-real:checked ~ .hm-seg label[for="hm-v-real"],
#hm-v-bt:checked ~ .hm-seg label[for="hm-v-bt"]{background:var(--panel2); color:var(--text); box-shadow:inset 0 0 0 1px var(--line2)}
#hm-v-real:focus-visible ~ .hm-seg label[for="hm-v-real"],
#hm-v-bt:focus-visible ~ .hm-seg label[for="hm-v-bt"]{outline:2px solid var(--flame); outline-offset:1px}
.hm-dot{width:8px; height:8px; border-radius:50%; flex:none}
.hm-dot--real{background:var(--gain); box-shadow:0 0 8px rgba(64,212,146,.7)}
.hm-dot--bt{border:1.5px dashed var(--dim)}
.hm-view{display:none}
#hm-v-real:checked ~ .hm-view--real, #hm-v-bt:checked ~ .hm-view--bt{display:block}
.hm-head{display:flex; flex-direction:column; gap:14px}
.hm-head .lp-chart__head{display:block; font-size:12px; margin-bottom:6px}
.lp-chart__big.hm-big--bt{color:var(--dim)}
.hm-kv{display:flex; gap:26px; margin:0; padding-top:12px; border-top:1px solid var(--line)}
.hm-kv dt{font:600 10px/1.2 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.hm-kv dd{margin:6px 0 0; font:600 17px/1 var(--mono); color:var(--text); white-space:nowrap}
.hm-kv dd.down{color:var(--loss)}
.hm-plot{position:relative; margin-top:12px}
.hm-stamp{position:absolute; top:20%; left:30%; transform:translate(-50%,-50%) rotate(-7deg); pointer-events:none;
  font:700 12px/1 var(--mono); letter-spacing:.32em; text-transform:uppercase; color:var(--dim);
  border:1.5px solid rgba(167,163,154,.45); border-radius:6px; padding:8px 8px 8px 12px; background:rgba(11,11,16,.6)}
.hm-line .lp-line__stroke{stroke-width:2.6}
.hm-stroke--bt{fill:none; stroke:var(--dim); stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:.007 .005}
.hm-end--bt{fill:var(--dim); stroke:#0b0b10; stroke-width:2}
.hm-dd{fill:rgba(239,80,101,.13)}
.hm-dd__edge{stroke:var(--loss); stroke-width:1.2; stroke-dasharray:4 4; opacity:.85}
.hm-dd__dot{fill:var(--panel); stroke:var(--loss); stroke-width:2}
.hm-dd__lbl{fill:var(--loss); font:700 14px/1 var(--mono); letter-spacing:-.3px;
  paint-order:stroke; stroke:var(--panel); stroke-width:4px; stroke-linejoin:round}
.hm-zero{fill:var(--faint); font:600 11px/1 var(--mono)}
.hm-endtag{fill:var(--dim); font:600 12px/1 var(--mono); text-anchor:end}
.hm-x{font-size:13px}
.hm-cap{font:400 12px/1.5 var(--sans); color:var(--faint); margin:8px 2px 0}
.hm-cap b{color:var(--text); font-weight:600}
@media (prefers-reduced-motion: no-preference){
  .hm-area{opacity:0; animation:lp-fade .9s ease .9s forwards}
  .hm-dd,.hm-dd__edge,.hm-dd__dot,.hm-dd__lbl,.hm-endtag{opacity:0; animation:lp-fade .5s ease 1.3s forwards}
  .hm-view--bt .hm-line{animation:lp-fade .5s ease both}
  .hm-view--bt .hm-area,.hm-view--bt .hm-dd,.hm-view--bt .hm-dd__edge,.hm-view--bt .hm-dd__dot,.hm-view--bt .hm-dd__lbl{animation-delay:.2s}
}
.lp-tape .tk .dn{color:var(--loss); font-style:normal}

.hm-intro{font-size:16px; line-height:1.6; color:var(--dim); max-width:64ch; margin:-8px 0 22px}
.hm-intro b{color:var(--text); font-weight:600}
.hm-method{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.hm-method__card{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:22px}
.hm-method__card h3{font:700 20px/1.2 var(--sans); letter-spacing:-.4px; margin:16px 0 8px}
.hm-method__card p{font-size:14.5px; line-height:1.55; color:var(--dim); margin:0}

.lp-honest.hm-honest{grid-template-columns:repeat(3,1fr)}
.hm-honest .lp-honest__big{margin-top:4px}
.hm .lp-band{grid-template-columns:repeat(5,1fr)}
.hm-honest .lp-honest__card:nth-child(1){border-top-color:var(--loss)}
.hm-honest .lp-honest__card:nth-child(2){border-top:2px solid #f5a524}
.hm-honest .lp-honest__card:nth-child(3){border-top:2px dashed var(--dim)}
.lp-honest__big.hm-warn{color:#f5a524}
.lp-honest__big.hm-v--bt,.lp-band__item .v.hm-v--bt{color:var(--dim)}

.hm-avatar{flex:none; width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:var(--panel2); border:1px solid var(--line2); color:var(--flame)}
.hm-glyph{width:16px; height:28px; display:block}
.hm-glyph--xs{width:8px; height:14px; color:var(--flame)}
.hm-stores{display:flex; flex-wrap:wrap; gap:10px}

@media (max-width:859px){
  .hm-method,.lp-honest.hm-honest{grid-template-columns:1fr}
  .hm .lp-band{grid-template-columns:repeat(2,1fr)}
  .hm .lp-band__item:last-child{grid-column:1 / -1}
}
@media (max-width:480px){
  .hm-seg{align-self:stretch} .hm-seg label{flex:1}
  .hm-kv{gap:14px; justify-content:space-between} .hm-kv dd{font-size:14px}
  .hm .lp-chart__big{font-size:44px}
}