/* V175: diseño marino sobrio y carrusel de tres fichas. */
:root{--academy-sidebar-width:230px}
@media(min-width:821px){
 html body .app{display:block!important;position:relative!important;grid-template-columns:none!important;width:100%!important}
 html body .app>#mainSidebar.sidebar{position:fixed!important;inset:0 auto 0 0!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;transform:none!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,html body #inicio.home-page{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
html body .app>#mainSidebar.sidebar{background:#081e50!important;background-image:linear-gradient(180deg,#0b2b69 0%,#081e50 62%,#091944 100%)!important;border-right:1px solid #29457c!important}
html body .app>.main>.topbar{background:#0b285f!important;background-image:linear-gradient(105deg,#0b285f 0%,#102d68 78%,#193b83 100%)!important;border-bottom:1px solid #35558c!important}
html body #mainSidebar .nav button{color:#edf4ff!important;border-color:rgba(185,210,255,.17)!important}
html body #mainSidebar .nav button.active{color:white!important;background:linear-gradient(100deg,#096fe1,#4247dc)!important;box-shadow:0 3px 10px #06183c30!important}
html body #mainSidebar .nav button svg,html body #mainSidebar .nav button i{color:#dceaff!important}
html body #mainSidebar .nav-group-title{color:#eaf3ff!important}
@media(max-width:820px){html body .app>.main{margin-left:0!important;width:100%!important;max-width:100%!important}}
/* El centro tiene prioridad, con dos vistas laterales reducidas. */
html body .v172-carousel{overflow:hidden!important;border-radius:16px!important}
html body .v172-carousel-stage{height:clamp(290px,34vw,470px)!important;overflow:hidden!important;isolation:isolate!important;perspective:900px!important;background:linear-gradient(115deg,#edf4ff,#f8faff)!important}
html body .v172-carousel-stage .v172-slide{position:absolute!important;inset:5% auto 5% 50%!important;width:57%!important;height:90%!important;margin:0!important;display:flex!important;visibility:hidden!important;opacity:0!important;transform:translateX(-50%) scale(.64)!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important;border-radius:12px!important;background:white!important;border:1px solid #dce6f5!important;box-shadow:0 8px 24px #173b7c1c!important;transition:transform .65s cubic-bezier(.22,.8,.22,1),opacity .65s ease,filter .65s ease,visibility .65s!important}
html body .v172-carousel-stage .v172-slide.is-active{visibility:visible!important;opacity:1!important;transform:translateX(-50%) scale(1)!important;z-index:4!important;pointer-events:auto!important;filter:none!important}
html body .v172-carousel-stage .v172-slide.is-prev{visibility:visible!important;opacity:.78!important;transform:translateX(-112%) scale(.75)!important;z-index:2!important;pointer-events:auto!important;filter:saturate(.85)!important}
html body .v172-carousel-stage .v172-slide.is-next{visibility:visible!important;opacity:.78!important;transform:translateX(12%) scale(.75)!important;z-index:2!important;pointer-events:auto!important;filter:saturate(.85)!important}
html body .v172-carousel-stage .v172-slide img{object-fit:contain!important;width:100%!important;height:100%!important;max-width:100%!important;transform:scale(1)!important;transition:transform .3s ease!important;user-select:auto!important;-webkit-user-drag:auto!important}
html body .v172-carousel-stage .v172-slide.is-active:hover img{transform:scale(1.045)!important}
html body .v172-carousel-stage .v172-slide figcaption{font-size:11px!important}
@media(max-width:760px){html body .v172-carousel-stage{height:clamp(300px,85vw,450px)!important}html body .v172-carousel-stage .v172-slide{width:76%!important}html body .v172-carousel-stage .v172-slide.is-prev{transform:translateX(-103%) scale(.74)!important}html body .v172-carousel-stage .v172-slide.is-next{transform:translateX(3%) scale(.74)!important}}
@media(prefers-reduced-motion:reduce){html body .v172-carousel-stage .v172-slide{transition:none!important}}