body {
  margin: 0;
  font-family: Arial, sans-serif;
}

.header {
  width: 100%;
  text-align: center;
}

.header img {
  width: 891px;
  height: 160px;
  margin: 0 auto;
}

hr {
  margin: 10px auto;
  width: 100%;
}

font {
  display: block;
  margin-top: 20px;
  font-size: 35px; /* Ajuste do tamanho do texto */
}

.form-socio, .form-servidor {
  background: #eee;
  max-width: 555px;
  padding: 40px; /* Ajuste do padding */
  border: 1px solid #000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  text-align: left; /* Ajuste do alinhamento do texto */
}

.form-socio td, .form-servidor td {
  font-size: 20px; /* Ajuste do tamanho da fonte */
  padding: 10px 5px; /* Espaçamento dentro das células */
}

.form-socio .tamanhoTexto, .form-servidor .tamanhoTexto {
  font-size: 40px; /* Ajuste do tamanho da fonte */
}

.form-socio input, .form-servidor input, .form-servidor select {
  height: 45px; /* Ajuste da altura dos inputs */
  width: 100%; /* Largura total do container pai */
  font-size: 20px; /* Ajuste do tamanho da fonte */
  padding: 5px; /* Espaçamento interno dos inputs */
  box-sizing: border-box; /* Inclui padding e border no cálculo da largura total */
}

input[type="date"]::placeholder {
  color: #888; /* Cor do placeholder */
}

/* Estilo específico para o input de email */
.form-socio input[type="email"], .form-servidor input[type="email"] {
  height: 45px; /* Ajusta a altura do input */
  width: 100%; /* Ajusta a largura do input */
  font-size: 20px; /* Ajusta o tamanho da fonte */
  padding: 5px; /* Ajusta o padding interno */
  box-sizing: border-box; /* Inclui padding e border no cálculo da largura total */
}

/* Se quiser um tamanho fixo, pode substituir o width para um valor em px */
.form-socio input[type="email"], .form-servidor input[type="email"] {
  width: 300px; /* Tamanho fixo */
  height: 45px;
  font-size: 20px;
  padding: 5px;
  box-sizing: border-box;
}


input[type="submit"],
input[type="reset"] {
  background-color: #4CAF50; /* Cor de fundo dos botões */
  color: white; /* Cor do texto dos botões */
  border: none; /* Remove borda */
  border-radius: 5px; /* Borda arredondada */
}

input[type="reset"] {
  background-color: #f44336; /* Cor de fundo para o botão reset */
}


#botaoEnviar,
#botaoConsulta,
#botaoAlterar,
#botaoCancelar,
#botaoCancela,
#botaoVisualizar,
#botaoRedefinir {
  /* width: 100%; */
  text-align: center;
}

#alterarSenha,
#enviarChave,
#entrar,
#Voltar,
#Alterar,
#Cancelar {
  width: auto;
  max-width: 200px;
  margin: 0 auto;
  display: block;
}

#botaoEnviar input,
#botaoConsulta input,
#botaoVisualizar input,
#botaoAlterar input,
#botaoRedefinir input {
  width: auto;
  max-width: 300px;
  height: 40px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: normal;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#botaoEnviar input:hover,
#botaoConsulta input:hover,
#botaoVisualizar input:hover,
#botaoAlterar input:hover,
#botaoRedefinir input:hover {
  background-color: #45a049; /* Cor mais escura ao passar o mouse */
}

#botaoCancelar input,
#botaoVoltar input {
  width: auto;
  max-width: 300px;
  height: 40px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: normal;
  background-color: #f44336; /* Cor vermelha */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#botaoCancelar input:hover,
#botaoVoltar input:hover {
  background-color: #e53935; /* Cor mais escura ao passar o mouse */
}

a {
  text-decoration: none;
  color: blue;
  font-size: 20px;
}

a:hover {
  text-decoration: underline;
}