:root{
    --lsm-card:var(--panel);
    --lsm-line:var(--border);
    --lsm-soft:var(--surface);
}

.pagina-aprende-lsm{
    min-height:100vh;
    padding:96px 28px 32px;
    color:var(--texto);
    font-family:'Poppins',system-ui,sans-serif;
}

.pagina-aprende-lsm .bg{
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 14% 20%,rgba(82,224,213,.32),transparent 28%),
        radial-gradient(circle at 85% 15%,rgba(181,140,255,.28),transparent 27%),
        radial-gradient(circle at 72% 82%,rgba(255,179,92,.20),transparent 22%),
        var(--fondo);
    filter:blur(22px);
}

.pagina-aprende-lsm .topbar{
    position:fixed;
    inset:0 0 auto;
    z-index:10;
    height:70px;
    padding:0 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:color-mix(in srgb,var(--fondo) 64%,transparent);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--lsm-line);
}

.pagina-aprende-lsm .logo{
    font-size:1.35rem;
    font-weight:800;
    letter-spacing:.01em;
}

.volver-menu,
.avatar-controls button,
.camara-acciones button,
.senal-btn{
    min-height:44px;
    border-radius:13px;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}

.volver-menu{
    display:inline-flex;
    align-items:center;
    padding:0 14px;
    color:var(--texto);
    text-decoration:none;
    border:1px solid var(--lsm-line);
    background:var(--lsm-soft);
}

.aprende-experiencia{
    width:min(1380px,100%);
    margin:0 auto;
}

.practice-studio{
    width:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(330px,.9fr);
    gap:22px;
    align-items:start;
}

.avatar-card,
.panel-card{
    border:1px solid var(--lsm-line);
    border-radius:28px;
    background:var(--lsm-card);
    box-shadow:0 20px 44px var(--vidrio-sombra,rgba(10,25,48,.14)),inset 0 1px 0 var(--vidrio-brillo,rgba(255,255,255,.48));
    backdrop-filter:blur(20px) saturate(140%);
}

.avatar-card{padding:24px;}
.learning-panel{display:grid;gap:22px;}
.panel-card{padding:22px;}

/* Curso de aprendizaje: las tarjetas usan el mismo vidrio que el resto de
   Señitas, pero no suplantan una referencia LSM validada. */
.learn-hero,
.progress-dashboard,
.challenge-card,
.lesson-library,
.rewards-section{
    border:1px solid var(--vidrio-borde,var(--lsm-line));
    background:var(--vidrio-fondo,var(--lsm-card));
    box-shadow:0 20px 44px var(--vidrio-sombra,rgba(10,25,48,.14)),inset 0 1px 0 var(--vidrio-brillo,rgba(255,255,255,.48));
    backdrop-filter:blur(20px) saturate(145%);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
}

.learn-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:clamp(23px,4vw,42px);
    border-radius:30px;
    background:
        radial-gradient(circle at 92% 12%,rgba(255,179,92,.25),transparent 30%),
        radial-gradient(circle at 8% 90%,rgba(82,224,213,.2),transparent 36%),
        var(--vidrio-fondo,var(--lsm-card));
}
.learn-hero h1{margin-bottom:10px;max-width:680px;font-size:clamp(2rem,4.4vw,3.6rem);}
.learn-lead{max-width:680px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.6;}
.learn-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.learn-actions button{min-height:48px;padding:0 17px;border-radius:15px;border:1px solid var(--vidrio-borde);font:inherit;font-weight:800;cursor:pointer;}
.learn-actions .btn-secundario{color:var(--texto);background:var(--vidrio-fondo-suave);}

