/* V174: corrige la superposición sidebar/contenido y modera las ondas. */
:root{--academy-sidebar-width:230px}
@media(min-width:821px){
 html body .app{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;grid-template-columns:none!important}
 html body .app>#mainSidebar.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:230px!important;min-width:230px!important;max-width:230px!important;height:100dvh!important;box-sizing:border-box!important;z-index:60!important}
 html body .app>.main{position:relative!important;left:auto!important;right:auto!important;transform:none!important;float:none!important;display:block!important;margin-left:230px!important;width:calc(100% - 230px)!important;max-width:calc(100% - 230px)!important;min-width:0!important;box-sizing:border-box!important}
 html body .app>.main>.content{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body #inicio.home-page{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}
html body .app>#mainSidebar.sidebar{background-image:linear-gradient(180deg,rgba(5,25,77,.05),rgba(5,25,77,.2)),url('../assets/v173-waves.svg'),linear-gradient(170deg,#09245d 0%,#071b4d 65%,#0b2159 100%)!important;background-size:cover,100% 24%,cover!important;background-position:center,center bottom,center!important;background-repeat:no-repeat!important;border-right:1px solid #244a91!important}
html body .app>.main>.topbar{background-image:linear-gradient(90deg,rgba(8,31,88,.9),rgba(12,44,115,.87)),url('../assets/v173-waves.svg')!important;background-size:cover,100% 320%!important;background-position:center,center 45%!important;background-repeat:no-repeat!important;border-bottom:1px solid #31599b!important}
html body #mainSidebar .nav button{color:#f5f8ff!important}
html body #mainSidebar .nav button.active{background:linear-gradient(105deg,#087ce7,#4b3be0)!important;box-shadow:0 3px 9px rgba(0,0,0,.13)!important}
@media(max-width:820px){
 html body .app{display:block!important}
 html body .app>.main{margin-left:0!important;width:100%!important;max-width:100%!important}
}