/* Define estilos básicos para o corpo da página */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa;
    margin: 0;
    padding: 0;
}

/* Container principal para centralizar o conteúdo */
.container {
    width: 90%;
    max-width: 600px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    box-sizing: border-box;
}

/* Título */
h2 {
    text-align: center;
    color: #333;
}



/* Adiciona essa regra no seu arquivo pesquisa.css ou no head do HTML */
input, select, textarea {
    width: 100%; /* Garante que todos os campos ocupem 100% da largura disponível */
    padding: 10px; /* Adiciona algum preenchimento para melhorar a usabilidade */
    margin-bottom: 10px; /* Espaço entre os campos */
    box-sizing: border-box; /* Inclui o padding e borda na largura total do campo */
}

/* Caso queira limitar o tamanho para um valor fixo */
input, select, textarea {
    width: 100%; /* Pode usar 300px ou o tamanho que preferir */
    max-width: 100%; /* Limita a largura máxima */
    box-sizing: border-box;
}











/* Mensagem de erro ou sucesso */
.mensagem {
    text-align: center;
    font-weight: bold;
    color: red;
}

/* Estilos para os rótulos */
label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
    color: #333;
}

/* Estilos para os campos de entrada */
input, select {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
}

/* Botão de envio */
button {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background: #28a745;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background 0.3s;
}

/* Efeito hover no botão */
button:hover {
    background: #218838;
}

/* Responsividade para telas menores */
@media (max-width: 480px) {
    .container {
        padding: 15px;
    }

    button {
        font-size: 14px;
    }

    label, input, select {
        font-size: 14px; /* Ajuste no tamanho da fonte para telas pequenas */
    }
}



h4 {
    text-align: center;         /* Centraliza o texto */
    font-size: 14px;            /* Tamanho da fonte */
    font-weight: bold;          /* Deixa o texto em negrito */
    margin: 20px 0;             /* Espaçamento superior e inferior */
    line-height: 1.5;           /* Altura da linha para melhorar a legibilidade */
    color: #333;                /* Cor do texto (escuro para contraste) */
    padding: 10px;              /* Adiciona um pouco de preenchimento interno */
    background-color: #f9f9f9; /* Cor de fundo leve */
    border-radius: 8px;         /* Bordas arredondadas */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil ao redor */
}

h3 {
    text-align: center;         /* Centraliza o texto */
    font-size: 12px;            /* Tamanho da fonte */
    font-weight: bold;          /* Deixa o texto em negrito */
    margin: 20px 0;             /* Espaçamento superior e inferior */
    line-height: 1.5;           /* Altura da linha para melhorar a legibilidade */
    color: #333;                /* Cor do texto (escuro para contraste) */
    padding: 10px;              /* Adiciona um pouco de preenchimento interno */
    background-color: #f9f9f9; /* Cor de fundo leve */
    border-radius: 8px;         /* Bordas arredondadas */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil ao redor */
}


.linha1 {
    font-size: 24px; /* Ajuste o tamanho da fonte para a primeira linha */
}

.linha2 {
    font-size: 18px; /* Ajuste o tamanho da fonte para a segunda linha */
}