.progress-dashboard{
    display:grid;
    grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(105px,.5fr));
    gap:12px;
    margin:20px 0;
    padding:15px;
    border-radius:25px;
}
.progress-main{display:flex;align-items:center;gap:16px;padding:8px;}
.level-orbit{width:82px;height:82px;flex:0 0 82px;display:grid;place-content:center;border:1px solid rgba(82,224,213,.74);border-radius:50%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.34),rgba(82,224,213,.16) 57%,rgba(181,140,255,.22));box-shadow:0 0 0 7px rgba(82,224,213,.06);text-align:center;}
.level-orbit strong{display:block;font-size:1.75rem;line-height:1;}.level-orbit span{margin-top:4px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.progress-copy{min-width:0;flex:1;}.progress-copy h2{margin:0 0 9px;font-size:1.14rem;}.progress-copy .eyebrow{margin-bottom:2px;}
.xp-track{height:11px;overflow:hidden;border-radius:999px;background:var(--vidrio-fondo-suave);box-shadow:inset 0 1px 3px rgba(4,13,32,.18);}.xp-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#79c8ff,var(--secondary));box-shadow:0 0 18px rgba(82,224,213,.6);transition:width .5s ease;}.progress-text{margin:8px 0 0;color:var(--muted);font-size:.82rem;}
.mini-stat{display:grid;place-content:center;min-height:105px;padding:10px;border:1px solid var(--vidrio-borde);border-radius:19px;background:var(--vidrio-fondo-suave);text-align:center;}.mini-stat span{color:var(--primary);font-size:1.1rem;}.mini-stat strong{font-size:1.55rem;line-height:1.2;}.mini-stat small{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}

.learning-layout{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(255px,.58fr);gap:20px;align-items:stretch;margin:20px 0;}
.challenge-modes{display:grid;gap:9px;align-content:start;}.mode-btn{position:relative;min-height:105px;padding:15px 14px 14px 51px;overflow:hidden;border:1px solid var(--vidrio-borde);border-radius:19px;background:var(--vidrio-fondo);color:var(--texto);text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--vidrio-brillo);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;}.mode-btn span{position:absolute;left:15px;top:16px;color:var(--primary);font-size:.7rem;font-weight:900;letter-spacing:.08em;}.mode-btn b,.mode-btn small{display:block;}.mode-btn b{margin-bottom:4px;font-size:.94rem;}.mode-btn small{color:var(--muted);font-size:.73rem;line-height:1.35;}.mode-btn:hover,.mode-btn:focus-visible{transform:translateY(-2px);border-color:var(--primary);}.mode-btn.activa{border-color:var(--primary);background:linear-gradient(135deg,rgba(82,224,213,.2),rgba(181,140,255,.16));box-shadow:0 10px 26px var(--vidrio-sombra),inset 0 1px 0 var(--vidrio-brillo);}

