:root {
  color-scheme: light;
  --page:#f9f9f7; --surface:#fcfcfb; --ink:#0b0b0b; --ink2:#52514e; --muted:#898781;
  --grid:#e1e0d9; --axis:#c3c2b7; --ring:rgba(11,11,11,.10); --input:#ffffff; --wash:rgba(11,11,11,.04);
  --a:#2a78d6; --b:#eb6834; --critical:#d03b3b; --good:#006300;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page:#0d0d0d; --surface:#1a1a19; --ink:#f0efec; --ink2:#c3c2b7; --muted:#898781;
    --grid:#2c2c2a; --axis:#383835; --ring:rgba(255,255,255,.10); --input:#232322; --wash:rgba(255,255,255,.05);
    --a:#3987e5; --b:#d95926; --critical:#e66767; --good:#0ca30c;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page:#0d0d0d; --surface:#1a1a19; --ink:#f0efec; --ink2:#c3c2b7; --muted:#898781;
  --grid:#2c2c2a; --axis:#383835; --ring:rgba(255,255,255,.10); --input:#232322; --wash:rgba(255,255,255,.05);
  --a:#3987e5; --b:#d95926; --critical:#e66767; --good:#0ca30c;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--page); color:var(--ink); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--a); }
.wrap { max-width:1080px; margin:0 auto; padding:0 16px; }
.muted { color:var(--ink2); } .small { font-size:13px; }
.pular { position:absolute; left:-9999px; } .pular:focus { left:16px; top:8px; background:var(--ink); color:var(--surface); padding:8px 12px; border-radius:6px; z-index:9; }

/* topo e rodapé */
.topo { border-bottom:1px solid var(--ring); background:var(--surface); position:sticky; top:0; z-index:5; }
.topo-in { display:flex; align-items:center; justify-content:space-between; height:56px; gap:16px; }
.marca { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); text-decoration:none; }
.marca-ico { display:inline-flex; gap:2px; } .marca-ico i { width:9px; height:20px; border-radius:3px; background:var(--a); }
.marca-ico i + i { background:var(--b); }
.topo-links { display:flex; gap:18px; font-size:14px; } .topo-links a { color:var(--ink2); text-decoration:none; }
.topo-links a:hover { color:var(--ink); }
@media (max-width:560px) { .topo-links { display:none; } }
/* idiomas */
.topo-dir { display:flex; align-items:center; gap:18px; }
.idiomas { display:flex; gap:2px; border:1px solid var(--axis); border-radius:999px; padding:2px; }
.idiomas a { font-size:12px; font-weight:700; letter-spacing:.04em; color:var(--ink2); text-decoration:none;
  padding:4px 9px; border-radius:999px; }
.idiomas a:hover { background:var(--wash); color:var(--ink); }
.idiomas a[aria-current="true"] { background:var(--ink); color:var(--surface); }

/* guias */
.abas { border-top:1px solid var(--grid); }
.abas-in { display:flex; align-items:center; gap:4px; overflow-x:auto; scrollbar-width:none; height:46px; }
.abas-in::-webkit-scrollbar { display:none; }
.abas-grupo { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); padding:0 6px 0 14px; white-space:nowrap; }
.abas-grupo:first-child { padding-left:0; }
.abas a { white-space:nowrap; font-size:14px; color:var(--ink2); text-decoration:none; padding:6px 12px; border-radius:999px; }
.abas a:hover { background:var(--wash); color:var(--ink); }
.abas a[aria-current="page"] { background:var(--ink); color:var(--surface); font-weight:600; }
.abas .aba-pro { margin-left:auto; font-weight:600; color:var(--ink); border:1px solid var(--axis); }
@media (max-width:640px) { .abas-grupo { display:none; } .abas .aba-pro { margin-left:0; } }
.rodape { margin-top:56px; border-top:1px solid var(--ring); padding:24px 0 40px; font-size:13px; color:var(--ink2); }
.rodape p { margin:6px 0; }

