/* Páginas por plataforma (/hub-data/, /crowtado/ ...). Carrega DEPOIS de site.css e só
   acrescenta classes novas — landings e home não usam este arquivo. */
.crumbs{ font-family:var(--font-mono); font-size:12px; color:var(--ink-faint); padding-top:22px; }
.crumbs ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.crumbs li+li::before{ content:"›"; margin-right:6px; }
.crumbs a{ color:var(--ink-soft); text-decoration:none; }
.crumbs a:hover{ color:var(--ink); text-decoration:underline; }

.p-hero{ padding:26px 0 36px; }
.p-hero h1{ margin-top:14px; font-size:clamp(34px,5.5vw,54px); max-width:20ch; text-transform:uppercase; }
.p-hero .lede{ margin-top:16px; font-size:17px; color:var(--ink-soft); max-width:58ch; }
.updated{ margin-top:14px; font-family:var(--font-mono); font-size:12px; color:var(--ink-faint); }

.facts{ margin-top:26px; display:grid; grid-template-columns:repeat(4,1fr); background:var(--surface); border:1px solid var(--line); border-radius:8px; }
.facts > div{ padding:16px 18px; border-left:1px solid var(--line); }
.facts > div:first-child{ border-left:none; }
.facts dt{ font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-faint); }
.facts dd{ margin:6px 0 0; font-family:var(--font-display); font-weight:800; font-size:26px; line-height:1; }
.facts dd small{ display:block; margin-top:6px; font-family:var(--font-body); font-weight:500; font-size:12.5px; color:var(--ink-soft); line-height:1.35; }
@media (max-width:720px){
  .facts{ grid-template-columns:1fr 1fr; }
  .facts > div:nth-child(3){ border-left:none; }
  .facts > div:nth-child(n+3){ border-top:1px solid var(--line); }
}

.p-sec{ padding:44px 0 4px; }
.p-sec h2{ font-size:clamp(26px,3.6vw,36px); text-transform:uppercase; max-width:24ch; margin-top:10px; }
.p-sec .intro{ margin-top:12px; color:var(--ink-soft); max-width:62ch; }
.prose{ max-width:66ch; }
.prose p{ margin-top:14px; }
.prose p:first-child{ margin-top:16px; }
.src{ font-family:var(--font-mono); font-size:11.5px; color:var(--ink-faint); }
.src a{ color:var(--verify); }

