.wc-category {
  background-color: var(--Grey-300);
  padding-bottom: 83px;
}

.banner-categoria--desk img {
  width: 100%;
}

.banner-categoria--mob {
  display: none;
}

.container-categoria {
  max-width: 1280px;
  margin: 62px auto 0 auto;
  padding: 0 40px;
}

.filtros-e-contagem {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.filtros-categoria {
  display: flex;
  gap: 32px;
  align-items: center;
}

.filtros-e-contagem--title {
  margin: 0;
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
}

.filtros-categoria .postform {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.18679 7.20738L12.1827 2.21151C12.2759 2.11839 12.3498 2.00774 12.4002 1.88601C12.4506 1.76427 12.4766 1.63388 12.4766 1.50212C12.4766 1.23599 12.3709 0.98081 12.1827 0.792655C12.0895 0.699534 11.979 0.625619 11.8572 0.575117C11.7355 0.524769 11.605 0.49883 11.4733 0.49883C11.2072 0.49883 10.952 0.6045 10.7639 0.792655L6.4774 5.08916L2.19092 0.792655C2.09803 0.699074 1.98747 0.624701 1.8658 0.57397C1.74399 0.523163 1.61337 0.49707 1.48154 0.49707C1.3497 0.49707 1.21901 0.523163 1.09727 0.57397C0.97553 0.624701 0.86504 0.699074 0.772072 0.792655C0.678492 0.885623 0.604116 0.996113 0.553386 1.11778C0.502579 1.23959 0.476562 1.3702 0.476562 1.50212C0.476562 1.63404 0.502579 1.76457 0.553386 1.88639C0.604116 2.00805 0.678492 2.11854 0.772072 2.21151L5.76802 7.20738C5.86091 7.30103 5.9714 7.37533 6.09314 7.42614C6.21495 7.47687 6.34549 7.50296 6.4774 7.50296C6.60932 7.50296 6.73986 7.47687 6.86167 7.42614C6.98341 7.37533 7.0939 7.30103 7.18679 7.20738Z" fill="%239A9A9A"/></svg>') no-repeat right 13px center;
  background-size: 12px;
  border: 1px solid #000;
  padding: 10px 35px 10px 16px;
  text-transform: uppercase;
}

.resultado-contagem {
  height: fit-content;
  color: var(--Grey-600);
  font-size: 18px;
  font-weight: 300;
}

.lista-posts {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.lista-posts .post-destaque {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--White);
  padding-bottom: 25px;
  position: relative;
}

.lista-posts .post-destaque::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98906 15H11.4891V10.85H15.6641V9.35H11.4891V5H9.98906V9.35H5.66406V10.85H9.98906V15ZM10.6708 20C9.29181 20 7.99596 19.7375 6.78331 19.2125C5.57046 18.6875 4.50991 17.9708 3.60156 17.0625C2.69323 16.1542 1.97656 15.093 1.45156 13.879C0.926562 12.665 0.664062 11.3679 0.664062 9.9875C0.664062 8.60715 0.926562 7.31 1.45156 6.096C1.97656 4.882 2.69323 3.825 3.60156 2.925C4.50991 2.025 5.57106 1.3125 6.78506 0.7875C7.99906 0.2625 9.29621 0 10.6766 0C12.0569 0 13.3541 0.2625 14.5681 0.7875C15.7821 1.3125 16.8391 2.025 17.7391 2.925C18.6391 3.825 19.3516 4.88335 19.8766 6.1C20.4016 7.31665 20.6641 8.6144 20.6641 9.99325C20.6641 11.3722 20.4016 12.6681 19.8766 13.8807C19.3516 15.0936 18.6391 16.1527 17.7391 17.058C16.8391 17.9632 15.7807 18.6798 14.5641 19.208C13.3474 19.736 12.0497 20 10.6708 20ZM10.6766 18.5C13.0349 18.5 15.0391 17.6709 16.6891 16.0125C18.3391 14.3542 19.1641 12.3458 19.1641 9.9875C19.1641 7.62915 18.3407 5.625 16.6938 3.975C15.047 2.325 13.0371 1.5 10.6641 1.5C8.31406 1.5 6.30991 2.32342 4.65156 3.97025C2.99323 5.6171 2.16406 7.627 2.16406 10C2.16406 12.35 2.99323 14.3542 4.65156 16.0125C6.30991 17.6709 8.31821 18.5 10.6766 18.5Z" fill="darkgray"/></svg>') no-repeat center 100%;
  right: 27px;
  bottom: 56px;
}

