/* Estilos gerais */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}


.container {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
}

/* Estilos para telas com largura mínima de 390px */
@media (min-width: 390px) {
    /* Estilos para a barra de navegação */
    .navbar {
        width: 100%; /* Definimos a largura da barra de navegação como 100% em telas menores */
    }

    .navbar-brand img {
        max-width: 100%;
        height: auto;
    }

    /* Estilos para o formulário de pesquisa */
    .search-button {
        margin-top: 20px;
        text-align: center;
    }

    .paragrafo1 {
        text-align: justify;
        font-size: 14px;
        margin-top: 20px;
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .consul_ave {
        margin-top: 20px;
        font-size: 18px;
    }

    input[type="text"] {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        box-sizing: border-box;
    }

    input[type="submit"] {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        box-sizing: border-box;
        background-color: #bb3e03;
        color: white;
        border: none;
        cursor: pointer;
    }

    /* Estilos para a tabela de resultados */
    .result-table-container {
        /* overflow-x: auto; */
        max-width: 100%; /* Definimos a largura máxima da tabela como 100% */
    }

    table {
        width: 100%; /* Definimos a largura da tabela como 100% */
        border-collapse: collapse;
        margin-top: 20px;
    }

    th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

    th {
        background-color: #bb3e03;
        color: white;
    }

    tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    tr:hover {
        background-color: #ddd;
    }

    /* Ícone de visualização na tabela */
    .fas.fa-eye {
        color: #bb3e03;
        font-size: 20px;
        text-decoration: none;
    }
}

.resu_p {
    text-align: center;
}