/* V173 - Identidad azul marino y ondas; sin tocar login */
:root{--academy-sidebar-width:230px!important}
@media(min-width:821px){html body .app{grid-template-columns:230px minmax(0,1fr)!important}html body .app>#mainSidebar.sidebar{width:230px!important;min-width:230px!important;max-width:230px!important}html body .app>.main{margin-left:0!important;width:auto!important;max-width:none!important;min-width:0!important}}
html body .app>#mainSidebar.sidebar{background-image:url('../assets/v173-waves.svg'),linear-gradient(172deg,#092d8c 0%,#061c61 42%,#051547 100%)!important;background-size:100% 38%,cover!important;background-position:center bottom,center!important;background-repeat:no-repeat!important;border-right:1px solid #2a51b6!important}
html body #mainSidebar .nav button{color:#f6f9ff!important;background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;min-width:0!important;gap:9px!important;padding:10px 10px!important}
html body #mainSidebar .nav button span:last-child{color:inherit!important;font-size:12.8px!important;white-space:normal!important;overflow:visible!important;line-height:1.3!important}
html body #mainSidebar .nav button .nav-ico,html body #mainSidebar .nav button .nav-ico svg{color:#fff!important;stroke:#fff!important;flex-shrink:0!important}
html body #mainSidebar .nav button:hover{background:rgba(78,137,255,.28)!important;border-color:rgba(180,210,255,.35)!important}
html body #mainSidebar .nav button.active{background:linear-gradient(105deg,#078fff,#5432f4)!important;border-color:rgba(198,220,255,.5)!important;color:#fff!important;box-shadow:0 6px 16px #07103f40!important}
html body #mainSidebar .academy-brand-lockup{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important}
html body #mainSidebar .academy-brand-lockup :is(strong,.academy-oppo-logo){color:#fff!important}
html body #mainSidebar .nav-group-title.oppo-title{background:linear-gradient(100deg,#0a70ee,#4c31eb)!important;border:1px solid #5b8cff!important;color:#fff!important}
html body #mainSidebar .sidebar-credit{background:#fff!important;border:1px solid #a7c8ff!important;border-radius:12px!important;color:#143f92!important}
html body #mainSidebar .sidebar-credit :is(span,strong){color:#143f92!important}
html body .app>.main>.topbar{background-image:url('../assets/v173-waves.svg'),linear-gradient(100deg,#07378e,#081d64 65%,#3721a0)!important;background-size:100% 290%,cover!important;background-position:center 47%,center!important;background-repeat:no-repeat!important;border-bottom:1px solid #4067cd!important}
html body .academy-user-chip:not([hidden]),html body .academy-logout{background:#fff!important;border:1px solid #b7ceff!important;color:#133f91!important}
html body .academy-user-chip :is(strong,small,span),html body .academy-logout{color:#133f91!important}
/* Training cards: consistent 64px circles and contemporary line SVG icons */
html body #inicio.home-page .home-action-grid .home-action,html body #inicio .home-action-grid .home-action.action-orange{display:grid!important;grid-template-columns:64px minmax(0,1fr) 22px!important;gap:10px!important;align-items:center!important;min-height:112px!important;padding:12px!important;overflow:hidden!important}
html body #inicio.home-page .home-action-grid .home-action>.home-action-icon,html body #inicio.home-page .home-action-grid .home-action>.home-action-icon.cert-icon{display:grid!important;visibility:visible!important;opacity:1!important;place-items:center!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;box-sizing:border-box!important;overflow:hidden!important;padding:0!important}
html body #inicio .home-action-grid .action-purple>.home-action-icon{background:#7760ef!important}html body #inicio .home-action-grid .action-blue>.home-action-icon{background:#277cfa!important}html body #inicio .home-action-grid .action-teal>.home-action-icon{background:#0aafa9!important}html body #inicio .home-action-grid .action-orange>.home-action-icon{background:#ff912e!important}
html body #inicio.home-page .home-action-grid .home-action>.home-action-icon svg{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;display:block!important;stroke:#fff!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #inicio.home-page .home-action-grid .home-action>.home-action-icon svg *{stroke:#fff!important;fill:none!important}
html body #inicio.home-page .home-action-grid .home-action>i{position:static!important;inset:auto!important;transform:none!important;justify-self:center!important;align-self:center!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;margin:0!important;line-height:1!important}
html body #inicio.home-page .home-action-grid .home-action>span:not(.home-action-icon){min-width:0!important;overflow-wrap:break-word!important}
@media(max-width:760px){html body .app{display:block!important}html body .app>#mainSidebar.sidebar{width:min(230px,92vw)!important;min-width:0!important;max-width:92vw!important}html body #inicio.home-page .home-action-grid .home-action,html body #inicio .home-action-grid .home-action.action-orange{grid-template-columns:64px minmax(0,1fr) 22px!important}}
