/* Estilo das questões. É o mesmo no site e nos screenshots avaliados pelo juiz visual. */

.questao,
.texto-base {
  --q-ink: #1b1b1f;
  --q-muted: #55565c;
  --q-rule: #6b6d75;
  --q-head: #e6eefa;
  --q-ok: #1d7f49;
  --q-ok-bg: #e7f5ed;
  --q-error: #c62828;
  font-family: Calibri, Carlito, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--q-ink);
  overflow-wrap: break-word;
}

.questao p,
.texto-base p {
  margin: 0 0 0.6em;
}

.questao .figura,
.texto-base .figura {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0.5em auto;
}

.tabela {
  max-width: 100%;
  margin: 0.6em 0 0.9em;
  overflow-x: auto;
}

.questao table,
.texto-base table {
  border-collapse: collapse;
  margin: 0 auto;
}

.questao th,
.questao td,
.texto-base th,
.texto-base td {
  border: 1px solid var(--q-rule);
  padding: 0.2em 0.65em;
  text-align: center;
}

.questao th,
.texto-base th {
  background: var(--q-head);
}

.fonte {
  margin: 0.2em 0 0.9em;
  text-align: right;
  font-size: 0.78em;
  line-height: 1.35;
  color: var(--q-muted);
}

.fonte p {
  margin: 0;
}

.centro {
  text-align: center;
}

.poema {
  margin: 0.4em 0 0.8em 2em;
}

.linhas {
  counter-reset: linha;
  margin: 0.6em 0 0.8em 2.4em;
}

.linhas p {
  margin: 0;
}

.linhas .ln {
  display: block;
  position: relative;
  counter-increment: linha;
}

.linhas p .ln:first-child {
  text-indent: 1.6em;
}

.linhas .ln::before {
  content: counter(linha);
  position: absolute;
  left: -2.6em;
  width: 2em;
  text-indent: 0;
  text-align: right;
  font-size: 0.85em;
  color: var(--q-muted);
}

.alternativas {
  list-style: none;
  margin: 0.8em 0 0;
  padding: 0;
}

.alternativa {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  margin: 0.3em 0;
  padding: 0.1em 0.3em;
  border-radius: 6px;
}

.alternativa .letra {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.3em;
  height: 1.3em;
  margin-top: 0.12em;
  border-radius: 50%;
  background: var(--q-ink);
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1;
}

.alternativa .texto {
  flex: 1;
  min-width: 0;
}

.alternativa .texto p:last-child {
  margin-bottom: 0;
}

/* Alternativa que é uma figura: letra ao lado, centralizada, como na prova. */
.alternativa:has(> .texto > .figura) {
  align-items: center;
}

.alternativa .texto > .figura {
  margin: 0.25em 0;
}

.alternativa.correta {
  background: var(--q-ok-bg);
}

.alternativa.correta .letra {
  background: var(--q-ok);
}

.math.block {
  display: block;
  margin: 0.6em 0;
  overflow-x: auto;
  text-align: center;
}

.math-error,
.figura-faltando {
  color: var(--q-error);
  font-weight: 700;
}