/* Quiz interactivo styles */
.quiz-question {
    margin-bottom: 1.5rem;
}

.quiz-options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.quiz-option {
    padding: 0.75rem;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    background: transparent;
    color: var(--text-primary);
    text-align: left;
    transition: all 0.3s ease;
    font-family: inherit;
}

.quiz-option:hover {
    border-color: var(--accent-blue);
    background: rgba(99, 102, 241, 0.1);
}

.quiz-option.selected {
    border-color: var(--accent-blue);
    background: rgba(99, 102, 241, 0.2);
    color: var(--accent-blue);
    font-weight: bold;
}

.quiz-option.correct {
    border-color: var(--accent-green);
    background: rgba(34, 197, 94, 0.2);
    color: var(--accent-green);
}

.quiz-option.incorrect {
    border-color: #dc3545;
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

#quiz-result {
    margin-top: 1.5rem;
    padding: 1rem;
    border-radius: 8px;
    display: none;
    text-align: center;
    font-weight: bold;
}

#quiz-result.good {
    background: rgba(34, 197, 94, 0.2);
    border: 2px solid var(--accent-green);
    color: var(--accent-green);
}

#quiz-result.warning {
    background: rgba(245, 158, 11, 0.2);
    border: 2px solid var(--accent-orange);
    color: var(--accent-orange);
}

#quiz-result.danger {
    background: rgba(220, 53, 69, 0.2);
    border: 2px solid #dc3545;
    color: #dc3545;
}