/* Color y ayuda visual sólo en la práctica revisada. */
.beginner-practice{--learn-blue:#dceefa;--learn-mint:#def3e8;--learn-accent:#386d9e;--learn-ink:#203f55;--learn-soft:#f4f8fd;color:var(--text,#20303b)}.beginner-theme-26,.beginner-theme-30,.beginner-theme-34{--learn-accent:#367e68;--learn-soft:#eff8f2}.beginner-theme-27,.beginner-theme-31,.beginner-theme-35{--learn-accent:#9b6b2b;--learn-soft:#fcf6e9}.beginner-theme-28,.beginner-theme-32{--learn-accent:#7962a5;--learn-soft:#f6f2fb}.beginner-practice *{box-sizing:border-box}.beginner-intro{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 22px;border:1px solid #cddfe9;border-radius:16px;background:var(--learn-soft);margin:18px 0}.beginner-intro>p{font-size:20px;font-weight:600;margin:0}.beginner-language{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15px}.beginner-language select{font:inherit;min-height:44px;max-width:100%;padding:8px 12px;border-radius:10px;background:var(--surface,#fff);color:inherit;border:1px solid #b4cad7}.beginner-section-title{color:var(--muted,#61727d)}.beginner-progress{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:16px;margin:20px 0}.beginner-progress>div{display:flex;gap:7px}.beginner-progress i{display:block;width:12px;height:12px;border-radius:50%;background:#d8e2ed}.beginner-progress i.done{background:#4a9a75;box-shadow:0 0 0 3px #e4f2e9}.beginner-match{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px;margin:auto}.beginner-match>div{display:grid;grid-template-rows:auto repeat(5,minmax(76px,auto));gap:12px;min-width:0}.beginner-match h2{font-size:18px;margin:0 0 4px;color:var(--learn-ink)}.beginner-pair,.beginner-option{font:inherit;font-size:clamp(16px,1.8vw,21px);line-height:1.35;cursor:pointer;min-height:60px;padding:16px 18px;border:2px solid transparent;border-radius:15px;color:var(--learn-ink);text-align:center;overflow-wrap:anywhere;white-space:normal;box-shadow:0 2px 5px #233f5710}.beginner-pair{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.beginner-pair.left{background:var(--learn-blue);border-color:#b8d8ed}.beginner-pair.right{background:var(--learn-mint);border-color:#b9ddca}.beginner-pair small{font-size:13px}.beginner-pair.is-selected,.beginner-option:hover:not(:disabled){border-color:var(--learn-accent);box-shadow:0 0 0 3px #90bce738,0 3px 10px #31577c1a}.beginner-practice button:focus-visible,.beginner-practice input:focus-visible,.beginner-practice select:focus-visible{outline:3px solid #537fbc;outline-offset:4px}.beginner-practice .is-correct{background:#d8f1df!important;border-color:#57956c!important;color:#235d37!important}.beginner-practice .is-wrong{background:#fff0ed!important;border-color:#cd766b!important;color:#8b3a32!important}.beginner-pair:disabled,.beginner-option:disabled{opacity:1;cursor:default}.beginner-question{background:var(--surface,#fff);border:1px solid #d7e1e8;border-top:5px solid var(--learn-accent);border-radius:20px;box-shadow:0 4px 16px #294f7210;padding:clamp(18px,3vw,32px);min-width:0}.beginner-sentence{font-size:clamp(20px,2.3vw,28px);line-height:1.7;max-width:800px;margin:16px auto 24px;overflow-wrap:anywhere}.beginner-gap{display:inline-block;min-width:65px;border-bottom:3px solid #86aacb;color:#3a719c;font-weight:700;text-align:center;background:#eef5fb;line-height:1.2;border-radius:5px;padding:2px 8px}.beginner-meaning{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-radius:12px;background:#f6f0df;padding:12px 16px;margin:20px 0;font-size:20px}.beginner-meaning>span{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#766442}.beginner-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.beginner-option{background:#e7eefb;border-color:#c9d6ed;min-width:0;min-height:70px}.beginner-word-clue{font-size:16px;background:var(--learn-soft);padding:12px 16px;border-radius:12px;overflow-wrap:anywhere}.beginner-word-clue span{font-size:20px;font-weight:600;letter-spacing:2px;color:var(--learn-accent);word-break:break-word}.beginner-practice form{display:grid;gap:10px;max-width:760px;margin:20px auto}.beginner-practice input{display:block;width:100%;max-width:100%;min-width:0;min-height:54px;border:2px solid #b8cbdc;border-radius:12px;padding:12px 15px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:20px}.beginner-practice form>.btn{justify-self:start}.beginner-practice .btn{min-height:44px;white-space:normal}.beginner-example{border-left:4px solid #69a77e;background:#eff8f1;color:#244b30;font-size:20px;line-height:1.7;padding:16px 18px;border-radius:10px;margin:18px 0;overflow-wrap:anywhere}.beginner-filled{font-weight:700}.beginner-feedback{min-height:32px;padding:10px 14px;font-size:18px;border-radius:10px;border:2px solid transparent;margin:18px 0}.beginner-art{background:var(--learn-soft);border-radius:16px;margin:0 auto 18px;max-width:290px;padding:12px;min-width:0}.beginner-practice .beginner-art svg{display:block;width:100%;height:auto;max-height:150px;max-width:240px;aspect-ratio:3/2;margin:auto;overflow:hidden}.beginner-results{text-align:center;padding:26px;background:var(--surface,#fff);border:1px solid #d4e5d9;border-radius:22px;box-shadow:0 4px 16px #2a6a4010}.beginner-result-mark{display:grid;place-items:center;background:#d9f0df;color:#3d8652;border-radius:50%;font-size:42px;width:74px;height:74px;margin:auto}.beginner-results h2{margin-top:14px}.beginner-score{font-size:60px;font-weight:700;color:var(--learn-accent);margin:12px 0}.beginner-score>span{font-size:27px;font-weight:500;color:var(--muted,#64757d)}.beginner-results .vocab-controls{justify-content:center}.beginner-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left;margin-top:16px}.beginner-review>div{display:grid;gap:5px;padding:14px;background:var(--learn-soft);border-radius:12px;overflow-wrap:anywhere}.beginner-review span{font-size:17px;color:var(--muted,#61727d)}@media(max-width:600px){.beginner-options{grid-template-columns:1fr}.beginner-option{min-height:58px}.beginner-match{gap:10px}.beginner-match>div{gap:10px;grid-template-rows:auto repeat(5,minmax(76px,auto))}.beginner-pair{padding:12px 7px}.beginner-intro{padding:14px}.beginner-intro>p{font-size:18px}.beginner-language{font-size:14px}.beginner-review{grid-template-columns:1fr}.beginner-score{font-size:48px}.beginner-results{padding:18px}.beginner-word-clue span{font-size:18px;letter-spacing:1px}}

.beginner-intro,.beginner-meaning,.beginner-word-clue,.beginner-art,.beginner-review>div{color:var(--learn-ink)}.beginner-language select{color:var(--text,#20303b)}.beginner-review span{color:#526978}
.beginner-pair,.beginner-option{font-weight:500}.beginner-sentence,.beginner-practice input{font-weight:400}
