/* Pistas construidas con texto y CSS: legibles, adaptables y sin dependencias. */
.visual-hint{margin-top:20px;padding-top:18px;border-top:2px dashed #d3b35d;min-width:0;max-width:100%}
.visual-hint-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.visual-hint-title h3{font-size:20px;line-height:1.2;color:#26365e;letter-spacing:-.02em}
.visual-hint-title p{margin-top:5px;font-size:13px!important;line-height:1.4!important;color:#58617a}
.visual-hint-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:2px solid #26365e;border-radius:13px;background:#ffc857;box-shadow:2px 3px 0 #26365e;font-weight:900;font-size:23px;color:#26365e;transform:rotate(-5deg)}
.visual-hint--p .visual-hint-icon{background:#b0e8df;font-size:19px}
.scratch-workbench{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px;padding:22px 18px 25px;border:2px solid #c6d5e4;border-radius:18px;background-color:#f5faff;background-image:radial-gradient(#cbd9e7 1.2px,transparent 1.2px);background-size:16px 16px;min-width:0;max-width:100%;box-shadow:0 5px 0 #d8e1ed}
.scratch-stack{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;padding-top:8px;padding-bottom:3px;flex:0 1 auto}
.scratch-block{--block:#b97512;--block-edge:#86570c;position:relative;isolation:isolate;background:var(--block);border:1.5px solid var(--block-edge);border-radius:5px;box-shadow:inset 0 1px 0 #ffffff40;color:#fff;max-width:100%;min-width:0;min-height:37px;padding:7px 9px;font-size:13px;line-height:1.6;font-weight:750;text-shadow:0 1px 1px #00000038;margin-bottom:-1px}
.scratch-block::before{content:'';position:absolute;z-index:1;top:-1.5px;left:17px;width:26px;height:5px;border-radius:0 0 5px 5px;background:#f5faff;border-bottom:1.5px solid var(--block-edge);border-right:1.5px solid var(--block-edge);border-left:1.5px solid var(--block-edge)}
.scratch-block::after{content:'';position:absolute;z-index:2;bottom:-5px;left:17px;width:26px;height:6px;border-radius:0 0 5px 5px;background:var(--block);border-bottom:1.5px solid var(--block-edge);border-right:1.5px solid var(--block-edge);border-left:1.5px solid var(--block-edge)}
.scratch-block--event{--block:#ffbf00;--block-edge:#bd8800;color:#3c3213;text-shadow:none}
.scratch-block--motion{--block:#3475ca;--block-edge:#245592}
.scratch-block--looks{--block:#8150d6;--block-edge:#6033a8}
.scratch-block--control{--block:#ffab19;--block-edge:#bf7710;color:#3c3213;text-shadow:none}
.scratch-block--variable{--block:#ff8c1a;--block-edge:#be5f0b;color:#422913;text-shadow:none}
.scratch-block--sensing{--block:#5cb1d6;--block-edge:#347e9e;color:#153443;text-shadow:none}
.scratch-block--operator{--block:#59c059;--block-edge:#358438;color:#173f1a;text-shadow:none}
.scratch-block--sound{--block:#ad43ad;--block-edge:#7e2b7e}
.scratch-hat{border-radius:19px 19px 5px 5px;padding-top:13px;margin-top:7px}
.scratch-hat::before{display:none}
.scratch-block-label{position:relative;min-width:0;overflow-wrap:anywhere}
.scratch-flag{color:#147d3c;font-size:22px;line-height:1;vertical-align:middle;text-shadow:none}
.scratch-input{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;min-width:22px;padding:3px 8px;background:#fff;color:#33425c;border:1px solid #00000026;border-radius:999px;text-shadow:none;font-weight:650;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.scratch-input.is-gap{background:#fff9d8;border:1.5px dashed #806d30;color:#625322}
.scratch-menu{background:#ffffff30;color:inherit;border:1px solid #00000022;border-radius:5px}
.scratch-menu.is-gap{background:#fff9d8;color:#625322}
.scratch-reporter{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 8px;border-radius:999px;border:1px solid #bd600c;background:#ff8c1a;color:#3c2818;text-shadow:none;font-size:12px;line-height:2;font-weight:750;overflow-wrap:anywhere}
.scratch-reporter--looks{background:#8150d6;border-color:#6033a8;color:white}
.scratch-reporter--sensing{background:#5cb1d6;border-color:#347e9e;color:#153443}
.scratch-operator{background:#59c059;border-color:#358438;border-radius:9px;color:#173f1a;padding-top:5px;padding-bottom:5px}
.scratch-c-block{padding:0;border-radius:5px;width:100%}
.scratch-c-block>.scratch-block-label{padding:8px 10px}
.scratch-nest{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;max-width:100%;margin-left:13px;padding:7px 8px 9px 0;border-radius:4px 0 0 4px;background:#f5faff;box-shadow:inset 0 1px 0 #00000012}
.scratch-nest>.scratch-block{max-width:100%}
.scratch-nest .scratch-block::before{background:#f5faff}
.scratch-else-label{padding:5px 10px 7px 15px}
.scratch-c-foot{height:12px}
.scratch-key-block{box-shadow:inset 0 1px 0 #ffffff50,0 0 0 2px #ffe5a360}
.scratch-slot{display:flex;align-items:center;gap:7px;min-height:37px;max-width:100%;padding:8px 10px;margin:4px 0;border:1.5px dashed #8a9aad;border-radius:7px;background:#ffffffb3;color:#526279;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;text-shadow:none}
.scratch-slot-symbol{font-size:19px;line-height:1;flex:none;color:#657a94}
.block-legend{display:flex;gap:7px 13px;flex-wrap:wrap;padding:15px 2px 0;max-width:100%}
.block-category{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;line-height:1.5;color:#4b5770}
.block-category i{display:block;width:9px;height:9px;border-radius:3px;background:#ffbf00;box-shadow:inset 0 0 0 1px #00000020;flex:none}
.block-category--motion i{background:#3475ca}.block-category--looks i{background:#8150d6}.block-category--control i{background:#ffab19}.block-category--variable i{background:#ff8c1a}.block-category--sensing i{background:#5cb1d6}.block-category--operator i{background:#59c059}.block-category--sound i{background:#ad43ad}
.visual-hint-note{margin-top:15px!important;padding:12px 14px;border-left:4px solid #bf912f;border-radius:0 8px 8px 0;background:#fff9e6;color:#594d30;font-size:13px!important;line-height:1.65!important;overflow-wrap:anywhere}
.python-editor{border:2px solid #21354e;border-radius:16px;overflow:hidden;max-width:100%;min-width:0;background:#152438;box-shadow:0 5px 0 #c9d7e5}
.python-editor-bar{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#253b55;color:#b9cbdf;font:11px/1.4 Consolas,'Courier New',monospace;min-width:0;flex-wrap:wrap}
.python-editor-dots{display:flex;gap:4px}.python-editor-dots i{width:6px;height:6px;display:block;background:#f29d9d;border-radius:50%}.python-editor-dots i:nth-child(2){background:#f2ce7d}.python-editor-dots i:nth-child(3){background:#82d9b6}
.python-editor-badge{margin-left:auto;color:#9ce6c2;font-weight:750}
.python-code{margin:0;padding:18px 17px 22px;color:#e6edf7;font:13px/1.85 Consolas,'Cascadia Code','Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;tab-size:4;min-width:0;max-width:100%;text-align:left}
.python-code code{font:inherit;white-space:inherit;overflow-wrap:inherit}
.python-code:focus-visible{outline:3px solid #ffcf70;outline-offset:-5px;border-radius:3px}
.python-keyword{color:#d6a9ff}.python-function{color:#92d9ff}.python-string{color:#a4e5bb}.python-number{color:#ffcd8c}.python-comment{color:#b0bed0;font-style:italic}
@media(max-width:480px){.visual-hint{margin-top:17px}.visual-hint-title{gap:9px}.visual-hint-title h3{font-size:18px}.visual-hint-icon{width:35px;height:35px;border-radius:10px}.scratch-workbench{padding:16px 10px 20px;gap:14px;border-radius:13px}.scratch-stack{width:100%}.scratch-block{font-size:12px;padding:6px 7px}.scratch-input,.scratch-reporter{font-size:11px;padding:3px 6px}.scratch-hat{padding-top:12px}.scratch-c-block{padding:0}.scratch-c-block>.scratch-block-label{padding:7px 8px}.scratch-nest{margin-left:10px;padding-right:6px}.scratch-slot{font-size:11px;padding:7px}.python-code{padding:15px 11px 18px;font-size:12px;line-height:1.8}.python-editor-bar{gap:6px;padding:10px}.visual-hint-note{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){.visual-hint *{animation:none!important;transition:none!important}}