.lista-posts .post-destaque img {
  width: 100%;
  height: 255px;
  object-fit: cover;
  object-position: top;
}

.lista-posts .post-destaque .data-post {
  color: var(--Grey-600);
  display: block;
  margin-top: 25px;
  padding: 0 16px;
}

.lista-posts .post-destaque h2 {
  font-size: 18px;
  font-weight: 500;
  padding: 0 16px;
  margin: 5px 0 0 0;
}

.post-lista {
  max-width: 384px;
  width: 100%;
  background-color: var(--White);
  padding-bottom: 25px;
  position: relative;
}

.post-lista::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.98906 15H11.4891V10.85H15.6641V9.35H11.4891V5H9.98906V9.35H5.66406V10.85H9.98906V15ZM10.6708 20C9.29181 20 7.99596 19.7375 6.78331 19.2125C5.57046 18.6875 4.50991 17.9708 3.60156 17.0625C2.69323 16.1542 1.97656 15.093 1.45156 13.879C0.926562 12.665 0.664062 11.3679 0.664062 9.9875C0.664062 8.60715 0.926562 7.31 1.45156 6.096C1.97656 4.882 2.69323 3.825 3.60156 2.925C4.50991 2.025 5.57106 1.3125 6.78506 0.7875C7.99906 0.2625 9.29621 0 10.6766 0C12.0569 0 13.3541 0.2625 14.5681 0.7875C15.7821 1.3125 16.8391 2.025 17.7391 2.925C18.6391 3.825 19.3516 4.88335 19.8766 6.1C20.4016 7.31665 20.6641 8.6144 20.6641 9.99325C20.6641 11.3722 20.4016 12.6681 19.8766 13.8807C19.3516 15.0936 18.6391 16.1527 17.7391 17.058C16.8391 17.9632 15.7807 18.6798 14.5641 19.208C13.3474 19.736 12.0497 20 10.6708 20ZM10.6766 18.5C13.0349 18.5 15.0391 17.6709 16.6891 16.0125C18.3391 14.3542 19.1641 12.3458 19.1641 9.9875C19.1641 7.62915 18.3407 5.625 16.6938 3.975C15.047 2.325 13.0371 1.5 10.6641 1.5C8.31406 1.5 6.30991 2.32342 4.65156 3.97025C2.99323 5.6171 2.16406 7.627 2.16406 10C2.16406 12.35 2.99323 14.3542 4.65156 16.0125C6.30991 17.6709 8.31821 18.5 10.6766 18.5Z" fill="darkgray"/></svg>') no-repeat center 100%;
  right: 15px;
  bottom: 75px;
}

.post-lista img {
  width: 100%;
  max-height: 255px;
  object-fit: cover;
  object-position: top;
}

.lista-posts .post-lista .data-post {
  color: var(--Grey-600);
  display: block;
  margin-top: 25px;
  padding: 0 16px;
}

.lista-posts .post-lista h3 {
  font-size: 18px;
  font-weight: 500;
  padding: 0 16px;
  margin: 5px 0 0 0;
}


.nav-links {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 112px;
}

.page-numbers {
  color: var(--Grey-600) !important;
  font-size: 14px;
  font-weight: 400;
}

.page-numbers.current {
  color: var(--Golden-900) !important;
  font-weight: 600;
  position: relative;
}

.page-numbers.current::before {
  content: "";
  border: 1px solid var(--Golden-900);
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  left: -10px;
  top: -3px;
  border-radius: 50%;
}

.prev.page-numbers {
  font-size: 0;
}

