.ui-autocomplete {
    border: 1px solid #ccc; /* Bordas sólidas para a lista */
    background: #ffffff; /* Cor de fundo branca para a lista */
    max-height: 200px; /* Altura máxima para a lista */
    overflow-y: auto; /* Adiciona rolagem vertical se a lista for muito longa */
    border-radius: 0 0 10px 10px; /* Bordas inferiores arredondadas */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra para um visual moderno */
    padding: 0; /* Remove o padding padrão */
}

.ui-menu-item-wrapper {
    padding: 8px 10px; /* Espaçamento interno para cada item da lista */
    font-size: 16px; /* Tamanho da fonte para os itens da lista */
    line-height: 2.5; /* Espaçamento da linha para os itens da lista */
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #efefef; /* Cor de fundo para o item ativo/hover */
    color: #333; /* Cor da fonte para o item ativo/hover */
    border-radius: 5px; /* Bordas arredondadas para o item ativo/hover */
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active, 
.ui-menu-item .ui-menu-item-wrapper:hover {
    background-color: #007bff; /* Cor de fundo azul primária */
    color: #ffffff; /* Cor da fonte branca para contraste */
    border-radius: 5px; /* Bordas arredondadas para o item */
}