/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2026 | 19:09:10 */
/* ===== Quiz Tutor LMS - Tema Negro y Dorado ===== */

:root{
  --quiz-black: #0d0d0d;
  --quiz-black-soft: #1a1a1a;
  --quiz-gold: #d4af37;
  --quiz-gold-light: #f2d675;
  --quiz-border: #2e2e2e;
  --quiz-text: #f1f1f1;
}

.quiz-attempt-single-question{
  background-color: var(--quiz-black);
  padding: 30px;
  border-radius: 12px;
  border: 1px solid var(--quiz-border);
  margin-top:20px
}

/* Título de la pregunta */
.quiz-question-title.tutor-color-black{
  color: var(--quiz-gold-light) !important;
}

/* Tarjetas de cada opción de respuesta */
.tutor-quiz-answer-single .tutor-quiz-question-item{
  cursor: pointer;
}

.tutor-quiz-answer-single .tutor-card{
  background-color: var(--quiz-black-soft) !important;
  border: 1px solid var(--quiz-border) !important;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.tutor-quiz-answer-single .tutor-card:hover{
  border-color: var(--quiz-gold) !important;
  background-color: #232323 !important;
}

/* Texto de cada opción */
.tutor-quiz-answer-single .tutor-color-black{
  color: var(--quiz-text) !important;
}

/* ===== Radio button personalizado (lo que no se veía) ===== */
.tutor-form-check-input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid var(--quiz-gold);
  border-radius: 50%;
  background-color: transparent;
  margin-right: 12px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tutor-form-check-input:hover{
  border-color: var(--quiz-gold-light);
}

.tutor-form-check-input:checked{
  background-color: var(--quiz-gold);
  border-color: var(--quiz-gold);
}

.tutor-form-check-input:checked::after{
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: var(--quiz-black);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Resalta la tarjeta cuando su radio está seleccionado */
.tutor-quiz-answer-single .tutor-form-check-input:checked ~ span,
.tutor-quiz-answer-single label:has(.tutor-form-check-input:checked) .tutor-card{
  border-color: var(--quiz-gold) !important;
  background-color: #262016 !important;
}

/* ===== Botones ===== */
.tutor-quiz-btn-group .tutor-btn-primary{
  background-color: var(--quiz-gold) !important;
  border-color: var(--quiz-gold) !important;
  color: var(--quiz-black) !important;
  font-weight: 600;
  border-radius:30px
}

.tutor-quiz-btn-group .tutor-btn-primary:hover{
  background-color: var(--quiz-gold-light) !important;
  border-color: var(--quiz-gold-light) !important;
}

.tutor-quiz-btn-group .tutor-btn-ghost{
  color: var(--quiz-gold) !important;
  border: 1px solid var(--quiz-gold) !important;
  background: transparent !important;
  padding:10px 20px !important;
  border-radius:30px
}

.tutor-quiz-btn-group .tutor-btn-ghost:hover{
  background-color: rgba(212,175,55,0.1) !important;
}

/* ===== Tabla de resultados del Quiz - Fondo blanco / Acentos dorados ===== */

.tutor-table-quiz-attempts{
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.tutor-dashboard-list-table{
  border-radius: 10px;
  overflow: hidden;
}

/* Encabezado */
.tutor-table-quiz-attempts thead th{
  background-color: var(--quiz-black, #0d0d0d);
  color: var(--quiz-gold, #d4af37);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.4px;
  padding: 14px 16px;
  border: none;
}

/* Filas del cuerpo */
.tutor-table-quiz-attempts tbody td{
  color: #1a1a1a;
  background-color: #ffffff;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

.tutor-table-quiz-attempts tbody tr:last-child td{
  border-bottom: none;
}

.tutor-table-quiz-attempts tbody tr:hover td{
  background-color: #faf7ee; /* dorado muy suave al pasar el mouse */
}

/* Badges de resultado */
.tutor-badge-label{
  display: inline-block;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
}

.tutor-badge-label.label-success{
  background-color: #eaf7ec;
  color: #1e7e34;
  border: 1px solid #b7e4bd;
}

.tutor-badge-label.label-danger{
  background-color: #fdecec;
  color: #c0392b;
  border: 1px solid #f3b8b3;
}

/* Botón "Detalles" */
.tutor-table-quiz-attempts .tutor-btn-tertiary{
  background-color: transparent;
  color: var(--quiz-black, #0d0d0d);
  border: 1px solid var(--quiz-gold, #d4af37);
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.tutor-table-quiz-attempts .tutor-btn-tertiary:hover{
  background-color: var(--quiz-gold, #d4af37);
  color: #ffffff !important;
  border-color: var(--quiz-gold, #d4af37);
}

/* Vista responsive (mobile: data-title como etiqueta) */
@media (max-width: 767px){
  .tutor-table-mobile tbody tr{
    display: block;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    padding: 8px 0;
  }
  .tutor-table-mobile tbody td{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
  }
  .tutor-table-mobile tbody td::before{
    content: attr(data-title);
    font-weight: 600;
    color: var(--quiz-gold, #d4af37);
    margin-right: 10px;
  }
}