.l2a4-workspace{--phase:#7353a6}.l2a4-hero{background:linear-gradient(120deg,#f4efff,#fff8ef)}.l2a4-hero>img{width:150px;height:130px;object-fit:contain}.l2a4-reference{margin:.8rem 0;padding:.8rem;border:2px solid #c9d8e8;border-radius:22px;background:#f8fbff}.l2a4-reference figcaption{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#163c74;font-weight:900}.l2a4-reference>div{display:flex;align-items:center;justify-content:center;gap:.8rem}.l2a4-reference article{display:grid;grid-template-columns:38px 76px;grid-template-rows:auto auto;align-items:center;min-width:180px;padding:.55rem;border:3px solid;border-radius:18px;background:#fff}.l2a4-reference article b{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#153e78;color:#fff}.l2a4-reference article img{width:70px;height:62px;object-fit:contain}.l2a4-reference article strong{text-align:center}.l2a4-reference .level-1{border-color:#66a354}.l2a4-reference .level-2{border-color:#d5a233}.l2a4-reference .level-3{border-color:#c95950}.l2a4-reference>div>span{font-size:2rem;color:#708bad}.l2a4-reference.compact article{min-width:155px}.l2a4-level-rows{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.l2a4-level-rows>article{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:.65rem;padding:.75rem;border:2px solid #d2dfec;border-radius:20px;background:#fff}.l2a4-level-rows>article>img{width:82px;height:76px;object-fit:contain}.l2a4-level-rows>article>strong{font-size:1.1rem;color:#183f73}.l2a4-level-rows>article>.audio-button{width:34px;height:34px}.l2a4-level-rows>article>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.l2a4-level-rows>article>div button{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:58px;border:3px solid #b7cbe0;border-radius:15px;background:#f8fbff;color:#173f75;font-weight:900}.l2a4-level-rows>article>div button b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3edf7}.l2a4-level-rows>article>div button.selected{border-color:#7353a6;background:#f1eaff;box-shadow:0 0 0 3px #e4d8f7}.l2a4-neutral-note{margin:.8rem 0 0;padding:.65rem;border-radius:14px;background:#f2f6fa;color:#4b6480;text-align:center;font-weight:800}.l2a4-reference-toggle{display:block;margin:0 auto .5rem;padding:.55rem 1rem;border:2px solid #7898bd;border-radius:14px;background:#fff;color:#174078;font-weight:900}.l2a4-word-bank{grid-template-columns:repeat(4,1fr)}.l2a4-word-bank img{width:68px!important;height:62px!important;object-fit:contain}.l2a4-sentence{grid-template-columns:70px 38px max-content minmax(170px,1fr) auto 38px 38px}.l2a4-sentence>img{width:64px!important;height:58px!important;object-fit:contain}.l2a4-personal-cue{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem auto}.l2a4-personal-cue img{width:105px;height:96px;object-fit:contain;padding:.4rem;border-radius:20px;background:#fff;box-shadow:0 0 0 2px #d0ddeb}.l2a4-personal-cue span{font-size:2rem;font-weight:900;color:#557394}.l2a4-express .l2-image-bank img{object-fit:contain}.l2a4-workspace .l2-response-draw canvas{min-height:340px}.l2a4-workspace .audio-button{flex:0 0 auto}
@media(max-width:800px){.l2a4-hero>img{width:110px;height:100px}.l2a4-reference>div{gap:.35rem}.l2a4-reference article{min-width:0;grid-template-columns:32px 1fr}.l2a4-reference article img{width:58px;height:52px}.l2a4-level-rows{grid-template-columns:1fr}.l2a4-word-bank{grid-template-columns:repeat(2,1fr)}.l2a4-sentence{grid-template-columns:55px 34px 1fr;gap:.4rem}.l2a4-sentence>.l2a1-slot{grid-column:2/4}.l2a4-reference>div>span{font-size:1.3rem}}
@media(max-width:560px){.l2a4-reference>div{display:grid;grid-template-columns:1fr}.l2a4-reference>div>span{transform:rotate(90deg);text-align:center}.l2a4-level-rows>article>div button{flex-direction:column}.l2a4-personal-cue img{width:82px;height:76px}}

/* PDF-faithful volcano scale: situation pictograms never replace the three volcano states. */
.l2a4-volcano-scale{padding:.7rem 1rem}.l2a4-volcano-scale>div{gap:.55rem}.l2a4-volcano-scale article{grid-template-columns:36px minmax(105px,1fr);grid-template-rows:112px auto;min-width:210px;padding:.45rem .6rem}.l2a4-volcano-scale article img{width:100%;height:108px;object-fit:contain;object-position:center}.l2a4-volcano-scale article strong{font-size:1.05rem}.l2a4-volcano-scale.compact article{min-width:185px}.l2a4-level-rows>article>img{width:112px;height:88px;padding:.15rem;object-fit:contain;object-position:center}.l2a4-level-rows>article>div button{display:grid;grid-template-columns:30px 62px 1fr;gap:.3rem;text-align:left}.l2a4-level-rows>article>div button img{width:60px;height:50px;object-fit:contain;object-position:center}.l2a4-word-bank img{width:86px!important;height:70px!important;object-fit:contain;object-position:center}.l2a4-sentence>img{width:82px!important;height:68px!important;object-fit:contain;object-position:center}.l2a4-express .l2-image-bank article:nth-child(-n+3) img{width:100%;height:118px;object-fit:contain;object-position:center}.l2a4-personal-cue img:last-child{width:128px;height:98px}.activity-menu-grid button strong{font-weight:900;line-height:1.25}
@media(max-width:800px){.l2a4-volcano-scale article{min-width:0;grid-template-columns:30px 1fr;grid-template-rows:88px auto}.l2a4-volcano-scale article img{height:84px}.l2a4-level-rows>article>div button{grid-template-columns:28px 48px 1fr}.l2a4-level-rows>article>div button img{width:46px;height:42px}}

/* La escala visual aparece una sola vez; las respuestas inferiores son 1, 2 y 3. */
.l2a4-relate .l2a4-level-rows>article>div button{display:grid;grid-template-columns:30px 1fr;gap:.4rem;min-height:48px;padding:.45rem .6rem;text-align:left}.l2a4-relate .l2a4-level-rows>article>div button img{display:none}.l2a4-relate .audio-button{width:32px;height:32px;transform:none}
@media(max-width:800px){.l2a4-relate .l2a4-level-rows>article>div button{grid-template-columns:28px 1fr}}