.challenge-card{position:relative;min-height:535px;padding:clamp(20px,3vw,32px);border-radius:28px;}.challenge-heading,.library-heading,.rewards-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}.challenge-heading h2{margin:0;font-size:clamp(1.28rem,2.2vw,1.7rem);}.challenge-count{display:inline-flex;align-items:center;min-height:31px;padding:4px 10px;border:1px solid var(--vidrio-borde);border-radius:999px;background:var(--vidrio-fondo-suave);color:var(--muted);font-size:.74rem;font-weight:800;white-space:nowrap;}.challenge-stage{display:grid;grid-template-columns:minmax(168px,.68fr) minmax(0,1fr);gap:22px;align-items:center;margin:22px 0;}.sign-illustration{position:relative;display:grid;place-items:center;min-height:190px;overflow:hidden;border:1px solid rgba(195,234,255,.64);border-radius:24px;background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.75),rgba(100,207,221,.32) 42%,rgba(46,86,142,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 14px 32px rgba(23,54,90,.15);}.sign-illustration::before,.sign-illustration::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;}.sign-illustration::before{width:150px;height:150px;transform:translate(32px,-37px);}.sign-illustration::after{width:86px;height:86px;transform:translate(-72px,64px);}.sign-illustration.gold{background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.75),rgba(255,196,112,.35) 42%,rgba(182,112,69,.3));}.sign-illustration.violet{background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.75),rgba(190,151,255,.34) 42%,rgba(102,73,164,.3));}.sign-illustration.mint{background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.75),rgba(133,237,189,.33) 42%,rgba(46,136,117,.29));}.sign-illustration.coral{background:radial-gradient(circle at 31% 22%,rgba(255,255,255,.75),rgba(255,143,160,.35) 42%,rgba(162,70,94,.31));}.sign-emoji{position:relative;z-index:1;font-size:clamp(4rem,9vw,6.9rem);line-height:1;filter:drop-shadow(0 9px 5px rgba(3,21,46,.18));}.sign-motion{position:absolute;z-index:1;right:23%;top:26%;color:rgba(255,255,255,.88);font-size:2.2rem;font-weight:900;transform:rotate(-18deg);}.sign-illustration small{position:absolute;z-index:1;right:13px;bottom:11px;color:rgba(7,17,31,.72);font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;}.challenge-instruction p{margin:0 0 15px;font-size:1rem;line-height:1.55;}.link-action{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;border-bottom:1px solid var(--primary);background:none;color:var(--primary);font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;}
.phrase-visual{background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.72),rgba(181,140,255,.28) 42%,rgba(82,224,213,.17));}.phrase-signs{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;}.phrase-signs span{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.5);border-radius:19px;background:rgba(255,255,255,.3);font-size:2.3rem;box-shadow:0 7px 15px rgba(3,21,46,.12);}.phrase-signs i{color:rgba(7,17,31,.62);font-style:normal;font-weight:900;}.phrase-signs span.gold{background:rgba(255,196,112,.35);}.phrase-signs span.violet{background:rgba(190,151,255,.34);}.phrase-signs span.mint{background:rgba(133,237,189,.33);}.phrase-signs span.coral{background:rgba(255,143,160,.35);}
.challenge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.answer-option,.sign-choice{display:flex;align-items:center;gap:11px;min-height:63px;padding:9px 13px;border:1px solid var(--vidrio-borde);border-radius:16px;background:var(--vidrio-fondo-suave);color:var(--texto);font:inherit;font-weight:800;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s;}.answer-option:hover,.answer-option:focus-visible,.sign-choice:hover,.sign-choice:focus-visible{transform:translateY(-2px);border-color:var(--primary);background:rgba(82,224,213,.14);}.answer-option:disabled,.sign-choice:disabled{opacity:.58;cursor:default;transform:none;}.answer-visual{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:rgba(82,224,213,.2);font-size:1.35rem;}.answer-visual.gold,.sign-choice.gold .answer-visual{background:rgba(255,179,92,.22);}.answer-visual.violet{background:rgba(181,140,255,.23);}.answer-visual.mint{background:rgba(109,233,176,.2);}.answer-visual.coral{background:rgba(255,138,160,.22);}
.sentence-builder,.write-answer{margin-top:4px;padding:14px;border:1px dashed var(--vidrio-borde);border-radius:17px;background:rgba(255,255,255,.018);}.sentence-builder>p,.write-answer label{margin:0 0 10px;font-size:.83rem;font-weight:800;}.chosen-sequence{display:flex;min-height:47px;flex-wrap:wrap;gap:8px;align-items:center;padding:7px;border-radius:12px;background:var(--vidrio-fondo-suave);}.chosen-token{padding:6px 8px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(82,224,213,.12);font-size:.78rem;font-weight:800;}.chosen-token.gold{background:rgba(255,179,92,.15);}.chosen-token.violet{background:rgba(181,140,255,.16);}.chosen-token.mint{background:rgba(109,233,176,.15);}.chosen-token.coral{background:rgba(255,138,160,.15);}.empty-sequence{color:var(--muted);font-size:.78rem;}.builder-actions{display:flex;gap:9px;margin-top:11px;}.builder-actions button,.write-answer button{min-height:42px;padding:0 13px;border-radius:12px;border:1px solid var(--vidrio-borde);font:inherit;font-weight:800;cursor:pointer;}.builder-actions .btn-secundario{background:var(--vidrio-fondo-suave);color:var(--texto);}.write-answer>div{display:flex;gap:9px;}.write-answer input{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid var(--vidrio-borde);border-radius:12px;background:var(--vidrio-fondo-suave);color:var(--texto);font:inherit;}.challenge-feedback{min-height:0;margin-top:14px;border-radius:13px;font-size:.87rem;font-weight:700;line-height:1.45;}.challenge-feedback:not(:empty){min-height:45px;padding:12px 13px;border:1px solid var(--vidrio-borde);}.challenge-feedback.correct{border-color:rgba(82,224,213,.75);background:rgba(82,224,213,.13);color:var(--texto);}.challenge-feedback.incorrect{border-color:rgba(255,138,160,.68);background:rgba(255,138,160,.11);color:var(--texto);}.challenge-feedback.neutral{background:var(--vidrio-fondo-suave);color:var(--muted);}.next-challenge{float:right;min-height:42px;margin-top:13px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#07111f;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 17px rgba(82,224,213,.18);}

.lesson-library{padding:21px;border-radius:25px;}.library-heading>span{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--vidrio-borde);border-radius:11px;color:var(--primary);}.library-heading h2,.rewards-heading h2{margin:0;font-size:1.26rem;}.lesson-note{display:flex;gap:11px;margin-top:18px;padding:13px;border:1px solid var(--vidrio-borde);border-radius:18px;background:var(--vidrio-fondo-suave);}.lesson-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(135deg,rgba(82,224,213,.33),rgba(181,140,255,.24));font-size:1.45rem;}.lesson-note h3{margin:0 0 6px;color:var(--primary);font-size:1rem;}.lesson-note p,.learning-disclaimer{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5;}.lesson-buttons{display:grid;gap:9px;margin:14px 0;}.lesson-buttons button{min-height:42px;border:1px solid var(--vidrio-borde);border-radius:12px;background:var(--vidrio-fondo-suave);color:var(--texto);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;}.learning-disclaimer{padding-top:13px;border-top:1px solid var(--vidrio-borde);font-size:.73rem;}