.prev.page-numbers::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.396673 7.05303L7.05783 0.391767C7.18199 0.267605 7.32952 0.169051 7.49184 0.101819C7.65415 0.0345857 7.828 0 8.00368 0C8.35852 0 8.69876 0.140893 8.94964 0.391767C9.0738 0.51603 9.17235 0.663453 9.23969 0.825771C9.30682 0.988089 9.3414 1.16204 9.3414 1.33772C9.3414 1.69245 9.20051 2.0327 8.94964 2.28357L3.22097 7.99888L8.94964 13.7142C9.07441 13.838 9.17358 13.9855 9.24122 14.1477C9.30896 14.3101 9.34375 14.4843 9.34375 14.66C9.34375 14.8358 9.30896 15.0101 9.24122 15.1724C9.17358 15.3347 9.07441 15.482 8.94964 15.606C8.82568 15.7308 8.67836 15.8299 8.51614 15.8976C8.35372 15.9653 8.17957 16 8.00368 16C7.8278 16 7.65375 15.9653 7.49133 15.8976C7.32911 15.8299 7.18179 15.7308 7.05783 15.606L0.396673 8.94473C0.271798 8.82087 0.172735 8.67355 0.104992 8.51123C0.0373507 8.34881 0.00256062 8.17476 0.00256062 7.99888C0.00256062 7.82299 0.0373507 7.64894 0.104992 7.48652C0.172735 7.3242 0.271798 7.17688 0.396673 7.05303Z" fill="%239A9A9A"/></svg>') no-repeat center 100%;
  width: 15px;
  height: 20px;
  display: block;
}

.next.page-numbers {
  font-size: 0;
}

.next.page-numbers::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.29083 7.05303L2.62967 0.391767C2.50551 0.267605 2.35798 0.169051 2.19566 0.101819C2.03335 0.0345857 1.8595 0 1.68382 0C1.32898 0 0.988737 0.140893 0.737863 0.391767C0.613701 0.51603 0.515148 0.663453 0.447813 0.825771C0.380682 0.988089 0.346097 1.16204 0.346097 1.33772C0.346097 1.69245 0.486989 2.0327 0.737863 2.28357L6.46653 7.99888L0.737863 13.7142C0.613089 13.838 0.513924 13.9855 0.446283 14.1477C0.37854 14.3101 0.34375 14.4843 0.34375 14.66C0.34375 14.8358 0.37854 15.0101 0.446283 15.1724C0.513924 15.3347 0.613089 15.482 0.737863 15.606C0.86182 15.7308 1.00914 15.8299 1.17136 15.8976C1.33378 15.9653 1.50793 16 1.68382 16C1.8597 16 2.03375 15.9653 2.19617 15.8976C2.35839 15.8299 2.50571 15.7308 2.62967 15.606L9.29083 8.94473C9.4157 8.82087 9.51476 8.67355 9.58251 8.51123C9.65015 8.34881 9.68494 8.17476 9.68494 7.99888C9.68494 7.82299 9.65015 7.64894 9.58251 7.48652C9.51476 7.3242 9.4157 7.17688 9.29083 7.05303Z" fill="%239A9A9A"/></svg>') no-repeat center 100%;
  width: 15px;
  height: 20px;
  display: block;
}

@media(max-width: 1000px) {
  .banner-categoria--desk {
    display: none;
  }

  .banner-categoria--mob {
    display: block;
  }

  .banner-categoria--mob img {
    width: 100%;
  }

  .container-categoria {
    margin-top: 81px;
    padding: 0 17px;
  }

  .filtros-e-contagem {
    position: relative;
  }

  .resultado-contagem {
    position: absolute;
    font-size: 12px;
    top: -37px;
    right: 0;
  }

  .filtros-e-contagem--title {
    position: absolute;
    top: -44px;
    left: 0;
    font-size: 20px;
  }

  .filtros-categoria .postform {
    font-size: 12px;
    padding: 10px 36px 10px 7px;
  }

  .lista-posts {
    margin-top: 33px;
    gap: 16px;
  }

  .lista-posts .post-destaque,
  .lista-posts .post-lista {
    background-color: transparent;
    padding-bottom: 0;
  }

  .lista-posts .post-destaque a,
  .lista-posts .post-lista a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-color: var(--White);
  }

  .lista-posts .post-destaque img,
  .lista-posts .post-lista img {
    max-width: 168px;
    height: 100%;
  }

  .lista-posts .post-destaque .data-post,
  .lista-posts .post-lista .data-post {
    margin-top: 12px;
    font-size: 13px;
  }


  .lista-posts .post-destaque h2,
  .lista-posts .post-lista h3 {
    font-size: 13px;
  }

  .lista-posts .post-destaque::before,
  .post-lista::before {
    width: 12px;
    height: 12px;
    bottom: auto;
    top: 12px;
    right: 12px;
    background-size: 12px;
  }
}