/* Shared reading language for guides, tools and institutional pages. */
.guia-hub .guia-topo,.guia-hub .guia-rodape{background:radial-gradient(120% 80% at 50% -10%,#2a1656 0%,rgba(42,22,86,0) 55%),radial-gradient(90% 60% at 100% 0%,rgba(139,61,255,.25) 0%,rgba(139,61,255,0) 45%),#120a26;color:#fff;border-color:#332346}
.guia-hub .guia-topo a,.guia-hub .guia-rodape a{color:#fff}
.guia-hub .guia-topo nav a[aria-current]{border-color:#b58aff}
.guia-hub .guia-abrir{color:#fff;border-color:#8c70b4}
.guia-hub .guia-topo a:focus-visible,.guia-hub .guia-rodape a:focus-visible{outline-color:#d4baff}
.guia-hub{--bg:#fafaf8;--card:#fff;--borda:#dedee5;--texto:#19191e;--suave:#62636e;--acento:#6932c4;--sobre-acento:#fff;color:var(--texto);background:var(--bg);font-family:Inter,system-ui,sans-serif;line-height:1.65}
.guia-hub .guia-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:52px;align-items:center;padding:40px 0}
.guia-hub .guia-hero>div{display:block}
.guia-hub .guia-hero h1{margin-bottom:22px}
.guia-hero-imagem{margin:0;aspect-ratio:1.4;overflow:hidden;border-radius:8px}
.guia-hero-imagem img{width:100%;height:100%;object-fit:cover;display:block}
.guia-hub .editorial-titulo{padding:46px 0 38px;border-bottom:1px solid var(--borda)}
.guia-hub .editorial-titulo h1{max-width:950px;font-size:clamp(42px,5vw,68px);line-height:1.05;text-wrap:balance;margin:12px 0 20px}
.guia-hub .editorial-resumo{max-width:780px;font-size:18px;line-height:1.7;margin:0 0 22px}
.editorial-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(210px,1fr);gap:70px;padding:38px 0 64px;align-items:start}
.editorial-corpo{min-width:0;font-size:16px;line-height:1.85}
.guia-hub .editorial-corpo p,.guia-hub .editorial-corpo li{color:#41414d}
.guia-hub .editorial-corpo>p:first-child{margin-top:0;font-size:18px;color:var(--texto)}
.guia-hub .editorial-corpo h2{font-size:34px;margin:40px 0 16px;scroll-margin-top:24px}
.guia-hub .editorial-corpo h3{font-size:26px;margin:26px 0 12px}
.guia-hub .editorial-corpo b,.guia-hub .editorial-corpo strong{color:var(--texto)}
.guia-hub .editorial-corpo a{color:var(--acento);text-decoration:underline;text-underline-offset:4px}
.editorial-corpo li{margin-bottom:10px}
.editorial-corpo .cartao{border:1px solid var(--borda);border-radius:8px;background:#fff;padding:22px}
.editorial-corpo .cartao>p{margin:0}
.editorial-corpo table{font-size:14px;min-width:420px}
.editorial-corpo th{color:var(--texto);font-weight:600;background:#f5f2fa}
.editorial-corpo th,.editorial-corpo td{padding:14px 12px}
.editorial-corpo .grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.editorial-corpo .grade li{margin:0}
.guia-hub .editorial-corpo .grade a{height:100%;border:1px solid var(--borda);background:transparent;border-radius:6px;padding:18px;text-decoration:none;font-weight:600}
.editorial-corpo .grade a:hover{border-color:var(--acento)}
.editorial-corpo .grade a span{font-weight:400;margin-top:8px}
.editorial-corpo .acao{background:#f1edf8;border:0;border-radius:8px;padding:26px;margin:36px 0}
.guia-hub .editorial-corpo .botao{background:var(--acento);color:#fff;text-decoration:none;border:0;border-radius:6px;min-height:48px;font:600 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer;padding:12px 20px;margin-top:12px}
.editorial-corpo input,.editorial-corpo textarea{accent-color:var(--acento)}
.editorial-corpo textarea{resize:vertical;min-height:150px}
.editorial-corpo label{display:inline-block;font-weight:500;margin:8px 0}
.editorial-lateral{position:sticky;top:24px;font-size:13px;border-left:1px solid var(--borda);padding-left:28px}
.editorial-lateral nav>p{font-weight:600;color:var(--texto);margin-top:0}
.editorial-lateral ol{padding:0;list-style:none;margin:0}
.editorial-lateral li{margin:0}
.editorial-lateral a{display:block;min-height:44px;padding:10px 0;line-height:1.5}
.editorial-lateral a:hover{color:var(--acento)}
.guia-hub .editorial-proximo h2{font-size:23px;margin:26px 0 12px}
.editorial-proximo{border-top:1px solid var(--borda);margin-top:24px}
@media(max-width:900px){.editorial-layout{gap:34px;grid-template-columns:minmax(0,1fr) 210px}.guia-hub .guia-hero{gap:28px}}
@media(max-width:700px){.guia-hub .guia-hero{display:block;padding:30px 0}.guia-hero-imagem{margin-top:26px;aspect-ratio:1.9}.guia-hub .editorial-titulo{padding:30px 0}.guia-hub .editorial-resumo{font-size:16px}.editorial-layout{display:flex;flex-direction:column;gap:28px;padding-top:28px}.editorial-corpo{width:100%}.editorial-lateral{position:static;width:100%;border-left:0;border-top:1px solid var(--borda);padding:24px 0 0}.editorial-corpo .grade{grid-template-columns:1fr}.guia-hub .editorial-corpo h2{font-size:30px}.editorial-corpo .cartao{padding:16px}.guia-topo nav{overflow-x:auto;white-space:nowrap}.guia-hub .guia-hero .guia-intro{margin-top:0}}

/* Em resumo: a resposta curta no topo (é o trecho que buscador e IA citam). */
.editorial-corpo .resumo{border:1px solid var(--borda);border-left:4px solid var(--acento);border-radius:8px;background:#fff;padding:20px 22px;margin:0 0 32px}
.guia-hub .editorial-corpo .resumo h2{font-size:22px;margin:0 0 12px}
.editorial-corpo .resumo dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 24px;margin:0}
.editorial-corpo .resumo dt{font-size:13px;font-weight:600;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}
.editorial-corpo .resumo dd{margin:2px 0 0;font-size:17px;font-weight:600;color:var(--texto);line-height:1.4}
/* Perguntas frequentes: sanfona nativa, aberta ou fechada o texto está no HTML. */
.editorial-corpo .perguntas{border-top:1px solid var(--borda)}
.editorial-corpo details{border-bottom:1px solid var(--borda)}
.editorial-corpo summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;font-weight:600;color:var(--texto)}
.editorial-corpo summary::-webkit-details-marker{display:none}
.editorial-corpo summary::after{content:'';flex-shrink:0;width:10px;height:10px;border-right:2px solid var(--acento);border-bottom:2px solid var(--acento);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}
.editorial-corpo details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.editorial-corpo details p{margin:0 0 18px}
/* Calculadora em cima da tabela "Quantos jogos tem". */
.editorial-corpo .calculadora{background:#f1edf8;border-radius:8px;padding:18px 20px;margin:16px 0}
.editorial-corpo .calculadora-rotulo{margin:0 0 10px;font-weight:600;color:var(--texto)}
.editorial-corpo .calculadora-opcoes{display:flex;flex-wrap:wrap;gap:8px}
.editorial-corpo .calculadora-opcoes button{min-width:48px;min-height:44px;padding:0 14px;border:1px solid #cdbfe6;border-radius:999px;background:#fff;color:var(--texto);font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.editorial-corpo .calculadora-opcoes button[aria-pressed="true"]{background:var(--acento);border-color:var(--acento);color:#fff}
.guia-hub .editorial-corpo .calculadora-saida{margin:14px 0 0;font-size:17px;font-weight:600;color:var(--texto)}
.editorial-corpo tr.ativa td{background:#f5f0fc;font-weight:600}
.editorial-lateral a[aria-current]{color:var(--acento);font-weight:600}
@media(max-width:700px){.editorial-corpo .resumo{padding:16px}.editorial-corpo .resumo dd{font-size:16px}}

/* Rodapé sempre no fundo da tela, mesmo em página curta. */
body.guia-hub{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.guia-hub>.guia-topo,body.guia-hub>.guia-rodape{flex-shrink:0}
body.guia-hub>main{flex:1 0 auto}

/* CTA para o app dentro do texto (ferramentas): mesmo roxo do cabeçalho, botão branco. */
.editorial-corpo .cta-app{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:22px 24px;border-radius:10px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,rgba(139,61,255,.45) 0%,rgba(139,61,255,0) 55%),#120a26}
.guia-hub .editorial-corpo .cta-app p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.6}
.guia-hub .editorial-corpo .cta-app .cta-app-kicker{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#d4baff}
.guia-hub .editorial-corpo .cta-app .cta-app-titulo{margin:0 0 6px;font:800 28px/1.1 'Barlow Condensed',sans-serif;color:#fff}
.guia-hub .editorial-corpo .cta-app-botao{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:6px;background:#fff;color:#120a26;font:700 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none}
@media(max-width:700px){.editorial-corpo .cta-app{flex-direction:column;align-items:flex-start}.guia-hub .editorial-corpo .cta-app-botao{width:100%}}
@media print{.editorial-corpo .cta-app{display:none}}

/* Card de ação do fim da página: mesmo desenho do CTA para o app (roxo do cabeçalho, botão branco). */
.guia-hub .editorial-corpo .acao{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin:36px 0;padding:24px 26px;border:0;border-radius:10px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,rgba(139,61,255,.45) 0%,rgba(139,61,255,0) 55%),#120a26}
.guia-hub .editorial-corpo .acao .acao-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.guia-hub .editorial-corpo .acao strong{display:block;font:800 28px/1.1 'Barlow Condensed',sans-serif;color:#fff}
.guia-hub .editorial-corpo .acao span{display:block;font-size:15px;line-height:1.6;color:rgba(255,255,255,.82)}
.guia-hub .editorial-corpo .acao .botao{flex-shrink:0;align-self:center;margin:0;background:#fff;color:#120a26;font-weight:700;font-size:15px;text-align:center}
@media(max-width:700px){.guia-hub .editorial-corpo .acao{flex-direction:column;align-items:flex-start;padding:22px}.guia-hub .editorial-corpo .acao .botao{align-self:stretch}}
@media print{.guia-hub .editorial-corpo .acao{display:none}}

/* Em resumo com LISTA (hub do esporte): a linha inteira, e cada item como etiqueta. */
.editorial-corpo .resumo .resumo-lista{grid-column:1/-1}
.editorial-corpo .resumo-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}
.editorial-corpo .resumo-chips li{margin:0}
.editorial-corpo .resumo-chips li,.guia-hub .editorial-corpo .resumo-chips a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--borda);border-radius:999px;background:#faf9fc;font-size:15px;font-weight:600;color:var(--texto);text-decoration:none}
.editorial-corpo .resumo-chips li:has(a){padding:0;border:0;background:none}
.guia-hub .editorial-corpo .resumo-chips a{border-color:#cdbfe6;color:var(--acento)}
.guia-hub .editorial-corpo .resumo-chips a:hover{background:var(--acento);border-color:var(--acento);color:#fff}