/* V169: identidad Entel, acceso y banner con texto HTML editable. */
:root{--academy-sidebar-width:240px!important}
@media(min-width:821px){
 html body .app>#mainSidebar.sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;background:linear-gradient(165deg,#0875c9 0%,#0066b3 56%,#00549a 100%)!important;border-right:1px solid #034e89!important}
 html body .app>.main{margin-left:240px!important;width:calc(100% - 240px)!important}
}
html body #mainSidebar.sidebar{background:linear-gradient(165deg,#0875c9,#0066b3 56%,#00549a)!important;border-right-color:#034e89!important}
html body #mainSidebar .nav button{color:#fff!important;border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.075)!important}
html body #mainSidebar .nav button:hover,html body #mainSidebar .nav button.active{background:#fff!important;color:#07599b!important;border-color:#fff!important}
html body #mainSidebar .nav button span:last-child{font-size:12.5px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important}
html body #mainSidebar .nav-group-title.oppo-title{background:rgba(255,255,255,.94)!important;color:#095a9b!important;border-color:#fff!important}
html body #mainSidebar .sidebar-credit{background:#fff!important;border:1px solid #7dbce8!important;border-radius:12px!important;color:#075c9d!important;padding:11px!important}
html body #mainSidebar .sidebar-credit span,html body #mainSidebar .sidebar-credit strong{color:#075c9d!important}
html body .app>.main>.topbar{background:linear-gradient(90deg,#0875c9,#0065b5)!important;border-bottom-color:#00549a!important}
html body .app>.main>.topbar .academy-topbar-title,html body .app>.main>.topbar .academy-topbar-title span{color:#fff!important}
html body .academy-user-chip:not([hidden]){background:#fff!important;border:1px solid #9bc9ed!important;border-radius:13px!important;color:#075c9d!important}
html body .academy-user-chip :is(strong,small,span){color:#075c9d!important}
html body .academy-user-chip .academy-user-avatar{color:#075c9d!important}
html body .academy-logout{color:#075c9d!important;border-color:#c3e0f5!important}
html body .academy-logout span{color:#075c9d!important}
/* Tarjetas de acceso con iconografía igualada a Certificación */
html body #inicio.home-page .home-action-grid{gap:12px!important}
html body #inicio.home-page .home-action-grid .home-action{min-height:112px!important;grid-template-columns:60px minmax(0,1fr) 16px!important;gap:11px!important;padding:13px!important;overflow:visible!important}
html body #inicio.home-page .home-action-grid .home-action-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;flex:0 0 58px!important;border-radius:50%!important;overflow:hidden!important;box-sizing:border-box!important}
html body #inicio.home-page .home-action-grid .home-action-icon img{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon{background:#ff922f!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon svg{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}
html body #inicio.home-page .home-action-grid .home-action b{font-size:clamp(12px,1vw,15px)!important}
/* Fotografía a todo el ancho, no se estira, texto real superpuesto y editable. */
html body #inicio.home-page .home-left-column>.home-landscape-card{height:clamp(170px,17vw,230px)!important;background:#bcdcf6!important;position:relative!important;isolation:isolate!important;overflow:hidden!important}
html body #inicio.home-page .home-left-column>.home-landscape-card::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background-image:url('../assets/banner-ollie-oppo-v169.png')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;opacity:1!important;z-index:-2!important}
html body #inicio.home-page .home-left-column>.home-landscape-card::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(229,242,255,.48),rgba(229,242,255,.08) 58%,transparent 78%)!important;z-index:-1!important;pointer-events:none!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy{visibility:visible!important;display:flex!important;position:relative!important;z-index:2!important;max-width:58%!important;align-items:flex-start!important;justify-content:center!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy strong{font-family:inherit!important;font-size:clamp(18px,1.8vw,26px)!important;line-height:1.18!important;letter-spacing:-.03em!important;font-weight:600!important;color:#123f75!important;text-shadow:none!important}
@media(max-width:1100px){html body #inicio.home-page .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:56px minmax(0,1fr) 16px!important;min-height:100px!important}html body #inicio.home-page .home-left-column>.home-landscape-card{height:190px!important}}
@media(max-width:560px){html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:50px minmax(0,1fr)!important;min-height:96px!important;padding:10px!important}html body #inicio.home-page .home-action-grid .home-action-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}html body #inicio.home-page .home-action-grid .home-action-icon img{width:38px!important;height:38px!important}html body #inicio.home-page .home-left-column>.home-landscape-card{height:160px!important}html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy strong{font-size:17px!important}}
