.aabn-app.aabn-board .aabn-board-welcome { justify-content:flex-end; margin:0; min-height:0; }
.aabn-app.aabn-board .aabn-board-home { gap:22px; }
.aabn-app.aabn-board .aabn-board-tile { min-height:170px; gap:8px; padding:12px; }
.aabn-app.aabn-board .aabn-board-tile > .aabn-board-art { height:96px; }
.aabn-app.aabn-board .aabn-workshop-cards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.aabn-app.aabn-board .aabn-workshop-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:172px; padding:12px; border:2px solid color-mix(in srgb,var(--wk-color),white 78%); border-radius:20px; background:color-mix(in srgb,var(--wk-color),white 95%); color:var(--aabn-ink); font:inherit; cursor:pointer; box-shadow:0 5px 0 color-mix(in srgb,var(--wk-color),white 88%); }
.aabn-app.aabn-board .aabn-workshop-card > svg { display:block; width:125px; max-width:100%; height:90px; }
.aabn-app.aabn-board .aabn-workshop-card > strong { font-size:19px; font-weight:850; line-height:1.15; }
.aabn-app.aabn-board .aabn-workshop-card:hover { border-color:var(--wk-color); transform:translateY(-2px); }
.aabn-app.aabn-board .aabn-workshop-page { min-width:0; }
.aabn-app.aabn-board .aabn-workshop-heading { display:flex; align-items:center; gap:16px; margin:0 0 12px; }
.aabn-app.aabn-board .aabn-workshop-heading h3 { flex:1; margin:0; font-size:clamp(22px,2vw,34px); font-weight:850; }
.aabn-app.aabn-board:not(.aabn-activity-focus) .aabn-workshop-heading h3 { display:none; }
.aabn-app.aabn-board:not(.aabn-activity-focus) .aabn-workshop-heading { justify-content:flex-end; }
.aabn-app.aabn-board .aabn-workshop-score { display:flex; align-items:center; justify-content:center; gap:8px; min-width:86px; min-height:48px; padding:6px 12px; border-radius:14px; color:var(--wk-color); background:color-mix(in srgb,var(--wk-color),white 92%); font-size:24px; font-weight:850; }
.aabn-app.aabn-board .aabn-workshop-layout { display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:start; gap:20px; }
.aabn-app.aabn-board .aabn-workshop-content { min-width:0; }
.aabn-app.aabn-board .aabn-workshop-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.aabn-app.aabn-board .aabn-workshop-controls label { display:flex; align-items:center; gap:10px; font-size:17px; font-weight:750; }
.aabn-app.aabn-board .aabn-workshop-controls select,
.aabn-app.aabn-board .aabn-workshop-controls input { min-height:50px; max-width:190px; padding:6px 12px; border:2px solid #c8dcd5; border-radius:12px; background:#fff; color:#18323a; font:inherit; font-size:20px; }
.aabn-app.aabn-board input.aabn-workshop-answer { display:inline-block; width:clamp(74px,8vw,125px); min-width:0; min-height:68px; padding:6px; border:2px dashed #b7cfc6; border-radius:13px; color:#18323a; background:#fff; font:inherit; font-size:clamp(26px,2.8vw,42px); font-weight:850; text-align:center; font-variant-numeric:tabular-nums; }
.aabn-app.aabn-board input.aabn-workshop-answer::placeholder { color:#9aab9f; opacity:.7; }
.aabn-app.aabn-board input.aabn-workshop-answer.is-correct { border:3px solid #16855d; background:#e4f6eb; color:#146641; }
.aabn-app.aabn-board input.aabn-workshop-answer:is(.is-incorrect,.is-empty) { border-color:#c9783d; background:#fff4e6; }
.aabn-app.aabn-board input.aabn-workshop-answer:focus-visible { outline:3px solid #e7af27; outline-offset:2px; }
.aabn-app.aabn-board .aabn-workshop-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:14px; }
.aabn-app.aabn-board .aabn-workshop-actions .aabn-button { min-height:52px; }
.aabn-app.aabn-board .aabn-workshop-feedback { font-size:18px; font-weight:800; color:var(--aabn-muted); }
.aabn-app.aabn-board .is-complete .aabn-workshop-feedback { color:#167e56; }
.aabn-app.aabn-board .aabn-workshop-keypad { position:sticky; top:86px; min-width:0; }
.aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad.is-docked { width:100%; border-radius:18px; padding:10px; }
.aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad__header,
.aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad__target,
.aabn-app.aabn-board .aabn-workshop-keypad :is([data-keypad-key="clear"],[data-keypad-key="sign"],[data-keypad-key="decimal"],[data-keypad-key="next"]) { display:none; }
.aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad__keys { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.aabn-app.aabn-board .aabn-workshop-keypad .aabn-keypad-key { min-height:58px; font-size:28px; }
.aabn-app.aabn-board .aabn-workshop-keypad [data-keypad-key="backspace"] { order:1; }
.aabn-app.aabn-board .aabn-workshop-keypad [data-keypad-key="0"] { order:2; grid-column:auto; }
.aabn-app.aabn-board .aabn-workshop-keypad [data-keypad-key="enter"] { order:3; grid-column:auto; }
.aabn-app.aabn-board .aabn-workshop-keypad [data-keypad-key="enter"] > span { display:none; }
@media (max-width:1400px) {
 .aabn-app.aabn-board .aabn-workshop-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:769px) and (max-width:1200px) {
 .aabn-app.aabn-board .aabn-workshop-layout { grid-template-columns:minmax(0,1fr); gap:10px; }
 .aabn-app.aabn-board .aabn-workshop-keypad { position:static; }
 .aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad__keys { display:flex; flex-wrap:nowrap; gap:6px; }
 .aabn-app.aabn-board .aabn-workshop-keypad .aabn-keypad-key { flex:1 1 0; min-width:44px; min-height:48px; padding:4px; font-size:25px; }
 .aabn-app.aabn-board .aabn-workshop-keypad .aabn-numeric-keypad.is-docked { padding:6px; }
 .aabn-app.aabn-board .aabn-workshop-heading { margin-bottom:8px; }
 .aabn-app.aabn-board .aabn-workshop-heading h3 { font-size:24px; }
}
@media (max-width:768px) {
 .aabn-app.aabn-board .aabn-workshop-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .aabn-app.aabn-board .aabn-workshop-card { min-height:155px; padding:10px; }
 .aabn-app.aabn-board .aabn-workshop-card > strong { font-size:17px; }
 .aabn-app.aabn-board .aabn-workshop-heading { flex-wrap:wrap; gap:8px; }
 .aabn-app.aabn-board .aabn-workshop-heading h3 { flex:1 1 100%; font-size:23px; }
 .aabn-app.aabn-board .aabn-workshop-layout { grid-template-columns:minmax(0,1fr); gap:12px; }
 .aabn-app.aabn-board .aabn-workshop-keypad { position:static; width:100%; max-width:310px; justify-self:center; }
 .aabn-app.aabn-board .aabn-workshop-controls { gap:8px; }
 .aabn-app.aabn-board .aabn-workshop-controls label { flex-wrap:wrap; gap:6px; font-size:15px; }
 .aabn-app.aabn-board input.aabn-workshop-answer { min-height:56px; font-size:28px; }
 .aabn-app.aabn-board .aabn-workshop-actions .aabn-button { min-height:48px; padding:8px 10px; font-size:14px; }
}
@media print { .aabn-app.aabn-board .aabn-workshop-keypad { display:none; } }

/* La goma conserva un botón completo y fácil de localizar. */
.aabn-app.aabn-board .aabn-workshop-actions [data-action="workshop-clear"] { min-width:52px; min-height:52px; padding:10px; border:2px solid #bdd8cf; border-radius:14px; background:#f4faf7; color:#245b57; box-shadow:0 3px 0 #e0ece6; }
.aabn-app.aabn-board .aabn-workshop-actions [data-action="workshop-clear"]:hover { border-color:#57a996; background:#e3f4ec; }
.aabn-app.aabn-board .aabn-workshop-actions [data-action="workshop-clear"]:active { box-shadow:none; }
.aabn-app.aabn-board.aabn-high-contrast .aabn-workshop-actions [data-action="workshop-clear"] { color:#000; background:#fff; border-color:#000; box-shadow:none; }