/* Estilos personalizados para la trivia UAY */
.uay-trivia-container {
  margin: 20px 0;
}

.uay-trivia-container .uay-trivia-title {
  margin-bottom: 0.5rem;
}

.uay-trivia-container .uay-trivia-description {
  margin-bottom: 1rem;
}

.uay-trivia-container .uay-trivia-description p:last-child {
  margin-bottom: 0;
}

.uay-trivia-container .progress {
  height: 1.25rem;
  margin-bottom: 1rem;
}

.uay-trivia-container .uay-trivia-start-card,
.uay-trivia-container .uay-block-intro-card,
.uay-trivia-container .uay-question-card,
.uay-trivia-container .uay-trivia-result-card {
  border-radius: 1rem;
}

.uay-trivia-container .uay-trivia-block-summary {
  background: #fff;
}

.uay-trivia-container .uay-question-card {
  margin-bottom: 1rem;
}

.uay-trivia-container .uay-answer-option {
  cursor: pointer;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}

.uay-trivia-container .uay-answer-option.selected {
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

.uay-trivia-container .uay-answer-option.correct {
  border-color: #198754;
  background-color: #d1e7dd;
}

.uay-trivia-container .uay-answer-option.incorrect {
  border-color: #dc3545;
  background-color: #f8d7da;
}

.uay-trivia-container .uay-answer-option:disabled {
  opacity: 1;
}

.uay-trivia-container .uay-trivia-result {
  margin-top: 2rem;
}

.uay-trivia-container .uay-feedback {
  margin-top: 1rem;
}

.uay-trivia-container .uay-next-btn {
  margin-top: 1rem;
}

/* Ocultar campos de respuesta en dispositivos con poco ancho si es necesario */
.uay-answers-table input[type="text"] {
  min-width: 150px;
}