/* Pizarra de retos CapiReto — estilos aislados con prefijo cr- */
.cr-board{position:relative;box-sizing:border-box;width:100%;max-width:560px;background:#0b4652;border-radius:22px;padding:22px 22px 26px;border:10px solid #b9854f;box-shadow:0 18px 40px -22px rgba(9,40,48,.6);color:#f4f7f2;font-family:"Atkinson Hyperlegible","Segoe UI",Arial,sans-serif;margin-bottom:20px}
.cr-board *{box-sizing:border-box}
.cr-board::after{content:"";position:absolute;left:16%;right:16%;bottom:-20px;height:10px;border-radius:0 0 8px 8px;background:#9c6c3d}
.cr-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;opacity:.8}
.cr-q{font-family:"Grandstander","Comic Sans MS","Trebuchet MS",sans-serif;font-weight:800;font-size:clamp(24px,3.4vw,36px);line-height:1.15;margin:18px 0 6px;color:#f4f7f2}
.cr-sub{margin:0 0 16px;opacity:.75;font-size:15px;min-height:1em}
.cr-opts{display:flex;flex-wrap:wrap;gap:10px}
.cr-opts button{flex:1 1 30%;min-width:96px;min-height:58px;border-radius:14px;border:2px solid rgba(244,247,242,.35);background:rgba(244,247,242,.06);color:#f4f7f2;font:800 21px "Grandstander","Comic Sans MS",sans-serif;cursor:pointer;padding:6px 10px}
.cr-opts button:hover{border-color:#f4f7f2}
.cr-opts button:focus-visible,.cr-next:focus-visible{outline:3px solid #ee8320;outline-offset:2px}
.cr-opts button.cr-ok{background:#2c9a58;border-color:#2c9a58;color:#fff}
.cr-opts button.cr-bad{background:#d4433b;border-color:#d4433b;color:#fff}
.cr-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;min-height:36px}
.cr-msg{margin:0;font-weight:700;font-size:15px}
.cr-next{border:0;background:#ee8320;color:#1e1206;font:800 15px "Grandstander","Comic Sans MS",sans-serif;padding:8px 16px;border-radius:999px;cursor:pointer;flex:none}