/* ===== Test jugable dentro del móvil del hero ===== */
.mk-body--quiz { overflow-y: auto; gap: 8px; scrollbar-width: thin; }
.mk-body--quiz::-webkit-scrollbar { width: 4px; }
.mk-body--quiz::-webkit-scrollbar-thumb { background: var(--opogc-border); border-radius: 4px; }

.pq-q { font-family: var(--opogc-font-title); font-weight: 700; font-size: 0.78rem; line-height: 1.35; color: var(--opogc-text); margin: 0 0 4px; }

.pq-opt { display: flex; align-items: flex-start; gap: 7px; width: 100%; text-align: left; padding: 8px 9px; background: #fff; border: 1.5px solid var(--opogc-border); border-radius: 9px; font-family: var(--opogc-font-body); font-size: 0.7rem; line-height: 1.35; color: var(--opogc-text-soft); cursor: pointer; transition: border-color .15s, background .15s; }
.pq-opt:hover:not([disabled]) { border-color: var(--opogc-green-pastel); background: var(--opogc-green-soft); }
.pq-opt[disabled] { cursor: default; }
.pq-key { flex-shrink: 0; width: 18px; height: 18px; border-radius: 6px; background: var(--opogc-surface-alt); display: flex; align-items: center; justify-content: center; font-family: var(--opogc-font-title); font-weight: 700; font-size: 0.62rem; color: var(--opogc-text-muted); }
.pq-opt.is-correct { border-color: var(--opogc-green-pastel); background: var(--opogc-green-soft); color: var(--opogc-green-deep); font-weight: 600; }
.pq-opt.is-correct .pq-key { background: var(--opogc-green-pastel); color: #fff; }
.pq-opt.is-wrong { border-color: #d98a8e; background: #fbeef0; color: #8a3a3f; }
.pq-opt.is-wrong .pq-key { background: #c2575c; color: #fff; }

.pq-exp { font-size: 0.66rem; line-height: 1.45; padding: 8px 9px; border-radius: 8px; background: var(--opogc-green-soft); color: var(--opogc-text-soft); border-left: 3px solid var(--opogc-green-pastel); }
.pq-exp.no { background: #fbeef0; border-left-color: #c2575c; }
.pq-exp strong { color: var(--opogc-green-deep); }

.pq-result { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; gap: 9px; padding: 10px; }
.pq-num { font-family: var(--opogc-font-title); font-weight: 800; font-size: 2.2rem; color: var(--opogc-green-deep); line-height: 1; }
.pq-msg { font-size: 0.72rem; color: var(--opogc-text-soft); margin: 0; }
.pq-cta { display: inline-block; background: var(--opogc-green-pastel); color: #fff; font-weight: 700; font-size: 0.74rem; padding: 9px 18px; border-radius: 999px; text-decoration: none; box-shadow: 0 4px 14px rgba(76,175,125,.32); }
.pq-retry { background: none; border: none; color: var(--opogc-text-muted); font-size: 0.7rem; font-weight: 600; cursor: pointer; text-decoration: underline; font-family: var(--opogc-font-body); }