#search_widget {
  margin-bottom: .625rem;
  overflow: unset;
  text-align: center; /* Centraliza o conteúdo na div */
}

#search_widget form {
  display: inline-block; /* Permite centralizar o formulário */
  position: relative; /* Permite posicionar o ícone dentro do input */
  top:3px;
  margin: 0 0 0 -6px;
} 

#search_widget form input {
  width: 300px; /* Largura do campo de busca */
  height: 42px;
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.16); /* Cor da borda */
  border-radius: 4px;
  outline: none;
  background-color: transparent;
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); /* Sombra: x=0, y=4, blur=4, cor=preto em 25% */
}

#search_widget form input::placeholder {
  color: #aaa; /* Cor do placeholder */
}

#search_widget form i {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #dddddd;
  border-left: 1px solid #dddddd;
  padding-left: 6px;
}

#search_widget form .clear {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #666; /* Cor do ícone */
  cursor: pointer;
}

#search_widget form .clear:hover {
  color: #333; /* Cor do ícone ao passar o mouse */
}

#search_widget form .search-button {
  width: 50px; /* Largura do botão de busca */
  height: 42px;
  border: 1px solid #DDDDDD; /* Cor da borda */
  border-left: none; /* Borda à esquerda */
  border-radius: 0 4px 4px 0; /* Bordas arredondadas */
  background-color: transparent; /* Cor de fundo */
  outline: none; 
  cursor: pointer;
}

#search_widget form .search-button:hover {
  background-color: #e0e0e0; /* Cor de fundo ao passar o mouse */
}

@media only screen and (min-width: 768px) {
  #search_widget {
    /*float: right;*/
    /*margin-bottom: 0;*/ /*mechi aqui*/
    margin: 5px 0; /* mechi aqui */
  }

  .ui-autocomplete.searchbar-autocomplete {
    width: 400px;
    min-height: auto;
    left: auto;
    top: 116px !important;
  }
}

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 16.5rem;
    min-height:48px;
  }
}