/* V167: armonía de fondos y proporciones. Conserva navegación y lógica. */
@media(min-width:821px){
 html body .app>#mainSidebar.sidebar{background:linear-gradient(165deg,#d8eafa 0%,#e5f1fc 46%,#cfdfef 100%)!important;border-right:1px solid #a9c9e5!important}
 html body .app>.main>.topbar{background:linear-gradient(90deg,#dceafa 0%,#e9f3fd 55%,#d8e9fa 100%)!important;border-bottom:1px solid #bdd5ec!important}
}
html body #mainSidebar .sidebar-credit{background:#d0e4f5!important;border-top:1px solid #a8c8e3!important}
html body #mainSidebar .nav-group-title.oppo-title{background:#d7e9fa!important}
html body .academy-user-chip:not([hidden]){background:#d7e9fa!important}
/* Una imagen natural, sin deformación: fondo lleno y velo degradado integrado. */
html body #inicio.home-page .home-premium-grid .premium-tile{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;isolation:isolate!important}
html body #inicio.home-page .home-premium-grid .premium-tile::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(242,249,255,.74) 0%,rgba(242,249,255,.38) 39%,transparent 74%)!important;z-index:-1!important;pointer-events:none!important}
html body #inicio.home-page .home-premium-grid .premium-tile>*{position:relative!important;z-index:1!important}
/* Accesos: recuperar presencia sin cortar los círculos. */
html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:48px minmax(0,1fr) 18px!important;min-height:94px!important;padding:12px 12px!important;gap:10px!important;overflow:hidden!important}
html body #inicio.home-page .home-action-grid .home-action-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:50%!important;overflow:visible!important}
html body #inicio.home-page .home-action-grid .home-action-icon img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon svg{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important}
html body #inicio.home-page .home-action-grid .home-action b{font-size:13px!important}
/* Mensaje motivacional: misma anchura que la ruta, imagen completa y transición suave hacia el texto. */
html body #inicio.home-page .home-left-column{display:flex!important;flex-direction:column!important;min-width:0!important}
html body #inicio.home-page .home-left-column>.home-route-card{order:1!important}
html body #inicio.home-page .home-left-column>.home-landscape-card{order:2!important;position:relative!important;isolation:isolate!important;height:clamp(130px,12vw,168px)!important;margin-top:12px!important;background-image:none!important;background-color:#dcecfb!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:url('../assets/landscape-sales.png') center center/contain no-repeat!important;z-index:-2!important}
html body #inicio.home-page .home-left-column>.home-landscape-card::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(230,243,255,.94) 0%,rgba(230,243,255,.72) 32%,rgba(230,243,255,.05) 73%,rgba(230,243,255,.15) 100%)!important;z-index:-1!important;pointer-events:none!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy{position:relative!important;z-index:2!important}
/* Autoevaluación: la imagen se muestra entera sobre un lienzo continuo; mensajes escalonados. */
html body #autoevaluacion .autoeval-hero{height:clamp(220px,19vw,255px)!important;background-color:#e5f5ff!important;background-image:url('../assets/v129-banner-ejecutiva.png')!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;isolation:isolate!important}
html body #autoevaluacion .autoeval-hero-copy{position:relative!important;z-index:3!important;align-self:flex-start!important;width:52%!important;padding:10px 18px 12px 22px!important}
html body #autoevaluacion .autoeval-kicker{margin-top:0!important}
html body #autoevaluacion .autoeval-hero h1{margin:5px 0 6px!important}
html body #autoevaluacion .v129-hero-bubbles{position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important}
html body #autoevaluacion .v129-bubble{position:absolute!important;max-width:155px!important;min-width:0!important;padding:8px 10px!important;box-shadow:0 5px 18px #1a52731b!important;pointer-events:auto!important}
html body #autoevaluacion .bubble-one{top:10%!important;right:16%!important;bottom:auto!important;left:auto!important}
html body #autoevaluacion .bubble-two{top:42%!important;right:5%!important;bottom:auto!important;left:auto!important}
html body #autoevaluacion .bubble-three{top:auto!important;bottom:8%!important;right:17%!important;left:auto!important}
@media(max-width:1100px){html body #autoevaluacion .bubble-one{right:10%!important}html body #autoevaluacion .bubble-three{right:11%!important}}
@media(max-width:820px){
 html body #mainSidebar.sidebar{background:linear-gradient(165deg,#d8eafa,#d0e3f5)!important}
 html body .app>.main>.topbar{background:#dceafa!important}
 html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:42px minmax(0,1fr) 15px!important;min-height:87px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon img{width:30px!important;height:30px!important}
 html body #autoevaluacion .autoeval-hero{height:290px!important;background-position:center bottom!important}
 html body #autoevaluacion .autoeval-hero-copy{width:63%!important;padding:10px 12px!important}
 html body #autoevaluacion .v129-bubble{max-width:112px!important;padding:6px!important}
 html body #autoevaluacion .bubble-one{right:5%!important;top:12%!important}
 html body #autoevaluacion .bubble-two{right:1%!important;top:44%!important}
 html body #autoevaluacion .bubble-three{right:7%!important;bottom:7%!important}
}
@media(max-width:560px){
 html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:36px minmax(0,1fr)!important;min-height:90px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon img{width:27px!important;height:27px!important}
 html body #inicio.home-page .home-left-column>.home-landscape-card{height:145px!important}
 html body #autoevaluacion .autoeval-hero{height:315px!important}
 html body #autoevaluacion .autoeval-hero-copy{width:72%!important}
 html body #autoevaluacion .v129-bubble{max-width:100px!important;font-size:8px!important}
}