/* Evaluacion sobre panel oscuro: tokens compartidos y estados con texto. */

.evaluacion {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border: 1px solid var(--codex-border, rgba(242, 198, 109, 0.34));
  border-radius: 0.75rem;
  background: var(--codex-bg-deep, #0e0c18);
  color: var(--codex-text, #f6eee2);
}

.evaluacion-aviso {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  color: var(--codex-text-muted, rgba(246, 238, 226, 0.76));
}

.evaluacion-lista {
  margin: 0;
  padding-left: 1.25rem;
}

.evaluacion-pregunta {
  margin-bottom: 1.5rem;
}

.evaluacion-enunciado {
  margin: 0 0 0.5rem;
  font-weight: 600;
  color: var(--codex-text, #f6eee2);
}

.evaluacion-opciones {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.evaluacion-opcion {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  /* Objetivo tactil comodo en movil sin separar demasiado las opciones. */
  min-height: 2.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  color: var(--codex-text, #f6eee2);
}

.evaluacion-opcion:hover {
  background: rgba(127, 69, 214, 0.18);
}

.evaluacion-opcion input {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}

.evaluacion-opcion.es-la-buena {
  background: rgba(34, 139, 84, 0.12);
  box-shadow: inset 3px 0 0 #228b54;
}

.evaluacion-veredicto {
  margin: 0.5rem 0 0;
  padding-left: 0.75rem;
  font-size: 0.9rem;
  line-height: 1.6;
  border-left: 3px solid #b3a7c4;
  color: var(--codex-text, #f6eee2);
}

.evaluacion-pregunta.es-acierto .evaluacion-veredicto {
  border-left-color: #228b54;
}

.evaluacion-pregunta.es-fallo .evaluacion-veredicto {
  border-left-color: var(--codex-danger, #ffabab);
}

.evaluacion-corregir,
.evaluacion-reintentar {
  min-height: 2.75rem;
  padding: 0 1.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: #4b0082;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

.evaluacion-corregir:hover:not(:disabled),
.evaluacion-reintentar:hover:not(:disabled) {
  background: #5d1a99;
}

.evaluacion-corregir:disabled,
.evaluacion-reintentar:disabled {
  opacity: 0.6;
  cursor: progress;
}

.evaluacion-resultado {
  margin: 0.75rem 0 0;
  font-weight: 600;
  color: var(--codex-danger, #ffabab);
}

.evaluacion-resultado.es-aprobado {
  color: var(--codex-success, #a4ebad);
}

@media (prefers-reduced-motion: no-preference) {
  .evaluacion-opcion,
  .evaluacion-corregir,
  .evaluacion-reintentar {
    transition: background-color 120ms ease;
  }
}

.evaluacion h4,
.evaluacion-opcion span {
  color: inherit;
}

/* Los parrafos del lector tienen reglas generales; el estado de evaluacion
   conserva su propia paleta en tarjetas claras u oscuras. */
#course-system-container .evaluacion :is(.evaluacion-aviso, .evaluacion-enunciado, .evaluacion-veredicto) {
  color: var(--codex-text, #f6eee2) !important;
}

#course-system-container .evaluacion .evaluacion-resultado {
  color: var(--codex-danger, #ffabab) !important;
}

#course-system-container .evaluacion .evaluacion-resultado.es-aprobado {
  color: var(--codex-success, #a4ebad) !important;
}