/* O índice entrega guias imediatamente. A composição dos artigos é preservada. */
.hub-lista { padding-top:32px; }
.hub-cabeca { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px; }
.hub-cabeca h1 { margin:0;font:600 36px/1.1 var(--voz-funcional);letter-spacing:-.035em; }
.hub-cabeca .secao__elo { margin:0;font-size:11px; }
.hub-escolha { display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch; }
.hub-filtro { margin:0;min-width:0; }
.sitio .hub-filtro.prompt { padding:0;border:0;background:none;box-shadow:none; }
.hub-filtro .prompt__campo { min-height:48px;padding:10px 14px;gap:12px;border:1px solid var(--bancada-traco-forte);background:var(--bancada-superficie); }
.hub-filtro .prompt__campo:focus-within { border-color:var(--bancada-assinatura-texto);outline:1px solid var(--bancada-assinatura-texto); }
.hub-filtro .prompt__entrada { font:15px/1.4 var(--voz-funcional);min-width:0; }
.hub-filtro__icone { flex:none;color:var(--bancada-legenda); }
.hub-filtro .prompt__dica { font-size:10px; }
.hub-filtro .prompt__sugestoes { margin-top:12px;gap:8px; }
.hub-filtro .chip { padding:5px 9px;font-size:10px; }
.hub-filtro__estado { margin-top:12px;padding-top:0;border:0;min-height:20px; }
.hub-recado { display:flex;align-items:center;gap:16px;justify-self:stretch;margin:0;padding:16px 20px;max-width:none;transform:none;background:var(--bancada-superficie);border:1px solid var(--bancada-traco);border-left:2px solid var(--bancada-assinatura-texto);box-shadow:none; }
.hub-recado__icone { flex:none;color:var(--bancada-assinatura-texto); }
.hub-recado h2 { margin:0 0 8px;font:500 10px/1.4 var(--voz-sistema);letter-spacing:.06em;text-transform:uppercase;color:var(--bancada-legenda); }
.sitio .hub-recado a { font:500 16px/1.4 var(--voz-funcional);color:var(--bancada-tinta);text-decoration:none; }
.sitio .hub-recado a:hover { color:var(--bancada-assinatura-texto);text-decoration:underline; }
.hub-recado p { margin:6px 0 0;font:11px/1.5 var(--voz-sistema);color:var(--bancada-legenda); }
.hub-guias { margin-top:24px; }
.hub-guia__cena { aspect-ratio:16/9; }
.tut-abertura { background:var(--bancada-campo);border:1px solid var(--bancada-traco);padding:32px; }
.tut-capa h1 { font-weight:600;letter-spacing:-.04em; }
.tut-pagina h1,.tut-pagina h2,.tut-pagina h3 { font-family:var(--voz-funcional); }
.tut-capa h1 em { font-family:inherit;font-style:normal; }
.tut-fluxo { margin:24px 0 48px; }
.tut-fluxo figcaption { font:12px/1.6 var(--voz-sistema);color:var(--bancada-legenda); }
.tut-fluxo .diagrama-fluxo { margin-top:12px; }
@media(max-width:900px) {
  .hub-escolha { grid-template-columns:minmax(0,1fr);gap:16px; }
  .hub-recado { padding:12px 16px; }
  .hub-recado h2 { margin-bottom:4px; }
  .hub-recado p { margin-top:4px; }
}
@media(max-width:680px) {
  .hub-lista { padding-top:24px; }
  .hub-cabeca { gap:12px;margin-bottom:20px; }
  .hub-cabeca h1 { font-size:30px; }
  .hub-cabeca .secao__elo { font-size:10px; }
  .hub-filtro .prompt__campo { flex-wrap:nowrap; }
  .hub-filtro .prompt__dica { display:none; }
  .hub-filtro .prompt__entrada { font-size:14px; }
  .hub-guias { margin-top:20px; }
  .tut-abertura { padding:20px; }
  .tut-fluxo { margin-bottom:32px; }
}