.hero-banner .categoria {
  margin-bottom: 20px; 
  display: inline-block;
}
.post-item  {
  display: flex;
  gap: 4rem;
  align-items: center;
}

  @media screen and (max-width: 768px) {
    .post-item{
      flex-direction:column;
    }
    
    .dnd-section {
      padding:20px;
    }
    .section-mais-recentes {
      padding:1rem;
    }
    .post-listing-grid {
      display: flex;
      flex-direction: column;
      align-items: center;
}