.question-card {
            margin-bottom: 40px;
            padding: 20px;
            border-bottom: 1px solid #e5e7eb;
        }
        .options-list {
            list-style: none;
            padding-left: 0;
            margin: 15px 0;
        }

        .option-item {
            padding: 10px;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            margin-bottom: 8px;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s;
        }

        .option-item:hover {
            background: #f3f4f6;
        }

        .option-item.correct {
            background: #dcfce7;
            border-color: #22c55e;
        }

        .option-item.incorrect {
            background: #fee2e2;
            border-color: #ef4444;
        }

        .option-item.gabarito-reveal {
            background: #dcfce7;
            border-color: #22c55e;
            font-weight: 600;
        }

        .badge {
            font-size: 12px;
            background: #111827;
            color: white;
            padding: 2px 8px;
            border-radius: 12px;
            margin-right: 10px;
        }

        /* Botão "Ver Gabarito" */
        .btn-gabarito {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 10px;
            padding: 7px 16px;
            background: #ffffff;
            color: #374151;
            border: 1.5px solid #d1d5db;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.15s, border-color 0.15s, color 0.15s;
        }

        .btn-gabarito:hover {
            background: #f9fafb;
            border-color: #9ca3af;
        }

        .btn-gabarito.active {
            background: #f0fdf4;
            border-color: #22c55e;
            color: #15803d;
        }

        .btn-gabarito svg {
            flex-shrink: 0;
            transition: transform 0.2s;
        }

        .btn-gabarito.active svg {
            transform: rotate(180deg);
        }

        /* Bloco do gabarito revelado */
        .gabarito-box {
            display: none;
            align-items: center;
            gap: 8px;
            margin-top: 10px;
            padding: 10px 14px;
            background: #f0fdf4;
            border: 1.5px solid #86efac;
            border-radius: 8px;
            font-size: 14px;
            color: #15803d;
            font-weight: 500;
            animation: fadeSlideIn 0.2s ease;
        }

        .gabarito-box.visible {
            display: flex;
        }

        .gabarito-box .gabarito-label {
            font-weight: 700;
            letter-spacing: 0.02em;
        }

        @keyframes fadeSlideIn {
            from { opacity: 0; transform: translateY(-4px); }
            to   { opacity: 1; transform: translateY(0); }
        }