/* Colorful learning space */
:root{--ink:#272441;--green:#6846d5;--muted:#817b98;--paper:#f6f3ff;--lime:#ffdf77}
body{background:radial-gradient(ellipse at 90% 0,#ffe9e6 0,transparent 40%),var(--paper)}
aside{background:linear-gradient(165deg,#30205e,#492b82 65%,#673994);border:0;color:#fff;padding:30px 19px;box-shadow:7px 0 30px #50358d12}
.brand{color:white;margin-left:9px}.brand>span{background:#ffce63;color:#3d2568;box-shadow:0 5px 18px #1e123c44}.brand small{color:#d8c9ff}
.overline{color:#bdabdf;font-size:9px;letter-spacing:1.35px;padding-left:12px;margin-top:43px}
nav{display:grid;gap:6px}nav a{position:relative;color:#e0d6f0;padding:13px 13px;border-radius:13px;margin:0;display:flex;align-items:center;gap:11px;transition:background .18s,transform .18s,box-shadow .18s;font-size:13px}
nav a:hover{background:#ffffff14;transform:translateX(3px)}nav a i{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#ffffff16;color:#f4c860;font-size:22px}
nav a:nth-child(2) i,nav a:nth-child(6) i{color:#c9a3ff}nav a:nth-child(3) i,nav a:nth-child(7) i{color:#64dfcf}nav a:nth-child(4) i,nav a:nth-child(8) i{color:#ffadbc}
nav a.active{background:#ffdc77;color:#402657;box-shadow:0 6px 18px #24103744;font-weight:700}nav a.active i{background:#fff6d2;color:#6a40af}nav a.active::after{content:'›';position:absolute;right:12px;font-size:24px;color:#6c4291}.aside-bottom{color:#c4b3dc;border-top:1px solid #ffffff1c;padding:23px 12px 0;margin-top:25px;font-size:12px}.aside-bottom span{color:#ffd77a}
header{border-color:#e6dcf4}.badge{background:#f0e7ff;border-color:#dfcdfb;color:#7747bd}.hero{background:linear-gradient(115deg,#ffe5c3,#ffdacb 60%,#fbc6de);border:1px solid #f3cbbf;box-shadow:0 13px 30px #a25a8d0c}.hero h2{color:#4b2c66}.hero p{color:#835d79}.hero .eyebrow{color:#ad5a66}.primary{background:#7242cc;box-shadow:0 5px 12px #7242cc25}.primary:hover{background:#5e30b3}.secondary{background:#f0e9ff;color:#6e42b4;border-color:#e3d7f9}.secondary:hover{background:#e7dcff}.bubble{background:#7847bb;color:#fff2c8}.star{color:#e18a5e}.word-card{background:#fffbee;border-color:#ffe6b0;color:#6840a1}.word-card small{color:#b08b83}
.stat{border-color:#e8def4;box-shadow:0 4px 18px #65418e06}.stat:nth-child(1) .stat-icon{background:#eae0ff;color:#7a4bbd}.stat:nth-child(2) .stat-icon{background:#fff0cc;color:#cf8a17}.stat:nth-child(3) .stat-icon{background:#d5f6ee;color:#259d8b}.stat strong{color:#553779}.card{border-color:#e7dcf3;box-shadow:0 6px 20px #70479b06;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #70479b12}.card:nth-child(3n+1) .icon{background:#e9ddff;color:#8052c5}.card:nth-child(3n+2) .icon{background:#ffe0dc;color:#d56d68}.card:nth-child(3n) .icon{background:#d2f4ed;color:#238d82}.card .tag{color:#9a7ab2}.phrase{border-color:#e7dcf3}.phrase button{background:#eee3ff;color:#7751b8}.solution{background:#e3f6ed}.flash{background:linear-gradient(120deg,#ede2ff,#ffeddd)}.options button{border-color:#dfcff3;background:#f7f2ff}.options button:hover{background:#e9ddff}.feedback{color:#70619a}.video-stage{background:linear-gradient(135deg,#493074,#7946aa)}.video-stage .big{color:#ffe29a}.progress{background:#e7ddf4}.progress span{background:#ab74e9}.note{background:#fff0cc;color:#8b6b32}.game{border-color:#e4d6f1}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#ef9d61}
@media(max-width:1000px) and (min-width:651px){aside{width:210px;padding:25px 13px}main{margin-left:210px}nav a{font-size:12px;gap:8px;padding:10px}.brand{margin-left:4px}}
@media(max-width:650px){aside{padding:18px 15px;background:linear-gradient(120deg,#392366,#64378e)}.brand{margin-left:0}.brand small{font-size:8px}nav{display:flex;gap:8px;padding-bottom:5px;margin-top:20px}nav a{padding:9px 12px;background:#ffffff0e;gap:7px;font-size:12px;flex-shrink:0}nav a i{width:25px;height:25px;font-size:17px;border-radius:7px}nav a.active::after{display:none}nav a:hover{transform:none}.hero{padding:26px}.hero h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Opciones de los ejercicios tipo test */
.exercise input[type="radio"] { width:20px; height:20px; flex:0 0 20px; margin:0; accent-color:#7842be; }
.exercise label:has(input[type="radio"]) { border:1px solid #e5daf5; border-radius:12px; margin:8px 0; background:#fff; }
.exercise label:has(input[type="radio"]:checked) { background:#f0e6ff; border-color:#945cce; }
.exercise label:focus-within { outline:2px solid #7842be; outline-offset:2px; }

.expanded-exercise-question{border:1px solid #dfd3f4;border-radius:14px;padding:16px;margin:18px 0}.expanded-exercise-question legend{font-weight:700;padding:0 7px}.expanded-exercise-question label{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer}.exercise summary small{font-size:11px;color:#8b6aab}