/* V168: ajustes focalizados sobre V167. */
html body .app>#mainSidebar.sidebar{background:linear-gradient(165deg,#a9c7e8 0%,#c1d9f0 49%,#a7c7e8 100%)!important;border-right:1px solid #8eb3d9!important}
html body .app>.main>.topbar{background:linear-gradient(90deg,#b1cde9,#d0e1f3 55%,#afcdeb)!important;border-bottom:1px solid #9dbfe0!important}
html body #mainSidebar .sidebar-credit{background:#aecbe8!important;border-top-color:#90b5d8!important}
html body #mainSidebar .nav-group-title.oppo-title{background:#bdd7ef!important}
html body .academy-user-chip:not([hidden]){background:#c0d8ef!important}
/* Tarjetas OPPO: más presencia sin distorsionar la fotografía. */
html body #inicio.home-page .home-premium-grid .premium-tile{height:clamp(170px,15vw,205px)!important;padding:16px!important;background-size:cover!important;background-position:center!important}
html body #inicio.home-page .home-premium-grid .premium-tile b{font-size:clamp(16px,1.35vw,20px)!important}
html body #inicio.home-page .home-premium-grid .premium-tile small{font-size:clamp(12px,1.05vw,14px)!important}
html body #inicio.home-page .home-premium-grid .premium-tile .premium-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
html body #inicio.home-page .home-premium-grid .premium-tile .premium-icon svg{width:24px!important;height:24px!important}
/* Formación: reemplazar certificación por medalla vectorial y conservar círculo naranja completo. */
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon{display:flex!important;align-items:center!important;justify-content:center!important;background:#ff922f!important;border-radius:50%!important;overflow:hidden!important;box-shadow:none!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon svg{display:block!important;width:27px!important;height:27px!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon svg *{fill:none!important;stroke:#fff!important;opacity:1!important}
/* Recuperar fotografía original del banner motivacional, sin uniones bruscas. */
html body #inicio.home-page .home-left-column>.home-landscape-card{background:#d9eaf8!important;height:clamp(135px,13vw,178px)!important;isolation:isolate!important}
html body #inicio.home-page .home-left-column>.home-landscape-card::before{background-image:url('../assets/home-motivacion-paisaje.png')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;opacity:1!important;z-index:-1!important}
html body #inicio.home-page .home-left-column>.home-landscape-card::after{background:linear-gradient(90deg,rgba(224,238,250,.10),transparent 40%,rgba(224,238,250,.06))!important;z-index:0!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy{visibility:hidden!important}
/* Autoevaluación: fondo fotográfico completo, figura hacia la derecha y burbujas escalonadas a su izquierda. */
@media(min-width:821px){
 html body #autoevaluacion .autoeval-hero{height:clamp(250px,22vw,305px)!important;background-image:url('../assets/v129-banner-ejecutiva.png')!important;background-size:cover!important;background-position:60% center!important}
 html body #autoevaluacion .autoeval-hero::after{display:none!important}
 html body #autoevaluacion .autoeval-hero-copy{width:46%!important;padding:17px 22px!important}
 html body #autoevaluacion .v129-hero-bubbles{transform:none!important}
 html body #autoevaluacion .v129-bubble{max-width:175px!important;min-width:140px!important}
 html body #autoevaluacion .bubble-one{top:7%!important;left:52%!important;right:auto!important;bottom:auto!important}
 html body #autoevaluacion .bubble-two{top:37%!important;left:47%!important;right:auto!important;bottom:auto!important}
 html body #autoevaluacion .bubble-three{top:68%!important;left:52%!important;right:auto!important;bottom:auto!important}
}
@media(min-width:821px) and (max-width:1150px){html body #autoevaluacion .v129-bubble{min-width:0!important;max-width:130px!important}html body #autoevaluacion .bubble-one,html body #autoevaluacion .bubble-three{left:53%!important}html body #autoevaluacion .bubble-two{left:48%!important}}
@media(max-width:820px){html body #mainSidebar.sidebar{background:linear-gradient(165deg,#a9c7e8,#b8d3ee)!important}html body .app>.main>.topbar{background:#bed5ed!important}html body #autoevaluacion .autoeval-hero{background-size:cover!important;background-position:63% center!important}html body #autoevaluacion .autoeval-hero::after{display:none!important}html body #autoevaluacion .v129-hero-bubbles{transform:none!important}html body #autoevaluacion .bubble-one{top:12%!important;left:54%!important;right:auto!important}html body #autoevaluacion .bubble-two{top:45%!important;left:48%!important;right:auto!important}html body #autoevaluacion .bubble-three{top:73%!important;left:53%!important;right:auto!important}}
@media(max-width:560px){html body #inicio.home-page .home-premium-grid .premium-tile{height:190px!important}html body #inicio.home-page .home-left-column>.home-landscape-card{height:155px!important}html body #autoevaluacion .autoeval-hero{background-position:68% center!important}html body #autoevaluacion .autoeval-hero-copy{width:54%!important}html body #autoevaluacion .v129-bubble{font-size:8px!important;max-width:108px!important}html body #autoevaluacion .bubble-one{left:55%!important}html body #autoevaluacion .bubble-two{left:49%!important}html body #autoevaluacion .bubble-three{left:53%!important}}