/* Centro de Estudos (/estudos): peças montadas por assets/js/estudos.js. Cores do site (marrom/areia). */
.estudos-cartao {
  border: 1px solid #e5d5c0;
  border-radius: 1rem;
  background: #fff;
  padding: 1.5rem;
  box-shadow: 0 15px 40px rgba(60, 35, 20, 0.06);
}

@media (min-width: 640px) {
  .estudos-cartao { padding: 2rem; }
}

.estudos-enunciado { font-size: 1.125rem; line-height: 1.65; color: #3c2314; }
.estudos-enunciado p + p { margin-top: 0.75rem; }
.estudos-enunciado img { max-width: 100%; height: auto; border-radius: 0.5rem; margin-top: 0.75rem; }
.estudos-credito { margin-top: 0.5rem; font-size: 0.8125rem; font-style: italic; color: #7a5635; }

.estudos-alternativa {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.85rem 1rem;
  border: 1px solid #e5d5c0;
  border-radius: 0.75rem;
  background: #fff;
  color: #3c2314;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}
.estudos-alternativa:hover:not(:disabled) { border-color: #b98c58; background: #fdfaf7; }
.estudos-alternativa:focus-visible { outline: 3px solid rgba(185, 140, 88, 0.5); outline-offset: 2px; }
.estudos-alternativa:disabled { cursor: default; }
.estudos-alternativa[aria-pressed="true"] { border-color: #8c6239; background: #f6efe4; box-shadow: inset 0 0 0 1px #8c6239; }
.estudos-alternativa.estudos-certa { border-color: #15803d; background: #f0fdf4; box-shadow: inset 0 0 0 1px #15803d; }
.estudos-alternativa.estudos-errada { border-color: #b91c1c; background: #fef2f2; box-shadow: inset 0 0 0 1px #b91c1c; }

/* Versão estática (revisão de questões já respondidas): sem cursor de botão. */
.estudos-alternativa-estatica { cursor: default; }
.estudos-alternativa.estudos-alternativa-estatica:hover { border-color: #e5d5c0; background: #fff; }
.estudos-alternativa.estudos-alternativa-estatica.estudos-certa:hover { border-color: #15803d; background: #f0fdf4; }
.estudos-alternativa.estudos-alternativa-estatica.estudos-errada:hover { border-color: #b91c1c; background: #fef2f2; }
.estudos-marca {
  align-self: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 0.05rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.estudos-certa .estudos-marca { color: #14532d; }
.estudos-errada .estudos-marca { color: #7f1d1d; }

.estudos-letra {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  background: #f6efe4;
  color: #8c6239;
  font-weight: 700;
  font-size: 0.875rem;
}
.estudos-certa .estudos-letra { background: #15803d; color: #fff; }
.estudos-errada .estudos-letra { background: #b91c1c; color: #fff; }

.estudos-explicacao {
  flex-basis: 100%;
  margin-left: 2.65rem;
  font-size: 0.875rem;
  color: #5c4330;
}

.estudos-feedback { margin-top: 1.25rem; border-radius: 0.75rem; padding: 1rem 1.25rem; }
.estudos-feedback-certo { background: #f0fdf4; color: #14532d; }
.estudos-feedback-errado { background: #fef2f2; color: #7f1d1d; }
.estudos-feedback a { color: inherit; }

.estudos-botao,
.estudos-botao-claro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0 1.5rem;
  border-radius: 999px;
  font-weight: 600;
  transition: background-color 0.15s, border-color 0.15s;
}
.estudos-botao { background: #8c6239; color: #fff; }
.estudos-botao:hover { background: #6f4c2b; }
.estudos-botao-claro { border: 1px solid #e5d5c0; background: #fff; color: #3c2314; }
.estudos-botao-claro:hover:not(:disabled) { border-color: #b98c58; }
.estudos-botao-claro:disabled { opacity: 0.45; cursor: default; }

.estudos-numero {
  min-width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #e5d5c0;
  border-radius: 0.5rem;
  background: #fff;
  font-weight: 600;
  color: #5c4330;
}
.estudos-numero-respondida { background: #f6efe4; border-color: #b98c58; color: #3c2314; }
.estudos-numero[aria-current="step"] { box-shadow: inset 0 0 0 2px #8c6239; }

.estudos-modo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  height: 100%;
  padding: 1.25rem;
  border: 1px solid #e5d5c0;
  border-radius: 1rem;
  background: #fff;
  text-align: left;
  transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.estudos-modo:hover:not(:disabled) { border-color: #b98c58; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(60, 35, 20, 0.08); }
.estudos-modo:disabled { opacity: 0.55; cursor: default; }
.estudos-modo:focus-visible { outline: 3px solid rgba(185, 140, 88, 0.5); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .estudos-modo, .estudos-alternativa { transition: none; }
  .estudos-modo:hover:not(:disabled) { transform: none; }
}