/* Ajustes de adaptación de pantalla. No alteran contenidos ni lógica. */
html,body{max-width:100%;overflow-x:clip}
img,svg,canvas,video{max-width:100%}
.mobile-activity-nav{display:none}

@media(max-width:820px){
  .l1-focused{overflow-x:clip!important}
  .shell>.topbar,.labn>.labn-top,.pg>.pg-head{
    position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.98);
    box-shadow:0 6px 16px rgba(18,59,122,.12)
  }
  .teacch-workspace,.digital-workspace,.l3-workspace,
  .l1-focus-stage,.stage-wrap,.activity-one-main,
  .l1-access-wrap,.l1-settings,.l1-access-bar,
  .l2a1-workspace,.l2a1-access,.l2a1-hero,.l2a1-progress,.l2a1-task{
    box-sizing:border-box;min-width:0;max-width:100%;width:100%
  }
  .teacch-workspace>*,.digital-workspace>*,.l3-workspace>*{
    box-sizing:border-box;min-width:0;max-width:100%;width:100%
  }
  .l1-focus-heading,.l1-progress>div{flex-wrap:wrap}
  .l1-focus-heading>span:last-child{margin-left:0;max-width:100%;white-space:normal}
  .audio-button,.audio-btn,.lab-speak,.labn .labn-audio,.l2a1-workspace .audio-button,.l3-workspace .audio-button{
    min-width:44px!important;min-height:44px!important;width:44px;height:44px
  }
  .pro-back-link,.pro-backtop,.professional-zone a[href^="#"]{
    min-height:44px;display:flex;align-items:center
  }
  .workbook-credits a{min-height:44px;display:inline-flex;align-items:center}
}

@media(max-width:430px){
  .l1-settings>div{grid-template-columns:1fr 1fr}
  .l1-help-panel{grid-template-columns:auto minmax(0,1fr)}
  .l1-help-panel>button:last-child{grid-column:1/-1}
  .l2a1-workspace .l2a1-hero{grid-template-columns:82px minmax(0,1fr)}
  .l2a1-workspace .l2a1-hero>.audio-btn{grid-column:2}
  .l2a1-workspace .l2-response-modes{grid-template-columns:1fr!important}
  .labn-hero{grid-template-columns:minmax(0,1fr)!important}
  .labn-hero>div{min-width:0;max-width:100%}
  .lab-menu .lab-hero,.lab-home .lab-hero,.lab-intro{
    min-width:0;max-width:100%;width:100%;padding-left:18px;padding-right:18px
  }
  .pg-board:has(.pg-wordgrid){overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 6px}
  .pg-wordgrid{width:max-content;max-width:none;grid-template-columns:repeat(var(--cols),36px)}
  .pg-cell{width:36px;height:36px;aspect-ratio:auto}
}

@media(max-width:600px){
  .l1-focus-topbar,.digital-book>.topbar{display:block!important;min-height:60px;padding:8px 12px!important}
  .mobile-activity-nav{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:6px;width:max-content;max-width:100%}
  .mobile-nav-details{position:relative;min-width:0}
  .mobile-nav-details>summary,.mobile-home{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 7px;border:2px solid #9bb6d6;border-radius:11px;background:#fff;color:#123d7a;font-size:.8rem;font-weight:900;line-height:1.1;cursor:pointer;list-style:none}
  .mobile-nav-details>summary::-webkit-details-marker{display:none}
  .mobile-nav-menu{position:absolute;z-index:1200;top:calc(100% + 7px);left:0;display:grid;gap:7px;width:min(270px,calc(100vw - 24px));padding:12px;border:2px solid #b9cde4;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(18,59,122,.22)}
  .mobile-nav-menu .btn{width:100%;min-height:44px;text-align:left;justify-content:flex-start}
  .mobile-nav-close{justify-self:end;width:44px;height:44px;border:0;border-radius:10px;background:#eef4fb;color:#123d7a;font-size:1.55rem;font-weight:900}
  .l1-focus-topbar>.btn,.l1-focus-topbar>.activity-index-actions,.l1-focus-topbar>.l1-focus-heading{display:none!important}
  .digital-book>.topbar>.topbar-left{display:none!important}
  .digital-book{padding-bottom:92px!important}
  .digital-book>.topbar>.page-nav{display:none!important}
  .digital-book>.page-nav{position:relative!important;z-index:auto;right:auto;bottom:auto;left:auto;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:calc(100% - 20px);min-height:60px;margin:18px 10px 8px;padding:8px 10px;border:1px solid #cbd9e8;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(18,59,122,.12)}
  .digital-book>.page-nav .btn{min-height:44px;padding:8px 10px}
  .l2a1-step-nav,.l1-step-nav{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:auto!important;margin-top:18px!important;background:#fff!important;box-shadow:0 5px 16px rgba(18,59,122,.12)!important}
  .labn>.labn-top,.pg>.pg-head{min-height:60px!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:8px 12px!important}
  .labn>.labn-top>button,.pg>.pg-head>button{flex:0 0 auto!important;min-height:44px!important;padding:8px 11px!important}
  .labn>.labn-top>strong,.pg>.pg-head>strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:1rem!important}
  .mobile-nav-details summary:focus-visible,.mobile-home:focus-visible,.mobile-nav-menu button:focus-visible,.labn>.labn-top>button:focus-visible,.pg>.pg-head>button:focus-visible{outline:4px solid #ffbf47!important;outline-offset:2px!important}
}