.rewards-section{margin:20px 0 24px;padding:22px;border-radius:26px;}.rewards-heading{margin-bottom:16px;}.rewards-heading button{min-height:40px;padding:0 12px;border:1px solid var(--vidrio-borde);border-radius:12px;background:var(--vidrio-fondo-suave);color:var(--texto);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer;}.rewards-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}.reward-card{min-height:142px;padding:13px;border:1px solid var(--vidrio-borde);border-radius:18px;background:rgba(9,23,49,.1);opacity:.55;filter:saturate(.42);}.reward-card.unlocked{opacity:1;filter:none;background:linear-gradient(145deg,rgba(82,224,213,.12),rgba(181,140,255,.12));box-shadow:inset 0 1px 0 var(--vidrio-brillo);}.reward-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:9px;border:1px solid var(--vidrio-borde);border-radius:12px;color:var(--primary);font-weight:900;}.reward-card h3{margin:0 0 5px;font-size:.83rem;line-height:1.25;}.reward-card p{min-height:32px;margin:0;color:var(--muted);font-size:.7rem;line-height:1.35;}.reward-card small{display:block;margin-top:8px;color:var(--primary);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}.trophy-card.unlocked .reward-icon{color:#f5ba61;border-color:#f5ba61;background:rgba(255,179,92,.16);}

.card-heading,
.section-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.eyebrow{
    margin:0 0 5px;
    color:var(--primary);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

h1,h2,p{margin-top:0;}
h1{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.12;}
h2{font-size:1.24rem;line-height:1.2;}

.estado-avatar,
.camara-indicator,
.estado-validacion{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid var(--lsm-line);
    border-radius:999px;
    background:var(--lsm-soft);
    color:var(--muted);
    font-size:.75rem;
    font-weight:700;
}

.estado-avatar{max-width:190px;text-align:center;justify-content:center;}
.estado-validacion{margin:13px 0 16px;line-height:1.35;border-color:rgba(255,179,92,.58);}

.escenario-avatar{
    position:relative;
    min-height:590px;
    overflow:hidden;
    border:1px solid rgba(82,224,213,.28);
    border-radius:23px;
    background:
        radial-gradient(circle at 50% 25%,rgba(223,250,249,.9),rgba(204,220,244,.72) 44%,rgba(132,151,190,.5)),
        var(--lsm-soft);
}

@media (prefers-color-scheme:dark){
    .escenario-avatar{background:radial-gradient(circle at 50% 23%,#314462,#182741 58%,#091526);}
}

#avatarCanvas{display:block;width:100%;height:100%;min-height:590px;outline:none;}
.identidad-avatar{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:8px;margin:0;padding:6px 9px 6px 6px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(7,17,31,.70);box-shadow:0 10px 24px rgba(7,17,31,.2);backdrop-filter:blur(9px);color:#f8fbff;font-size:.7rem;font-weight:800;pointer-events:none;}
.identidad-avatar img{width:42px;height:42px;border:2px solid rgba(82,224,213,.9);border-radius:50%;object-fit:cover;object-position:center 28%;background:#d9eef1;}
.sin-webgl{position:absolute;inset:0;display:grid;place-items:center;padding:28px;text-align:center;color:var(--texto);background:var(--lsm-soft);}
.sin-webgl[hidden]{display:none;}

.avatar-controls,.camara-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.avatar-controls button,.camara-acciones button{padding:0 14px;border:1px solid var(--lsm-line);color:var(--texto);background:var(--lsm-soft);}
.btn-principal{background:var(--accion);color:#fff;border-color:var(--primary);box-shadow:0 9px 18px rgba(7,138,131,.2);}
.avatar-controls button:hover,.camara-acciones button:hover,.volver-menu:hover,.senal-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(7,138,131,.16);}
.avatar-controls button[aria-pressed="true"]{border-color:var(--primary);background:rgba(82,224,213,.18);}
.avatar-controls button:disabled,.camara-acciones button:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.nota-avatar,.nota-practica{margin:13px 0 0;color:var(--muted);font-size:.82rem;line-height:1.52;}

.panel-diagnostico{margin-top:16px;padding:12px 14px;border:1px dashed var(--lsm-line);border-radius:15px;background:color-mix(in srgb,var(--lsm-soft) 78%,transparent);}
.panel-diagnostico summary{cursor:pointer;font-weight:800;color:var(--texto);}
.panel-diagnostico p{margin:10px 0;color:var(--muted);font-size:.8rem;line-height:1.45;}
.diagnostico-controles{display:flex;flex-wrap:wrap;gap:8px;}
.diagnostico-controles button{min-height:34px;padding:6px 9px;border:1px solid var(--lsm-line);border-radius:10px;background:var(--lsm-soft);color:var(--texto);font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;}
.resultado-diagnostico{min-height:22px;color:var(--primary) !important;}

#descripcionSena{margin:9px 0 0;color:var(--muted);line-height:1.48;}
.senal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.senal-btn{min-height:50px;padding:8px 9px;border:1px solid var(--lsm-line);color:var(--texto);background:var(--lsm-soft);text-align:left;}
.senal-btn strong,.senal-btn small{display:block;}
.senal-btn strong{font-size:.86rem;}
.senal-btn small{margin-top:2px;color:var(--muted);font-size:.67rem;font-weight:600;}
.senal-btn.activa{border-color:var(--primary);background:linear-gradient(135deg,rgba(82,224,213,.24),rgba(181,140,255,.17));box-shadow:0 0 0 2px rgba(82,224,213,.12);}

.camara-practica{position:relative;overflow:hidden;min-height:215px;border:1px solid var(--lsm-line);border-radius:18px;background:#07111f;}
#videoPractica,#lienzoPractica{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transform:scaleX(-1);}
#lienzoPractica{position:absolute;inset:0;pointer-events:none;}
.comparacion{min-height:42px;margin:13px 0 0;padding:10px 12px;border-left:3px solid var(--primary);border-radius:9px;background:var(--lsm-soft);font-size:.87rem;line-height:1.4;}

@media(max-width:1120px){
    .learning-layout{grid-template-columns:180px minmax(0,1fr);}
    .lesson-library{grid-column:1 / -1;}.lesson-buttons{grid-template-columns:repeat(2,minmax(0,1fr));}
    .rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:940px){
    .learn-hero{align-items:flex-start;flex-direction:column;}.learn-actions{justify-content:flex-start;}
    .progress-dashboard{grid-template-columns:minmax(250px,1fr) repeat(3,minmax(90px,.4fr));}
    .learning-layout{grid-template-columns:1fr;}.challenge-modes{grid-template-columns:repeat(4,minmax(0,1fr));}.mode-btn{min-height:92px;padding:37px 10px 10px;}.mode-btn span{top:11px;left:11px;}.mode-btn b{font-size:.8rem;}
    .practice-studio{grid-template-columns:1fr;}
    .learning-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
}
@media(max-width:660px){
    .pagina-aprende-lsm{padding:86px 14px 20px;}
    .pagina-aprende-lsm .topbar{height:62px;padding:0 15px;}
    .learn-hero{padding:22px;border-radius:23px;}.learn-hero h1{font-size:2rem;}.learn-lead{font-size:.91rem;}.learn-actions{width:100%;}.learn-actions button{flex:1 1 160px;}
    .progress-dashboard{grid-template-columns:1fr repeat(3,minmax(62px,.35fr));gap:7px;padding:9px;border-radius:20px;}.progress-main{gap:10px;padding:5px;}.level-orbit{width:58px;height:58px;flex-basis:58px;}.level-orbit strong{font-size:1.28rem;}.level-orbit span{font-size:.55rem;}.progress-copy h2{font-size:.95rem;}.progress-text{font-size:.68rem;}.mini-stat{min-height:74px;padding:6px;border-radius:14px;}.mini-stat strong{font-size:1.15rem;}.mini-stat small{font-size:.56rem;}
    .learning-layout{margin:14px 0;gap:14px;}.challenge-modes{grid-template-columns:repeat(2,minmax(0,1fr));}.mode-btn{min-height:74px;padding:29px 9px 8px;}.mode-btn b{font-size:.77rem;}.mode-btn small{font-size:.62rem;}.challenge-card{min-height:0;padding:18px;border-radius:22px;}.challenge-stage{grid-template-columns:1fr;gap:13px;margin:16px 0;}.sign-illustration{min-height:160px;}.challenge-options{grid-template-columns:1fr;}.write-answer>div{flex-direction:column;}.write-answer button{width:100%;}.rewards-section{padding:17px;border-radius:22px;}.rewards-heading{align-items:flex-start;flex-direction:column;}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.reward-card{min-height:120px;}
    .avatar-card,.panel-card{padding:17px;border-radius:21px;}
    .card-heading{display:block;}.estado-avatar{margin-top:10px;}
    .escenario-avatar,#avatarCanvas{min-height:430px;}.identidad-avatar{right:11px;bottom:11px;}
    .learning-panel{grid-template-columns:1fr;}
    .avatar-controls button,.camara-acciones button{flex:1 1 145px;}
}

@media (prefers-reduced-motion:reduce){
    .xp-track span,
    .mode-btn,
    .answer-option,
    .sign-choice,
    .avatar-controls button,
    .camara-acciones button,
    .volver-menu{transition:none !important;}
    .mode-btn:hover,.answer-option:hover,.sign-choice:hover,.avatar-controls button:hover,.camara-acciones button:hover,.volver-menu:hover{transform:none;}
}