/* Ranking do circuito 2026 (bloco da home) -- ver inc/ranking-circuito.php */
.home-circuito { background: var(--surface, #f6f6f4); }
.home-circuito .wrap { max-width: var(--wide, 1240px); } /* mesma largura do "Como foi a etapa" (2026-09-30) */
.home-circuito__lede { margin: .5rem 0 1.25rem; color: var(--ink-soft, #4d4d4d); line-height: 1.5; }

.home-circuito__pdf { display: inline-flex; }

.home-circuito__lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border, #e5e5e0); }
/* linha simples, sem cartão (pedido do usuário 2026-09-30) */
.home-circuito__item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .7rem .1rem;
  border-bottom: 1px solid var(--border, #e5e5e0);
}
.home-circuito__pos {
  flex-shrink: 0;
  width: 2.2rem;
  font-weight: 800;
  color: var(--red, #e30613);
  font-variant-numeric: tabular-nums;
}
.home-circuito__meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.home-circuito__nome { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-circuito__etapas { font-size: .78rem; color: var(--ink-mute, #767676); font-variant-numeric: tabular-nums; }
.home-circuito__total { flex-shrink: 0; font-weight: 800; font-variant-numeric: tabular-nums; }

/* crédito da cronometragem: discreto, mas sempre visível */
.home-circuito__credito { margin: 1.75rem 0 0; font-size: .8rem; line-height: 1.6; color: var(--ink-mute, #767676); }
.home-circuito__credito a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.home-circuito__credito a:hover { color: var(--ink, #1a1a1a); }
.home-circuito__vazio { margin: .5rem 0 0; font-size: .9rem; }
.home-circuito__mais {
  margin-top: .6rem;
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid var(--ink, #1a1a1a);
  background: transparent;
  color: var(--ink, #1a1a1a);
  font: inherit;
  font-weight: 800;
  font-size: .9rem;
  cursor: pointer;
}
.home-circuito__mais:hover { background: var(--ink, #1a1a1a); color: var(--white, #fff); }
.home-circuito__mais[hidden] { display: none; }

/* abas de modalidade e gênero (versão final 2026-09-30) */
.home-circuito__mods { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .25rem; scrollbar-width: none; }
.home-circuito__mods::-webkit-scrollbar { display: none; }
.home-circuito__generos { display: flex; gap: .5rem; margin: .75rem 0 1rem; }
.home-circuito__mod,
.home-circuito__genero {
  flex-shrink: 0;
  min-height: 44px;
  padding: 0 1rem;
  border-radius: 22px;
  border: 1px solid var(--border, #e5e5e0);
  background: var(--white, #fff);
  color: var(--ink, #1a1a1a);
  font: inherit;
  font-weight: 700;
  font-size: .9rem;
  cursor: pointer;
}
.home-circuito__mod.is-ativo,
.home-circuito__genero.is-ativo { background: var(--black, #0a0a0a); border-color: var(--black, #0a0a0a); color: var(--white, #fff); }
@media (min-width: 760px) { .home-circuito__mods { flex-wrap: wrap; overflow: visible; } }

/* Newsletter logo depois do circuito (fundo claro): a .newsletter nasce sem
   padding em cima pra emendar com a faixa preta anterior; aqui precisa de
   respiro (pedido do usuário 2026-09-30: "dá mais espaço nesses blocos"). */
.home-circuito + .newsletter { padding-top: var(--space-lg, 4rem); }