body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.container {
    text-align: center;
    background: #fff;
    padding: 30px 40px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 500px;
}

h1 {
    color: #333;
}

/* Estilo para alinhar o campo de texto e o botão */
.search-container {
    position: relative;
    margin-top: 20px;
    display: flex;
    gap: 10px; /* Adiciona um pequeno espaço entre os elementos */
}

#search-input {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    outline: none;
}

#search-button {
    padding: 12px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    background-color: #007bff; /* Azul */
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#search-button:hover {
    background-color: #0056b3; /* Um tom de azul mais escuro ao passar o mouse */
}

#suggestions-box {
    /* ----- ALTERAÇÕES AQUI ----- */
    position: absolute;
    top: 100%; /* Posiciona a caixa exatamente abaixo do campo de busca */
    margin-top: 5px; /* Adiciona um pequeno espaçamento */
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    border-radius: 0 0 5px 5px;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.suggestion {
    padding: 10px;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.suggestion:hover {
    background-color: #f1f1f1;
}

/* Classe para esconder elementos */
.hidden {
    display: none;
}

/* Estilos para a caixa de mensagem */

#message-box {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    background-color: #fff8e1;
    color: #333;
}

#message-text {
    margin: 0 0 10px 0;
}

/* AQUI: O novo estilo para a frase de destaque */
.destaque {
    width:100%;
    font-weight: bold;
    color: #dc3545; /* Uma cor mais forte para o destaque, como um vermelho */
    font-size: 1.2em; /* Deixa o texto um pouco maior */
}

#retry-button {
    padding: 8px 15px;
    background-color: #ffcc00;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    margin-top:15px;
}

.btn_fecha_pag_busca{background-color:#175EA8; width:auto; height:auto; position:absolute; color:#FFFFFF; font-size:18px; font-family:arial; text-align:center; padding:15px; top:0; right:0; margin-top:10px; margin-right:10px;}
.btn_fecha_pag_busca:hover{background-color:#007bff; transition:all .5s ease;}

.texto_direito_busca{width:100%; height:auto; color:#333; font-size:18px; font-family:arial; margin-top:50px;}

.centraliza_logo{width:100%; height:auto; position:relative; display:flex; flex-direction:row; justify-content:center; aling-intems: center;}
.logo_busca{background-image:url(logo.png); -moz-background-size:100% 100%; -webkit-background-size:100% 100%; width:250px; height:90px; position:relative; margin-bottom:15px;}