.trivia-page{color:#204735;max-width:820px;margin:auto;padding:26px 14px 56px}.trivia-panel{background:linear-gradient(150deg,#fbfcf7,#edf4e9);border:1px solid #d2e2d1;border-radius:26px;padding:clamp(18px,5vw,42px);box-shadow:0 12px 36px #234b3512}.trivia-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.trivia-top>span{letter-spacing:.09em;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.trivia-top svg{flex-shrink:0}.trivia-sound{color:#245e42;cursor:pointer;background:#fff;border:1px solid #c3d9c5;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.trivia-panel h1{margin:16px 0;font-size:clamp(32px,7vw,58px);line-height:1.05}.trivia-panel h2{margin:13px 0;font-size:clamp(22px,4.5vw,30px);line-height:1.25}.trivia-lead{font-size:18px;line-height:1.55}.trivia-facts,.trivia-temas,.trivia-actions{flex-wrap:wrap;gap:8px;display:flex}.trivia-facts span,.trivia-tag{color:#214f39;background:#dfebdb;border-radius:25px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block}.trivia-temas button,.trivia-primary,.trivia-actions .outline{cursor:pointer;border-radius:14px;min-height:44px;padding:11px 16px}.trivia-temas button{color:#214f39;background:#fff;border:1px solid #b8d1bd}.trivia-temas button[aria-pressed=true]{color:#fff;background:#214f39;border-color:#214f39}.trivia-primary{color:#fff;background:#22583d;border:1px solid #22583d;align-items:center;gap:8px;margin-top:16px;font-weight:750;display:inline-flex}.trivia-progress{justify-content:space-between;gap:10px;margin-top:22px;font-weight:700;display:flex}.trivia-panel progress{accent-color:#337a50;width:100%;height:12px;margin:5px 0 12px}.trivia-options{gap:8px;display:grid}.trivia-options button{text-align:left;color:#183f2d;cursor:pointer;background:#fff;border:1px solid #bed4c1;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;font-size:16px;line-height:1.35;display:flex}.trivia-options button:disabled{opacity:1;cursor:default}.trivia-options button>span{background:#e8f0e4;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.trivia-options button small{margin-left:auto;font-weight:700}.trivia-options .correcta{background:#dff1df;border-color:#438958}.trivia-options .incorrecta{background:#fff0db;border-color:#be7424}.trivia-feedback{background:#e2f1df;border-radius:14px;margin-top:13px;padding:12px 16px}.trivia-feedback.aprendizaje{background:#fff0db}.trivia-feedback p{margin:4px 0 0;line-height:1.5}.trivia-score{margin:0;font-size:48px;font-weight:850}.trivia-trophy{color:#9a5e17}.trivia-review{margin-top:16px}.trivia-review summary{cursor:pointer;font-weight:700}.trivia-review p{margin:4px 0 12px}.trivia-actions .outline{margin-top:16px}.trivia-panel button:focus-visible{outline-offset:3px;outline:3px solid #a45717}.trivia-panel h2:focus{outline:none}