.sidebar .banners ul {
  display: flex;
  flex-flow: column;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.sidebar .banners img {
  max-width: 100%;
  width: 100%;
}

.home-title {
  padding-bottom: 5px;
}

.article-info {
  display: flex;
  gap: 1rem;
  border-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

.post-cover {
  margin-top: 20px;
}

/* aparência básica inspirada no Primer */
.paginate-container {
  margin: 1rem 0;
}
.pagination {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 14px;
}
.pagination a,
.pagination em,
.pagination .previous_page,
.pagination .next_page,
.pagination .gap {
  padding: 0.3rem 0.6rem;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  text-decoration: none;
  color: #24292f;
  background: #fff;
}
.pagination em[aria-current="page"] {
  background: #0969da;
  color: #fff;
  border-color: #0969da;
  font-style: normal;
  font-weight: 600;
}
.pagination .gap {
  border-color: transparent;
  background: transparent;
}
.pagination .previous_page[aria-disabled="true"],
.pagination .next_page[aria-disabled="true"] {
  color: #8c959f;
  background: #f6f8fa;
  cursor: not-allowed;
}
.pagination a:hover {
  background: #f6f8fa;
}

.p-categoria {
  padding: 0.4rem !important;
}

/* responsive 5-columns layout using flex/grid-compatible widths */
.row.g-4 > .col-5th {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .row.g-4 > .col-5th {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .row.g-4 > .col-5th {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .row.g-4 > .col-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
/* ensure proper box sizing inside cards */
.row.g-4 > .col-5th .card {
  height: 100%;
  box-sizing: border-box;
}