/* Esconde as respostas inicialmente */
.resposta {
  display: none;
  color: #A8D5BA;  /* Verde pastel claro para as respostas */
}

/* Contêiner de botões */
.botoes-container {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  display: flex;
  gap: 10px;
}

/* Botões com ícones */
.botoes-container button {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #A8D5BA;  /* Verde pastel claro para os botões */
}

/* Ícones nos botões */
.botoes-container button i {
  font-size: 20px;
  color: #A8D5BA;  /* Verde pastel claro para os ícones */
}

/* Efeito hover nos ícones */
.botoes-container button i:hover {
  color: #76C7B7;  /* Cor suave de hover para um efeito elegante */
}

/* Oculta os botões ao imprimir */
@media print {
  .botoes-container {
    display: none;
  }
}

/* Botão fixo "modelo" no topo direito */
#botaoModelo {
  position: fixed;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;  /* Ajustado para igualar ao estilo dos outros botões */
  color: #A8D5BA;  /* Verde pastel claro para o botão "modelo" */
}

/* Ícones do botão modelo */
#botaoModelo i {
  font-size: 20px;
  color: #A8D5BA;
}

/* Efeito hover no ícone do botão modelo */
#botaoModelo i:hover {
  color: #76C7B7;  /* Cor suave de hover para o botão modelo */
  opacity: 1;
}

/* Estilo para o conteúdo da prova */
.dados-prova {
  margin: 20px auto;
  width: 80%;
  line-height: 2;
}

/* Campos editáveis com sublinhado */
.linha-editavel {
  display: inline-block;
  border-bottom: 1px solid #A8D5BA;  /* Verde pastel claro para sublinhado */
  min-width: 50px;
  padding: 2px 4px;
  outline: none;
  border: none;
  background: transparent;
}

/* Estilo do título */
h3 {
  margin-top: 60px;
}