/* Estilos gerais */
/* Ajuste para o título */
form h2 {
    margin-bottom: 10px; /* Reduz o espaço abaixo do título */
}

form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 500px; /* Define a largura do formulário */
    margin: auto;
	padding-top: 5px; /* Remove o espaçamento extra acima */
}

/* Ajuste geral para os campos de entrada, select e textarea */
form input,
form textarea,
form select {
    width: 100%; /* Ocupa toda a largura do formulário */
    height: 40px; /* Mantém todos os campos com a mesma altura */
    padding: 10px;
    font-size: 16px; /* Melhora a legibilidade */
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff; /* Mantém um fundo padrão */
    box-sizing: border-box; /* Garante que padding e border não alterem a altura total */
}

/* Ajuste específico para textarea */
form textarea {
    height: 80px; /* Mantém um tamanho adequado para texto longo */
    resize: vertical; /* Permite redimensionar apenas na vertical */
}

/* Estilização para select */
form select {
    appearance: none; /* Remove a aparência padrão do navegador */
    cursor: pointer;
}

/* Ajuste para os labels */
form label {
    font-weight: bold;
    margin-bottom: 5px;
}

/* Botões */
button {
    background-color: #009999; /* Cor do botão */
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    height: 40px; /* Mantém a mesma altura dos campos */
}

button:hover {
    background-color: #007777; /* Cor mais escura ao passar o mouse */
}


/************************************************************************************/

/* Responsividade */
/* Ajustes para dispositivos móveis */
@media screen and (max-width: 1200px) {
 	form {
        width: auto;
	    margin-left: 10px;
		margin-right: 10px;
		max-width: 380; /* Define a largura do formulário */
		padding-top: 5px; /* Remove o espaçamento extra acima */
    }

	button {
		width: auto;
		height: 40px; /* Mantém a mesma altura dos campos */
	}
}