/* V154 · corrección estructural: recuperar el ancho completo de la aplicación */
@media (min-width: 821px) {
  html, html body {width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
  html body .app {display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:100vh!important;margin:0!important;align-items:stretch!important}
  html body #mainSidebar {width:330px!important;min-width:330px!important;max-width:330px!important;box-sizing:border-box!important}
  html body .app > .main {grid-column:2!important;width:100%!important;min-width:0!important;max-width:none!important;display:block!important;margin:0!important}
  html body .app > .main > .content {width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:18px 24px 30px!important}
  html body .app > .main > .topbar {width:100%!important;max-width:none!important;box-sizing:border-box!important}
  html body .app > .main .page {width:100%!important;max-width:none!important;min-width:0!important}
}
html body #mainSidebar {display:flex!important;flex-direction:column!important;gap:0!important;overflow-x:hidden!important;padding:14px 16px 12px!important;background:#fff!important}
html body #mainSidebar .brand{flex:0 0 auto!important;margin:0 0 10px!important;padding:0!important}
html body #mainSidebar .academy-brand-lockup{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;width:100%!important;padding:10px 10px!important;border-radius:11px!important}
html body #mainSidebar .academy-brand-lockup strong{font-size:18px!important;font-weight:500!important;letter-spacing:-.025em!important;white-space:nowrap!important;line-height:1.15!important;overflow:visible!important}
html body #mainSidebar .nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;overflow:visible!important;padding:0!important;margin:0!important}
html body #mainSidebar .nav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;height:42px!important;padding:8px 10px!important;margin:0!important;border:1px solid #cce8df!important;border-radius:10px!important;white-space:nowrap!important;overflow:visible!important;box-shadow:none!important}
html body #mainSidebar .nav button .nav-ico{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;min-width:24px!important;width:24px!important}
html body #mainSidebar .nav button span:last-child{display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:13.5px!important;letter-spacing:-.02em!important;font-weight:400!important;line-height:1.15!important}
html body #mainSidebar .nav button.active{background:#e7f8f1!important;color:#006d51!important;border-color:#aedfce!important}
html body #mainSidebar .nav-group-title.oppo-title{width:100%!important;margin:8px 0 4px!important;padding:10px 8px!important;border-radius:10px!important;white-space:nowrap!important;font-size:11px!important;font-weight:500!important}
html body #mainSidebar .sidebar-credit{display:block!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;flex:0 0 auto!important;margin:12px 0 0!important;padding:10px 12px!important;background:#eaf6f1!important;border:1px solid #c4e6d8!important;border-radius:10px!important;color:#315a5b!important;font-size:12px!important;line-height:1.35!important;text-align:left!important}
html body #mainSidebar .sidebar-credit strong{display:inline!important;margin-left:3px!important;color:#164e43!important;font-size:12px!important;font-weight:500!important}
html body .app > .main > .topbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:54px!important;height:54px!important;padding:4px 20px!important;background:#fff!important}
html body .academy-topbar-title{display:none!important}
html body .academy-user-chip:not([hidden]){display:flex!important;align-items:center!important;gap:10px!important;padding:3px 9px!important;margin:0!important;min-height:40px!important;max-height:44px!important}
html body .academy-user-avatar{width:29px!important;height:29px!important;flex:0 0 29px!important}
html body .academy-user-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;gap:0!important}
html body .academy-user-meta small:first-child{display:none!important}
html body .academy-user-meta strong{font-size:12px!important;line-height:1.2!important;font-weight:500!important;white-space:nowrap!important}
html body .academy-user-meta small:last-child{font-size:10px!important;line-height:1.15!important}
html body .academy-logout{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:28px!important;padding:5px 8px!important;margin:0!important;font-size:11px!important;font-weight:500!important}
html body .academy-logout svg{width:16px!important;height:16px!important}
html body #autoevaluacion .autoeval-hero{background:#eaf7fd url('../assets/diagnosis-v125-hero.webp') right center / cover no-repeat!important}
html body #autoevaluacion .autoeval-hero::before{background:linear-gradient(90deg,rgba(239,250,255,.99) 0%,rgba(239,250,255,.95) 33%,rgba(239,250,255,.12) 67%,transparent 100%)!important}
html body #autoevaluacion .autoeval-hero-copy{width:58%!important;max-width:620px!important}
@media (min-width:821px) and (max-width:1120px){
  html body .app{grid-template-columns:310px minmax(0,1fr)!important}
  html body #mainSidebar{width:310px!important;min-width:310px!important;max-width:310px!important}
}
@media (max-width:820px){
  html body .app{display:block!important;width:100%!important;max-width:none!important}
  html body #mainSidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(340px,92vw)!important;min-width:0!important;max-width:min(340px,92vw)!important;z-index:100!important}
  html body .app > .main{width:100%!important;max-width:none!important}
  html body .app > .main > .topbar{padding:4px 10px 4px 53px!important;height:54px!important;min-height:54px!important}
  html body .app > .main > .content{width:100%!important;max-width:none!important}
  html body #mainSidebar .nav button span:last-child{font-size:13px!important;white-space:nowrap!important}
  html body #autoevaluacion .autoeval-hero{background-position:65% bottom!important;background-size:auto 70%!important}
  html body #autoevaluacion .autoeval-hero::before{background:linear-gradient(180deg,#eefaff 0%,rgba(238,250,255,.96) 40%,transparent 90%)!important}
  html body #autoevaluacion .autoeval-hero-copy{width:100%!important}
}