/* Pizarra guiada (assets/pizarra.js). Se carga después de temas.css y reutiliza sus tokens (--ink, --lime, --num, --den, --letra).
   Pizarra oscura con la escritura clara; la línea actual destacada; sin efectos decorativos. */
.pizarra{margin-top:18px;border:1px solid var(--ink);background:#fbfaf5;padding:14px 16px}
.pizarra h4{font:900 calc(11px*var(--letra)) Arial;letter-spacing:1.4px;margin:0 0 6px;color:#3a6a00}
.pz-intro{font:calc(15px*var(--letra))/1.6 Georgia;margin:0 0 10px;color:#2c3550}
.pz-empezar{min-height:44px;background:var(--lime);border:1px solid var(--ink);padding:8px 16px;font-size:calc(13px*var(--letra));font-weight:800;box-shadow:3px 3px 0 var(--ink)}
.pz-empezar[aria-expanded="true"]{background:#fff}
.pz-cuerpo{margin-top:14px;display:grid;gap:12px}
.pz-tablero{background:#1f3a2e;color:#fbfaf5;border:3px solid #8a6a3c;border-radius:4px;padding:14px 16px;min-height:120px;box-shadow:inset 0 0 0 2px #2a4a3c}
.pz-lineas{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:min(46vh,420px);overflow-y:auto;scroll-behavior:smooth}
.pz-linea{display:flex;gap:10px;align-items:baseline;padding:6px 10px;border-radius:3px;font:calc(20px*var(--letra))/1.6 Georgia;overflow-wrap:anywhere}
.pz-linea .fr>span{color:#fbfaf5}.pz-linea .fr>span:first-child{border-color:#fbfaf5;color:#ffd0b8}.pz-linea .fr>span:last-child{color:#bcd6ff}
.pz-hecha{opacity:.72}.pz-actual{background:rgba(255,255,255,.12);outline:2px solid var(--lime);outline-offset:0}
.pz-parte{flex:0 0 auto;background:var(--lime);color:var(--ink);font:800 calc(11px*var(--letra)) Arial;padding:2px 6px;border-radius:2px}
.pz-txt{flex:1;min-width:0}
.pz-vacia{margin:0;font:italic calc(15px*var(--letra)) Georgia;color:#d9e4dc}
@keyframes pz-aparecer{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pz-linea.pz-nueva{animation:pz-aparecer .35s ease-out}
.pz-habla{background:#fff;border:1px solid var(--ink);padding:12px 14px}
.pz-pos{margin:0 0 6px;font:800 calc(11px*var(--letra)) Arial;letter-spacing:.8px;color:#727989}
.pz-que p{font:calc(16px*var(--letra))/1.7 Georgia;margin:0}
.pz-msg{margin:0 0 8px;padding:8px 10px;font:calc(15px*var(--letra))/1.55 Georgia}.pz-msg.good{background:#e9ffc3}.pz-msg.info{background:#f1eee7}
.pz-porque{margin:10px 0 0;background:#f3f0e8;border-left:3px solid var(--coral);padding:9px 12px;font:calc(15px*var(--letra))/1.6 Georgia;color:#4f586f}.pz-porque b{display:block;font:900 calc(10px*var(--letra)) Arial;letter-spacing:1.2px;color:var(--ink)}
.pz-parada{border-top:1px dashed var(--ink);padding-top:10px}
.pz-tag{margin:0 0 6px;font:900 calc(10px*var(--letra)) Arial;letter-spacing:1.4px;color:#b4370f}
.pz-q{font:700 calc(16px*var(--letra))/1.6 Georgia;margin:0 0 8px}
.pz-parada .calc{margin:0 0 8px}.pz-parada .h-lab{display:block;margin-top:8px;font-size:calc(12px*var(--letra));font-weight:800}.pz-parada .answer{max-width:380px;margin-top:6px}
.pz-parada .qmsg{margin-top:8px;font:calc(15px*var(--letra))/1.6 Georgia}.pz-parada .qmsg.casi{color:#5b4300}.pz-anima{display:block;color:#3c4560}
.pz-ver{margin-top:10px;min-height:44px;background:none;border:1px dashed #9e9a91;padding:8px 12px;font-size:calc(12px*var(--letra));font-weight:800}
.pz-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pz-ctrl button[data-pz]{min-height:44px;background:#fff;border:1px solid var(--ink);padding:8px 14px;font-size:calc(13px*var(--letra));font-weight:800;box-shadow:2px 2px 0 var(--ink)}
.pz-ctrl button[data-pz=play]{background:var(--lime)}.pz-ctrl button[data-pz=play][aria-pressed="true"]{background:var(--yellow)}
.pz-ctrl button[data-pz]:disabled{opacity:.45;box-shadow:none;cursor:default}
.pz-ctrl .au-vel{margin-left:auto}
.pz-sinvoz{margin:0;font:calc(14px*var(--letra))/1.55 Georgia;color:#5b4300;background:#fff8e0;border:1px solid var(--ink);padding:8px 12px}
.pz-fin{background:var(--ink);color:#fff;padding:14px 16px;font:calc(15px*var(--letra))/1.6 Georgia}.pz-fin button{margin-top:8px;min-height:44px;background:#fff;color:var(--ink);border:1px solid var(--ink);padding:8px 14px;font-weight:800}
.pz-empezar:focus-visible,.pz-ctrl button:focus-visible,.pz-ver:focus-visible,.pz-fin button:focus-visible{outline:3px solid #ffad00;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pz-linea.pz-nueva{animation:none}.pz-lineas{scroll-behavior:auto}}
@media(max-width:620px){.pizarra{padding:12px}.pz-tablero{padding:10px 10px}.pz-linea{font-size:calc(18px*var(--letra));padding:5px 8px}.pz-ctrl button[data-pz]{flex:1 1 40%}.pz-ctrl .au-vel{margin-left:0;flex:1 1 100%;justify-content:stretch}.pz-ctrl .au-vel button{flex:1}}
body.imprimiendo .pizarra{display:none}
/* Alto contraste (accesibilidad.css pone fondo blanco y texto negro en todo): la línea actual se distingue por el borde. */
html[data-contraste] .pz-actual{outline:3px solid #000!important;outline-offset:0}html[data-contraste] .pz-hecha{opacity:1}html[data-contraste] .pz-parte{border:1px solid #000}