/* Academia Comercial V153: acabado premium, legibilidad y hero recuperado */
@media (min-width:761px) {
 html body .app{display:grid!important;grid-template-columns:350px minmax(0,1fr)!important}
 html body #mainSidebar{width:350px!important;min-width:350px!important;max-width:350px!important}
}
html body #mainSidebar{box-sizing:border-box!important;padding:14px 18px 13px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important;background:#fff!important}
html body #mainSidebar .brand{padding:0!important;margin:0 0 11px!important;min-height:0!important}
html body #mainSidebar .academy-brand-lockup{box-sizing:border-box!important;width:100%!important;padding:12px 12px!important;border:1px solid #bde3d8!important;border-radius:13px!important;background:#edf8f4!important}
html body #mainSidebar .academy-brand-lockup strong{display:block!important;white-space:nowrap!important;font-size:19px!important;line-height:1.25!important;letter-spacing:-.03em!important;font-weight:500!important;color:#123e39!important}
html body #mainSidebar .nav{display:flex!important;flex-direction:column!important;gap:5px!important;flex:0 0 auto!important;width:100%!important;min-height:0!important;overflow:visible!important;padding:0!important}
html body #mainSidebar .nav button{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:43px!important;height:auto!important;margin:0!important;padding:8px 13px!important;gap:12px!important;border:1px solid #cce8df!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
html body #mainSidebar .nav button span:last-child{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:14px!important;line-height:1.25!important;font-weight:400!important;letter-spacing:-.012em!important;color:#243f61!important}
html body #mainSidebar .nav button span:first-child{flex:0 0 26px!important;min-width:26px!important}
html body #mainSidebar .nav button.active{background:#e7f7f0!important;border-color:#a8dfcd!important;box-shadow:none!important}
html body #mainSidebar .nav button.active span:last-child{color:#006c4d!important;font-weight:500!important}
html body #mainSidebar .nav button:hover{background:#f3faf7!important}
html body #mainSidebar .nav-group-title.oppo-title{box-sizing:border-box!important;width:100%!important;margin:6px 0 1px!important;padding:10px 11px!important;border-radius:11px!important;background:#edf8f4!important;border:1px solid #bde3d8!important;font-size:11px!important;letter-spacing:.065em!important;line-height:1.25!important;white-space:nowrap!important;font-weight:500!important;color:#087554!important;text-align:center!important}
html body #mainSidebar .sidebar-credit{display:block!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto!important;box-sizing:border-box!important;width:100%!important;margin:15px 0 0!important;padding:12px 10px!important;border:1px solid #c9e4da!important;border-radius:11px!important;background:#f0f8f5!important;color:#4c6981!important;font-size:12px!important;line-height:1.4!important;text-align:left!important;white-space:normal!important}
html body #mainSidebar .sidebar-credit strong{display:inline!important;margin-left:3px!important;color:#1b4c49!important;font-size:12px!important;font-weight:500!important}
html body .topbar{box-sizing:border-box!important;min-height:59px!important;height:auto!important;padding:6px 22px!important;border-bottom:1px solid #d8e8e9!important}
html body .academy-user-chip:not([hidden]){display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;padding:5px 10px!important;background:#f5fbf9!important;border:1px solid #94cdb8!important;border-radius:12px!important;box-shadow:none!important}
html body .academy-user-avatar{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;background:#e2efff!important;color:#16549b!important;border-radius:50%!important}
html body .academy-user-meta strong{font-size:13px!important;font-weight:500!important;color:#15385d!important}
html body .academy-user-meta small{font-size:10px!important;line-height:1.2!important}
html body .academy-logout{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-left:5px!important;padding:6px 9px 6px 13px!important;min-height:33px!important;border:0!important;border-left:1px solid #c5dcd6!important;border-radius:0!important;background:transparent!important;color:#17395b!important;font-size:12px!important;font-weight:500!important}
html body .academy-logout svg{flex:none!important}
html body #autoevaluacion .autoeval-hero{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;height:clamp(235px,19vw,290px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:1.5px solid #b6ded6!important;border-radius:18px!important;background:#e8f7fd url('../assets/v129-banner-ejecutiva.png') right center/auto 100% no-repeat!important;box-shadow:0 5px 18px rgba(19,68,82,.065)!important}
html body #autoevaluacion .autoeval-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(240,251,255,.94) 0%,rgba(240,251,255,.82) 38%,rgba(240,251,255,0) 64%)!important;z-index:0!important;pointer-events:none!important}
html body #autoevaluacion .autoeval-hero::after{display:none!important;content:none!important}
html body #autoevaluacion .autoeval-hero-copy{position:relative!important;z-index:2!important;width:58%!important;max-width:610px!important;padding:18px 26px!important;background:transparent!important}
html body #autoevaluacion .autoeval-hero h1{font-size:clamp(23px,2.1vw,32px)!important;line-height:1.15!important;font-weight:500!important;letter-spacing:-.035em!important;max-width:530px!important}
html body #autoevaluacion .autoeval-hero p{font-size:14px!important;line-height:1.45!important;font-weight:400!important}
html body #autoevaluacion .v129-hero-bubbles{position:relative!important;z-index:2!important;transform:scale(.78)!important;transform-origin:right center!important;opacity:.9!important}
@media(max-width:1080px) and (min-width:761px){
 html body .app{grid-template-columns:330px minmax(0,1fr)!important}
 html body #mainSidebar{width:330px!important;min-width:330px!important;max-width:330px!important}
 html body #mainSidebar .nav button span:last-child{font-size:13.5px!important}
}
@media(max-width:760px){
 html body .app{display:block!important}
 html body #mainSidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(350px,93vw)!important;max-width:min(350px,93vw)!important;min-width:0!important;height:100dvh!important;overflow-y:auto!important;padding:15px 15px!important}
 html body #mainSidebar .nav button span:last-child{font-size:13.5px!important;white-space:normal!important}
 html body .topbar{min-height:56px!important;padding:6px 9px 6px 52px!important}
 html body .academy-user-chip:not([hidden]){padding:4px 6px!important;gap:6px!important}
 html body .academy-user-avatar{flex-basis:27px!important;width:27px!important;height:27px!important}
 html body .academy-user-meta strong{font-size:11px!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html body .academy-logout{font-size:10px!important;gap:4px!important;padding:5px!important;min-height:27px!important}
 html body .academy-logout svg{width:15px!important;height:15px!important}
 html body #autoevaluacion .autoeval-hero{height:320px!important;background-position:right bottom!important;background-size:auto 70%!important}
 html body #autoevaluacion .autoeval-hero::before{background:linear-gradient(180deg,rgba(240,251,255,.99) 0%,rgba(240,251,255,.9) 36%,rgba(240,251,255,0) 75%)!important}
 html body #autoevaluacion .autoeval-hero-copy{align-self:flex-start!important;width:100%!important;max-width:none!important;padding:16px 17px!important}
 html body #autoevaluacion .autoeval-hero h1{font-size:23px!important;max-width:290px!important}
 html body #autoevaluacion .autoeval-hero p{font-size:12px!important;max-width:250px!important}
 html body #autoevaluacion .v129-hero-bubbles{display:none!important}
}