/* blocos */
.hero { padding:40px 0 8px; }
.hero h1, .placar h1 { font-size:clamp(28px,4.5vw,42px); line-height:1.15; margin:0 0 10px; letter-spacing:-.01em; }
.lead { font-size:18px; color:var(--ink2); margin:0 0 24px; max-width:720px; }
.secao { margin-top:40px; } .secao h2 { font-size:22px; margin:0 0 14px; }
.texto { max-width:760px; } .texto p { margin:0 0 14px; }
.card { background:var(--surface); border:1px solid var(--ring); border-radius:14px; padding:20px; margin-top:20px; }
.card h2 { font-size:18px; margin:0 0 14px; display:flex; align-items:center; gap:8px; }
.card-topo { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.card-topo h2 { margin:0; }
.h3 { font-size:15px; margin:18px 0 8px; }

/* formulário */
.comparar { display:grid; grid-template-columns:1fr auto 1fr auto; gap:12px; align-items:end;
  background:var(--surface); border:1px solid var(--ring); border-radius:14px; padding:18px; }
.campo label { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:600; margin-bottom:6px; }
.campo input { width:100%; font:inherit; padding:12px 14px; border:1px solid var(--axis); border-radius:10px;
  background:var(--input); color:var(--ink); min-height:48px; }
.campo input:focus { outline:2px solid var(--a); outline-offset:1px; border-color:transparent; }
.campo input[aria-invalid="true"] { border-color:var(--critical); }
.campo-erro { display:block; color:var(--critical); font-size:13px; margin-top:6px; }
.pino { display:inline-block; width:10px; height:10px; border-radius:3px; flex:none; }
.pino.a { background:var(--a); } .pino.b { background:var(--b); }
.trocar { width:48px; height:48px; border-radius:50%; border:1px solid var(--axis); background:var(--surface);
  color:var(--ink); font-size:20px; cursor:pointer; }
.trocar:hover { background:var(--wash); }
.botao { font:inherit; font-weight:650; min-height:48px; padding:0 24px; border:0; border-radius:10px;
  background:var(--ink); color:var(--surface); cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.botao:hover { opacity:.9; } .botao[aria-busy="true"] { opacity:.6; cursor:progress; }
.botao.sec { background:transparent; color:var(--ink); border:1px solid var(--axis); min-height:38px; padding:0 14px; font-size:14px; }
.botao.sec:hover { background:var(--wash); }
.acoes { display:flex; gap:8px; flex-wrap:wrap; }
.exemplos { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; font-size:14px; }
.chip { font:inherit; font-size:14px; border:1px solid var(--axis); background:var(--surface); color:var(--ink);
  border-radius:999px; padding:6px 14px; cursor:pointer; }
.chip:hover { background:var(--wash); }
@media (max-width:760px) {
  .comparar { grid-template-columns:1fr; }
  .trocar { justify-self:center; transform:rotate(90deg); width:40px; height:40px; }
  .botao { width:100%; }
}

/* anúncios */
.anuncio { margin:32px 0 0; text-align:center; }
.anuncio-rotulo { display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.anuncio-caixa { min-height:100px; display:flex; align-items:center; justify-content:center; border:1px dashed var(--axis);
  border-radius:10px; color:var(--muted); font-size:13px; background:var(--wash); }
.anuncio ins { min-height:100px; }

/* listas */
.recentes { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.recentes a { display:flex; gap:8px; align-items:center; padding:12px 14px; border:1px solid var(--ring); border-radius:10px;
  background:var(--surface); color:var(--ink); text-decoration:none; font-size:14px; }
.recentes a:hover { background:var(--wash); } .recentes a span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recentes b { color:var(--muted); }
.recentes .quando { margin-left:auto; color:var(--muted); font-size:12px; white-space:nowrap; padding-left:8px; }
.passos { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; counter-reset:p; }
.passos li { background:var(--surface); border:1px solid var(--ring); border-radius:12px; padding:16px; counter-increment:p; }
.passos li::before { content:counter(p); display:inline-flex; width:28px; height:28px; border-radius:50%; background:var(--ink);
  color:var(--surface); align-items:center; justify-content:center; font-weight:700; font-size:14px; margin-bottom:8px; }
.passos b, .passos span { display:block; } .passos span { color:var(--ink2); font-size:14px; }
.faq details { border-bottom:1px solid var(--grid); padding:12px 0; }
.faq summary { cursor:pointer; font-weight:600; } .faq p { margin:8px 0 0; color:var(--ink2); }

/* comparação */
.migalhas { font-size:13px; color:var(--ink2); padding-top:20px; display:flex; gap:6px; flex-wrap:wrap; }
.migalhas a { color:var(--ink2); }
.placar { padding-top:12px; } .vs { color:var(--muted); font-weight:400; }
.duelo { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:16px; align-items:center; }
.duelo .x { font-size:28px; color:var(--muted); }
.perfil { display:flex; gap:14px; align-items:center; background:var(--surface); border:1px solid var(--ring);
  border-radius:14px; padding:16px; border-top:4px solid var(--a); min-width:0; }
.perfil.b { border-top-color:var(--b); }
.perfil img { width:72px; height:72px; border-radius:50%; flex:none; background:var(--grid); overflow:hidden; color:transparent; }
.perfil h2 { font-size:19px; margin:0; } .perfil h2 a { color:var(--ink); text-decoration:none; } .perfil h2 a:hover { text-decoration:underline; }
.perfil p { margin:2px 0 0; }
@media (max-width:760px) {
  .duelo { grid-template-columns:minmax(0,1fr); gap:8px; } .duelo .x { text-align:center; font-size:20px; }
  .perfil { padding:12px; } .perfil img { width:56px; height:56px; }
  .card { padding:16px; } .lead { font-size:16px; }
  .card-topo .acoes { width:100%; } .card-topo .acoes .botao { flex:1; width:auto; }
}
.metrica { padding:14px 0; border-bottom:1px solid var(--grid); }
.metrica h3 { font-size:14px; color:var(--ink2); font-weight:600; margin:0 0 8px; }
.linha { display:grid; grid-template-columns:minmax(120px,220px) 1fr minmax(110px,auto); gap:12px; align-items:center; padding:3px 0; font-size:14px; }
.quem { display:flex; align-items:center; gap:6px; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.selo { font-size:11px; color:var(--good); border:1px solid currentColor; border-radius:999px; padding:0 6px; margin-left:4px; flex:none; }
.trilho { height:14px; }
.barra { display:block; height:100%; border-radius:0 4px 4px 0; min-width:2px; }
.barra.a { background:var(--a); } .barra.b { background:var(--b); }
.val { text-align:right; font-variant-numeric:tabular-nums; }
@media (max-width:640px) { .linha { grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; } .trilho { grid-column:1 / -1; grid-row:2; } }
.resumo { margin:14px 0 0; padding-left:20px; color:var(--ink2); font-size:15px; }
.cols { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
@media (max-width:860px) { .cols { grid-template-columns:minmax(0,1fr); } }
.card, .perfil, .perfil > div, .linha > *, .vids a > span { min-width:0; }
.perfil h2, .perfil p { overflow-wrap:anywhere; }
.hero h1, .placar h1, .lead { overflow-wrap:anywhere; }
.vids { list-style:none; padding:0; margin:0; }
.vids a { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; padding:8px 0; border-bottom:1px solid var(--grid);
  color:var(--ink); text-decoration:none; font-size:14px; }
.vids a:hover .vt { text-decoration:underline; }
.vids img { width:120px; height:68px; object-fit:cover; border-radius:8px; background:var(--grid); }
.vids .vt, .vids .small { display:block; } .vids .vt { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
svg { width:100%; height:auto; display:block; }
svg .grade { stroke:var(--grid); } svg .eixo { fill:var(--muted); font-size:12px; }
/* Plano Radar */
.nav-pro { color:var(--ink) !important; font-weight:600; }
.selo-pro { font-size:12px; font-weight:600; border:1px solid var(--axis); border-radius:999px; padding:2px 10px; color:var(--ink2); white-space:nowrap; }
.radar .card-topo { margin-bottom:4px; } .radar > p { margin:0 0 12px; }
.radar-trava { position:relative; }
.radar-falso { filter:blur(2.5px); pointer-events:none; user-select:none; }
.falso-barra { display:block; height:10px; width:70%; border-radius:5px; background:var(--grid); }
.falso-barra.curta { width:50%; }
.tabela-radar { background:var(--surface); border:1px solid var(--ring); border-radius:14px; overflow:hidden; }
.tabela-radar table { width:100%; border-collapse:collapse; font-size:15px; }
.tabela-radar th { text-align:left; font-size:13px; font-weight:600; color:var(--ink2); background:var(--wash);
  padding:10px 14px; border-bottom:1px solid var(--grid); white-space:nowrap; }
.tabela-radar td { padding:10px 14px; border-bottom:1px solid var(--grid); vertical-align:middle; overflow-wrap:anywhere; }
.tabela-radar tbody tr:last-child td { border-bottom:0; }
.tabela-radar tbody tr:hover { background:var(--wash); }
.tabela-radar .n { text-align:right; font-variant-numeric:tabular-nums; color:var(--muted); width:1%; }
.tabela-radar .col-quando { white-space:nowrap; font-variant-numeric:tabular-nums; }
.tabela-radar .col-acao { text-align:right; width:1%; white-space:nowrap; }
.tipo-tag { font-size:12px; font-weight:600; color:var(--ink2); border:1px solid var(--axis); border-radius:999px; padding:1px 8px; white-space:nowrap; }
.tabela-radar .col-tipo { width:1%; white-space:nowrap; }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (max-width:640px) {
  .tabela-radar .col-num, .tabela-radar .col-longo { display:none; }
  .tabela-radar th, .tabela-radar td { padding:10px 8px; font-size:14px; }
  .tabela-radar .col-quando { font-size:12px; white-space:normal; }
}
.radar-cta { position:absolute; inset:0; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center;
  text-align:center; background:linear-gradient(to bottom, transparent, var(--page) 35%); padding:16px; }
.radar-cta p { margin:0; }
.link-sec { font-size:14px; color:var(--ink2); }
.plano { max-width:560px; }
.preco b { font-size:40px; line-height:1; } .preco span { display:block; color:var(--ink2); font-size:14px; margin-top:4px; }
.beneficios { padding-left:20px; margin:16px 0; } .beneficios li { margin:4px 0; }
.form-pix, .form-codigo { display:grid; gap:12px; max-width:520px; }
.form-codigo { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
@media (max-width:560px) { .form-codigo { grid-template-columns:minmax(0,1fr); } }
.aviso-demo { font-size:13px; background:var(--wash); border:1px dashed var(--axis); border-radius:8px; padding:8px 12px; margin:12px 0 0; }
.card.ok { border-color:var(--good); }
.pix { max-width:520px; text-align:center; }
.qr { width:240px; height:240px; margin:0 auto 12px; display:block; background:#fff; padding:8px; border-radius:12px; }
.copia { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:4px 0 12px; }
.copia input { font:inherit; font-size:13px; padding:8px 10px; border:1px solid var(--axis); border-radius:8px; background:var(--input); color:var(--ink); min-width:0; }
.status { font-weight:600; margin:12px 0 0; }
.codigo { font:600 22px/1.2 ui-monospace,Consolas,monospace; letter-spacing:.04em; background:var(--wash); border:1px solid var(--axis);
  border-radius:10px; padding:12px; user-select:all; overflow-wrap:anywhere; }

/* guias de exploração */
.hero-menor { padding-top:28px; } .hero-menor h1 { font-size:clamp(26px,4vw,36px); }
.form-linha { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; background:var(--surface); border:1px solid var(--ring);
  border-radius:14px; padding:18px; }
.form-linha .campo { flex:1 1 280px; min-width:0; }
.form-linha .campo-sel { flex:0 1 200px; }
.form-linha.filtros .campo-sel { flex:1 1 220px; }
select { width:100%; font:inherit; padding:12px 14px; min-height:48px; border:1px solid var(--axis); border-radius:10px;
  background:var(--input); color:var(--ink); }
select:focus { outline:2px solid var(--a); outline-offset:1px; }
.js .sem-js { display:none; }
.vgrade { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px; }
.vcard { display:flex; flex-direction:column; gap:8px; min-width:0; }
.vthumb { position:relative; display:block; border-radius:12px; overflow:hidden; background:var(--grid); aspect-ratio:16/9; }
.vthumb img { width:100%; height:100%; object-fit:cover; display:block; }
.rank { position:absolute; top:8px; left:8px; background:var(--ink); color:var(--surface); font-weight:700; font-size:13px;
  min-width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:0 6px; }
.dur { position:absolute; right:8px; bottom:8px; background:rgba(0,0,0,.78); color:#fff; font-size:12px; font-weight:600;
  padding:2px 6px; border-radius:6px; }
.vinfo { display:flex; flex-direction:column; gap:2px; min-width:0; }
.vt { color:var(--ink); text-decoration:none; font-weight:600; font-size:15px; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.vt:hover { text-decoration:underline; }
.vacoes { display:flex; gap:12px; font-size:13px; margin-top:4px; } .vacoes a { color:var(--a); text-decoration:none; font-weight:600; }
.vacoes a:hover { text-decoration:underline; }
.cgrade { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; }
.ccard { display:flex; gap:14px; align-items:flex-start; background:var(--surface); border:1px solid var(--ring); border-radius:12px; padding:14px; min-width:0; }
.ccard img { width:72px; height:72px; border-radius:50%; flex:none; }
.duelo:has(.vperfil) { align-items:stretch; } .duelo:has(.vperfil) .x { align-self:center; }
.vperfil { background:var(--surface); border:1px solid var(--ring); border-radius:14px; overflow:hidden; border-top:4px solid var(--a); min-width:0; }
.vperfil.b { border-top-color:var(--b); }
.vperfil img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:var(--grid); }
.vperfil h2 { font-size:16px; margin:12px 14px 2px; line-height:1.35; } .vperfil h2 a { color:var(--ink); text-decoration:none; }
.vperfil p { margin:0 14px 14px; }
.h1-video { font-size:clamp(22px,3.4vw,32px) !important; }
.scroll { overflow-x:auto; }
.tabela-det, .tabela-lista { width:100%; border-collapse:collapse; font-size:14px; }
.tabela-det th, .tabela-det td, .tabela-lista th, .tabela-lista td { padding:10px 12px; border-bottom:1px solid var(--grid); text-align:left; vertical-align:middle; }
.tabela-det thead th, .tabela-lista thead th { font-size:13px; color:var(--ink2); background:var(--wash); white-space:nowrap; }
.tabela-det tbody th { font-weight:600; color:var(--ink2); white-space:nowrap; width:1%; }
.tabela-lista .n { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tabela-lista .tit a { color:var(--ink); font-weight:600; text-decoration:none; } .tabela-lista .tit a:hover { text-decoration:underline; }
.tabela-lista .tit span { display:block; }
.tabela-lista tbody tr:hover { background:var(--wash); }
.pl-topo { display:flex; gap:16px; align-items:flex-start; }
.pl-topo img { width:240px; aspect-ratio:16/9; height:auto; object-fit:cover; border-radius:10px; flex:none; background:var(--grid); }
.pl-topo h2 { margin:0 0 4px; } .pl-topo h2 a { color:var(--ink); text-decoration:none; } .pl-topo p { margin:4px 0; }
@media (max-width:640px) { .pl-topo { flex-direction:column; } .pl-topo img { width:100%; } }
.coments { list-style:none; padding:0; margin:0; }
.coment { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--grid); }
.coment img { width:40px; height:40px; border-radius:50%; flex:none; background:var(--grid); }
.coment p { margin:0 0 4px; } .coment-txt { white-space:normal; overflow-wrap:anywhere; }
.player { position:relative; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:#000; }
.player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.aviso-erro, .aviso-info { margin:20px 0 0; padding:12px 16px; border-radius:10px; font-size:15px; }
.aviso-erro { border:1px solid var(--critical); color:var(--critical); }
.aviso-info { border:1px solid var(--axis); background:var(--wash); color:var(--ink2); }

/* fale conosco */
.form-contato { max-width:720px; display:grid; gap:16px; }
.form-contato fieldset { border:0; padding:0; margin:0; }
.form-contato legend { font-weight:600; font-size:14px; margin-bottom:8px; }
.tipos-contato { display:flex; flex-wrap:wrap; gap:8px; }
.tipo-opcao { cursor:pointer; }
.tipo-opcao input { position:absolute; opacity:0; }
.tipo-opcao span { display:inline-block; padding:10px 14px; border:2px solid var(--ring); border-radius:999px; font-size:14px;
  background:var(--surface); }
.tipo-opcao input:checked + span { border-color:var(--ink); font-weight:600; }
.tipo-opcao input:focus-visible + span { outline:2px solid var(--a); outline-offset:2px; }
.form-contato textarea { width:100%; font:inherit; padding:12px 14px; border:1px solid var(--axis); border-radius:10px;
  background:var(--input); color:var(--ink); resize:vertical; min-height:140px; }
.form-contato textarea:focus { outline:2px solid var(--a); outline-offset:1px; border-color:transparent; }
.form-contato .campo label { font-weight:600; }
.contato-linha { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
@media (max-width:640px) { .contato-linha { grid-template-columns:minmax(0,1fr); } }
.form-contato .botao { justify-self:start; }
.isca { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.rodape-contato { font-size:14px; color:var(--ink); }

/* planos */
.planos { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:8px 0 12px; }
.form-planos fieldset { border:0; padding:0; margin:0; }
.plano-card { position:relative; display:flex; flex-direction:column; gap:4px; background:var(--surface); border:2px solid var(--ring);
  border-radius:14px; padding:18px 16px; cursor:pointer; }
.plano-card:hover { border-color:var(--axis); }
.plano-card:has(input:checked) { border-color:var(--ink); box-shadow:0 0 0 3px var(--wash); }
.plano-card input { position:absolute; top:16px; right:16px; width:18px; height:18px; accent-color:var(--ink); }
.plano-nome { font-weight:700; font-size:18px; }
.plano-preco { font-size:28px; font-weight:750; line-height:1.1; }
.por-analise { font-size:13px; color:var(--ink2); }
.plano-card ul { padding-left:18px; margin:8px 0 0; font-size:14px; } .plano-card li { margin:2px 0; }
.popular { position:absolute; top:-11px; left:14px; background:var(--ink); color:var(--surface); font-size:11px; font-weight:700;
  padding:2px 8px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em; }
.form-planos .form-pix { margin-top:12px; }
.saldo-info { margin:14px 0 0; padding:10px 14px; background:var(--wash); border-radius:10px; font-size:14px; }

/* destaque do carro-chefe */
.abas .aba-destaque { font-weight:700; color:#fff !important; margin-right:10px; padding:7px 16px;
  background:linear-gradient(135deg, #6250d6, #2a78d6); box-shadow:0 2px 8px rgba(98,80,214,.35); }
.abas .aba-destaque:hover { background:linear-gradient(135deg, #5443c4, #2368bd); color:#fff; }
.abas .aba-destaque[aria-current="page"] { background:linear-gradient(135deg, #6250d6, #2a78d6); color:#fff;
  outline:2px solid var(--ink); outline-offset:2px; }
.banner-sentimento { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:28px; align-items:center;
  margin-top:28px; padding:28px; border-radius:18px; color:#fff;
  background:linear-gradient(135deg, #3f2fb0 0%, #6250d6 45%, #2a78d6 100%); box-shadow:0 10px 30px rgba(63,47,176,.25); }
.bs-selo { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  background:rgba(255,255,255,.18); padding:4px 10px; border-radius:999px; }
.banner-sentimento h2 { font-size:clamp(24px,3.4vw,34px); line-height:1.15; margin:12px 0 8px; color:#fff; }
.banner-sentimento p { margin:0 0 18px; color:rgba(255,255,255,.88); font-size:17px; }
.bs-form { display:flex; gap:10px; flex-wrap:wrap; }
.bs-form input { flex:1 1 260px; min-width:0; font:inherit; padding:14px 16px; min-height:52px; border-radius:12px;
  border:0; background:#fff; color:#0b0b0b; }
.bs-form input:focus { outline:3px solid #fab219; outline-offset:2px; }
.bs-botao { font:inherit; font-weight:750; font-size:17px; min-height:52px; padding:0 22px; border:0; border-radius:12px;
  cursor:pointer; background:#fab219; color:#0b0b0b; box-shadow:0 4px 0 #c98500; }
.bs-botao:hover { background:#ffc23d; } .bs-botao:active { transform:translateY(2px); box-shadow:0 2px 0 #c98500; }
.bs-previa { background:rgba(255,255,255,.96); color:#0b0b0b; border-radius:14px; padding:18px; }
.bs-previa-titulo { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#52514e; }
.bs-previa .sent-legenda { margin-bottom:8px; }
.bs-itens { list-style:none; padding:0; margin:0; font-size:14px; display:grid; gap:6px; }
@media (max-width:760px) { .banner-sentimento { grid-template-columns:minmax(0,1fr); padding:20px; } .bs-previa { display:none; }
  .bs-botao { width:100%; } }
.destaque-sentimento { display:flex; gap:14px; align-items:center; margin-top:24px; padding:16px 18px; border-radius:14px;
  text-decoration:none; color:var(--ink); background:var(--surface); border:1px solid var(--ring); border-left:4px solid #0ca30c; }
.destaque-sentimento:hover { background:var(--wash); }
.destaque-sentimento .ds-ico { font-size:26px; } .destaque-sentimento b { display:block; }
.destaque-sentimento .ds-seta { margin-left:auto; font-size:20px; color:var(--ink2); }
.vitrine-itens { list-style:none; padding:0; margin:0 0 14px; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.vitrine-itens li { background:var(--surface); border:1px solid var(--ring); border-radius:12px; padding:16px; }
.vitrine-itens b, .vitrine-itens span { display:block; } .vitrine-itens span { color:var(--ink2); font-size:14px; margin-top:4px; }
.sentimento { border-color:var(--axis); box-shadow:0 1px 0 var(--ring); }

/* análise de sentimento */
.sentimento h2 { gap:10px; }
.sentimento .status { color:var(--ink2); }
.sent-barra { display:flex; height:16px; border-radius:8px; overflow:hidden; gap:2px; background:var(--grid); margin:6px 0 10px; }
.sent-barra span { display:block; height:100%; }
.sent-barra .pos, .sent-legenda .pos { background:#0ca30c; }
.sent-barra .neu, .sent-legenda .neu { background:var(--axis); }
.sent-barra .neg, .sent-legenda .neg { background:#d03b3b; }
.sent-legenda { list-style:none; display:flex; flex-wrap:wrap; gap:6px 20px; padding:0; margin:0 0 14px; font-size:14px; }
.sent-legenda i { display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
.sent-resumo { font-size:16px; margin:0 0 6px; }
.sent-cols ul { padding-left:20px; margin:0; } .sent-cols li { margin:4px 0; }
.sent-lista { list-style:none; padding:0; color:var(--grid); }
.dest { margin:8px 0; padding:10px 14px; border-left:4px solid var(--axis); background:var(--wash); border-radius:0 8px 8px 0; }
.dest.positivo { border-left-color:#0ca30c; } .dest.negativo { border-left-color:#d03b3b; }
.sentimento .radar-trava { min-height:180px; }
.bloqueado-dono p { margin:0 0 12px; }

.aviso-copiado { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:var(--ink); color:var(--surface);
  padding:10px 16px; border-radius:8px; font-size:14px; z-index:10; }