#passos {
  margin-top: 80px;
  background-color: #da9008;
  display: flex;
  justify-content: center; /* Centraliza os itens horizontalmente */
  align-items: center; /* Centraliza os itens verticalmente */
  flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha se não couberem */
  padding: 20px; /* Adiciona espaço ao redor da seção */
  width: 100%; /* Ocupa toda a largura disponível */
  box-sizing: border-box; /* Garante que o padding não aumente a largura total */
  height: 140px;
}

#passo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 50px;
  justify-content: center;
  margin: 0 20px; /* Espaçamento entre os objetivos */
  flex: 1 1 250px; /* Flexibilidade para os itens */
  font-size: 30px;
}

.oferta {
  font-weight: 750;
  margin-bottom: 50%;
}

/* Responsividade */
@media screen and (max-width: 1355px) {
  #passos {
    margin-top: 60px; /* Reduz a margem superior */
    padding: 15px; /* Reduz o padding */
  }

  #passo {
    flex: 1 1 200px; /* Ajusta a flexibilidade para telas menores */
    font-size: 25px; /* Reduz o tamanho da fonte */
    margin: 0 15px; /* Reduz o espaçamento entre os itens */
  }
}

@media screen and (max-width: 768px) {
  #passos {
    margin-top: 40px; /* Reduz ainda mais a margem superior */
    padding: 10px; /* Reduz o padding */
  }

  #passo {
    flex: 1 1 150px; /* Ajusta a flexibilidade para telas médias */
    font-size: 20px; /* Reduz o tamanho da fonte */
    margin: 0 10px; /* Reduz o espaçamento entre os itens */
    line-height: 40px; /* Ajusta o espaçamento entre as linhas */
  }
}

@media screen and (max-width: 480px) {
  #passos {
    margin-top: 30px; /* Margem superior menor para telas pequenas */
    padding: 5px; /* Padding mínimo */
  }

  #passo {
    flex: 1 1 100%; /* Faz com que cada item ocupe toda a largura */
    font-size: 18px; /* Tamanho de fonte menor para telas pequenas */
    margin: 10px 0; /* Espaçamento vertical entre os itens */
    line-height: 30px; /* Ajusta o espaçamento entre as linhas */
  }
}