.verdict{ margin-top:22px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:640px){ .verdict{ grid-template-columns:1fr; } }
.verdict > div{ background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:20px 20px 18px; }
.verdict h3{ font-size:20px; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.verdict h3 .mk{ width:9px; height:9px; border-radius:50%; background:var(--verify); }
.verdict .cons h3 .mk{ background:var(--rec); }
.verdict ul{ margin:12px 0 0; padding-left:18px; font-size:14.5px; }
.verdict li{ margin-top:7px; }

.tbl-wrap{ margin-top:22px; overflow-x:auto; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
.tbl{ width:100%; border-collapse:collapse; font-size:14px; min-width:520px; }
.tbl th, .tbl td{ text-align:left; padding:12px 16px; border-top:1px solid var(--line); vertical-align:top; }
.tbl thead th{ border-top:none; font-family:var(--font-mono); font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-faint); }
.tbl td.num{ font-variant-numeric:tabular-nums; white-space:nowrap; font-weight:600; }
.tbl td.num span{ display:block; font-weight:400; font-size:12.5px; color:var(--ink-soft); }
.note-box{ margin-top:14px; font-size:13.5px; color:var(--ink-soft); max-width:66ch; }

.cta-inline{ margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; background:var(--nav); color:var(--nav-ink); border-radius:8px; padding:20px 22px; }
.cta-inline p{ flex:1 1 280px; font-size:14.5px; color:#c3cfd3; }
.cta-inline p b{ color:var(--nav-ink); }

.steps{ margin:20px 0 0; padding:0; list-style:none; counter-reset:passo; display:grid; gap:10px; max-width:70ch; }
.steps li{ counter-increment:passo; display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start; background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:14px 16px; font-size:15px; }
.steps li::before{ content:counter(passo); font-family:var(--font-display); font-weight:800; font-size:22px; line-height:1; color:var(--rec); padding-top:2px; }

.req{ margin-top:20px; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media (max-width:640px){ .req{ grid-template-columns:1fr; } }
.req > div{ background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:16px 18px; font-size:14.5px; }
.req h3{ font-family:var(--font-mono); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-faint); line-height:1.3; }
.req p{ margin-top:6px; }

.proof{ margin-top:22px; display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:22px; align-items:start; max-width:760px; }
@media (max-width:560px){ .proof{ grid-template-columns:1fr; } .proof figure{ max-width:260px; } }
.proof figure{ margin:0; background:var(--surface); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.proof img{ display:block; width:100%; height:auto; }
.proof figcaption{ padding:12px 14px; font-size:13px; color:var(--ink-soft); }
.proof ul{ margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.proof li{ background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:12px 14px; font-size:14px; }
.proof li b{ font-family:var(--font-display); font-size:22px; font-weight:800; display:block; line-height:1.05; }

.faq{ margin-top:18px; max-width:72ch; }
.faq details{ background:var(--surface); border:1px solid var(--line); border-radius:8px; margin-top:10px; }
.faq summary{ cursor:pointer; list-style:none; padding:16px 18px; font-weight:600; display:flex; justify-content:space-between; gap:14px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:var(--font-mono); color:var(--ink-faint); }
.faq details[open] summary::after{ content:"–"; }
.faq details p{ padding:0 18px 16px; color:var(--ink-soft); font-size:15px; }
.faq summary:focus-visible, .cmp-card a:focus-visible, .btn-primary:focus-visible, .btn-ghost:focus-visible{ outline:2px solid var(--rec); outline-offset:2px; }

.cmp{ margin-top:20px; display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.cmp-card{ background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:18px; display:flex; flex-direction:column; gap:8px; }
.cmp-card .top{ display:flex; align-items:center; gap:10px; }
.cmp-card img{ width:34px; height:34px; border-radius:6px; object-fit:contain; background:#fff; border:1px solid var(--line); }
.cmp-card h3{ font-size:20px; text-transform:uppercase; }
.cmp-card p{ font-size:13.5px; color:var(--ink-soft); flex:1; }
.cmp-card .rate{ font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--ink); }
.cmp-card .row{ display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin-top:4px; }
.cmp-card .row .btn-outline{ padding:9px 14px; font-size:13px; }
.cmp-card .more{ font-family:var(--font-mono); font-size:12px; color:var(--verify); font-weight:600; text-decoration:none; }
.cmp-card .more:hover{ text-decoration:underline; }

.community{ margin-top:44px; background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:22px; display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; }
.community p{ flex:1 1 280px; color:var(--ink-soft); font-size:14.5px; }
.community p b{ color:var(--ink); }

.sticky-cta{ display:none; }
@media (max-width:640px){
  .sticky-cta{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:20; background:var(--nav); padding:10px 14px calc(10px + env(safe-area-inset-bottom)); gap:12px; align-items:center; }
  .sticky-cta span{ flex:1; color:#c3cfd3; font-family:var(--font-mono); font-size:11.5px; line-height:1.3; }
  .sticky-cta .btn-primary{ padding:11px 16px; font-size:13.5px; }
  body.has-sticky footer{ padding-bottom:96px; }
}

/* Seletor "1 das 6": o site é um agregador, então toda página de plataforma mostra as seis no topo. */
.switch{ padding:18px 0 0; }
.switch .container{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.switch-lbl{ font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-faint); flex:1 0 100%; }
.switch-lbl b{ color:var(--ink); font-weight:600; }
.switch ul{ list-style:none; margin:0; padding:0 0 2px; display:flex; gap:8px; overflow-x:auto; flex:1 1 auto; scrollbar-width:thin; }
.switch li{ flex:0 0 auto; }
.switch ul a{ display:flex; align-items:center; gap:7px; padding:7px 12px 7px 8px; background:var(--surface); border:1px solid var(--line); border-radius:999px; font-size:13.5px; font-weight:600; text-decoration:none; color:var(--ink-soft); white-space:nowrap; }
.switch ul a:hover{ border-color:var(--ink-faint); color:var(--ink); }
.switch ul a[aria-current="page"]{ background:var(--nav); border-color:var(--nav); color:var(--nav-ink); }
.switch ul img{ width:22px; height:22px; border-radius:50%; object-fit:contain; background:#fff; }
.switch-all{ font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--verify); text-decoration:none; white-space:nowrap; }
.switch-all:hover{ text-decoration:underline; }
.switch ul a:focus-visible, .switch-all:focus-visible{ outline:2px solid var(--rec); outline-offset:2px; }

.proof.wide{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); max-width:none; }
@media (max-width:720px){ .proof.wide{ grid-template-columns:1fr; } .proof.wide figure{ max-width:none; } }

.foot-plats{ margin-top:12px; display:flex; flex-wrap:wrap; gap:6px 16px; font-family:var(--font-mono); font-size:12px; }
.foot-plats a{ color:var(--ink-faint); text-decoration:none; }
.foot-plats a:hover{ color:var(--ink); }