/* ==========================================================================
   Banco ENAMED — o que esta página tem a mais que as das aulas
   Disciplina de Oncologia · FCM · UERJ

   Complementa o estilo.css, que é COPIADO SEM ALTERAÇÃO das páginas de aula.
   As variáveis (--marca, --borda, --raio…) vêm de lá. Manter a separação:
   é o que permite atualizar o estilo.css de todas as páginas de uma vez só.
   ========================================================================== */

/* Selo de procedência acima do enunciado. Discreto de propósito — informa sem
   competir com a questão, que é o que o aluno veio ler. */
.questao__origem {
  margin: .1rem 0 .7rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--tinta-suave);
}

.questao__origem::before {
  content: "◆";
  margin-right: .45rem;
  color: var(--marca);
}

/* Faixa de destaque do cabeçalho: marca que este banco não é de uma aula,
   e sim de provas nacionais. */
.selo-enamed {
  display: inline-block;
  margin-bottom: .9rem;
  padding: .35rem 1rem;
  background: var(--marca);
  border-radius: 999px;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  .selo-enamed { color: #0d1514; }
}

/* ========================================================== DISCURSIVA ==== */
/* A única questão do banco que o navegador não sabe corrigir. O desenho
   assume isso: não há certo nem errado na tela, há o que o aluno escreveu
   e o gabarito oficial ao lado, para ele mesmo comparar. */

.discursiva {
  margin: 2.5rem 0 3rem;
  padding: 1.75rem;
  background: var(--superficie);
  border: 1px solid var(--borda);
  border-left: 4px solid var(--marca);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
}

.discursiva__rotulo {
  margin: 0 0 .5rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}

.discursiva__titulo {
  margin: 0 0 1rem;
  font-size: clamp(1.2rem, 3.2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.25;
  color: var(--marca);
}

.discursiva__enunciado { margin: 0 0 1rem; line-height: 1.65; }

.discursiva__comando { margin: 0 0 1.25rem; font-weight: 600; }

.discursiva__item { margin-bottom: 1.5rem; }

.discursiva__pergunta {
  display: block;
  margin-bottom: .6rem;
  line-height: 1.55;
}

.discursiva__letra {
  font-weight: 700;
  color: var(--marca);
  margin-right: .3rem;
}

/* O campo de escrita: largo, alto e com a mesma tipografia do texto da
   página — escrever aqui deve parecer escrever na prova, não preencher
   um formulário. */
.discursiva__campo {
  display: block;
  width: 100%;
  padding: .85rem 1rem;
  background: var(--superficie-2);
  border: 1.5px solid var(--borda);
  border-radius: 10px;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--tinta);
  resize: vertical;
}

.discursiva__campo:focus {
  outline: none;
  border-color: var(--marca);
  box-shadow: 0 0 0 3px var(--marca-clara);
}

.discursiva__campo::placeholder { color: var(--tinta-fraca, #898781); }

.discursiva__gabarito {
  margin-top: 1.5rem;
  padding: 1.35rem 1.4rem;
  background: var(--acerto-fundo);
  border-radius: 10px;
}

.discursiva__gabarito[hidden] { display: none; }

.discursiva__gabarito p { margin: 0 0 .9rem; line-height: 1.65; }
.discursiva__gabarito p:last-child { margin-bottom: 0; }

.discursiva__veredito {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--acerto);
}

.discursiva__justificativa { color: var(--tinta-suave); }

.discursiva__nota {
  padding-top: .9rem;
  border-top: 1px solid rgba(31, 122, 77, .25);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .875rem;
  color: var(--tinta-suave);
}