/* Indice de clusters do blog + paginacao visivel.
   !important porque o bootstrap do tema e impresso fora da fila do WP
   e vence na ordem de origem -- mesmo motivo do resto do CSS do blog. */

.nm-blog-indice {
  visibility: hidden;              /* o JS move e revela, evitando flash no rodape */
  max-width: 46rem !important;
  margin: 0 auto 2rem !important;
  padding: 1.25rem 1.25rem 1rem !important;
  background: #f6f8f9 !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8ea !important;
}

.nm-blog-indice__tit {
  margin: 0 0 .85rem !important;
  font-size: .78rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #6b7c83 !important;
  font-weight: 700 !important;
}

.nm-blog-indice__lista {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.nm-blog-indice__lista li { margin: 0 !important; }

.nm-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .5rem .85rem !important;
  background: #fff !important;
  border: 1px solid #d5dde0 !important;
  border-radius: 999px !important;
  color: #22333a !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.nm-pill span {
  display: inline-block !important;
  min-width: 1.3rem !important;
  padding: .1rem .35rem !important;
  background: #eef2f3 !important;
  border-radius: 999px !important;
  color: #6b7c83 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.nm-pill:hover {
  border-color: #2f6f7e !important;
  color: #2f6f7e !important;
}

.nm-pill--on {
  background: #2f6f7e !important;
  border-color: #2f6f7e !important;
  color: #fff !important;
}

.nm-pill--on span {
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

/* ---- paginacao do tema: existia mas passava despercebida ---- */

body.blog .navigation.pagination,
body.archive .navigation.pagination,
body.blog .nav-links,
body.archive .nav-links {
  max-width: 46rem !important;
  margin: 2.5rem auto 3rem !important;
  padding: 1.25rem 1.25rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  border-top: 1px solid #e2e8ea !important;
  float: none !important;
  width: auto !important;
}

body.blog .page-numbers,
body.archive .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.4rem !important;
  height: 2.4rem !important;
  padding: 0 .7rem !important;
  background: #fff !important;
  border: 1px solid #d5dde0 !important;
  border-radius: 6px !important;
  color: #22333a !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.blog .page-numbers:hover,
body.archive .page-numbers:hover {
  border-color: #2f6f7e !important;
  color: #2f6f7e !important;
}

body.blog .page-numbers.current,
body.archive .page-numbers.current {
  background: #2f6f7e !important;
  border-color: #2f6f7e !important;
  color: #fff !important;
}

body.blog .page-numbers.dots,
body.archive .page-numbers.dots {
  border-color: transparent !important;
  background: transparent !important;
}

@media (max-width: 600px) {
  .nm-blog-indice { padding: 1rem .9rem !important; margin-bottom: 1.5rem !important; }
  .nm-pill { font-size: .86rem !important; padding: .45rem .7rem !important; }
  body.blog .navigation.pagination,
  body.archive .navigation.pagination { padding: 1rem .5rem !important; }
}