/* Modo examen */
input[type=radio]{padding:0;border:0;width:18px;height:18px;accent-color:var(--pri);flex:none}
.chip{display:inline-block;font-size:.8rem;padding:2px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);margin-bottom:6px}
.od{display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px;margin:6px 0;transition:border-color .2s,background .2s}
label.od{cursor:pointer}
label.od:hover,label.od:has(:checked){border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,transparent)}
.od.cor{border-color:var(--on);background:rgba(31,191,107,.16)}
.od.err{border-color:var(--bad);background:rgba(217,60,69,.14)}
.exh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.reloj{margin:0;color:var(--muted)}
.nota{font-size:clamp(2.6rem,10vw,4rem);margin:4px 0;font-weight:500}
.rv.bien{border-left:5px solid var(--on)}
.rv.mal{border-left:5px solid var(--bad)}
.exp{background:var(--bg);border-radius:8px;padding:10px 14px;margin:10px 0 0}
.hist{color:var(--muted);padding-left:20px}
@media print{.sticky,.hero,.noprint,footer{display:none!important}body{background:#fff;color:#000}.card{break-inside:avoid;animation:none!important;border-color:#999}}


.nota-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ring{width:120px;height:120px;transform:rotate(-90deg);flex:none}
.rb,.rf{fill:none;stroke-width:10}
.rb{stroke:var(--line)}
.rf{stroke:var(--on);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.5s cubic-bezier(.2,.8,.2,1)}
.barra-ex{position:sticky;bottom:0;z-index:4;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;margin-top:16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(8px)}
.prog{flex:1;font-size:.9rem;color:var(--muted)}
.track{height:6px;border-radius:3px;background:var(--line);margin-top:6px;overflow:hidden}
#fill{height:100%;width:0;background:var(--pri);border-radius:3px;transition:width .4s cubic-bezier(.3,1,.4,1)}