/* V166 – ajustes visuales sobre V165, sin modificar JavaScript ni autenticación */
:root{--academy-sidebar-width:250px!important}
@media(min-width:821px){
 html body .app>#mainSidebar.sidebar{width:250px!important;min-width:250px!important;max-width:250px!important;padding:13px 10px 12px!important;background:linear-gradient(180deg,#f0f7ff 0%,#f7faff 52%,#edf5fc 100%)!important;border-right:1px solid #cbdff2!important}
 html body .app>.main{margin-left:250px!important;width:calc(100% - 250px)!important}
 html body .app>.main>.topbar{min-height:49px!important;height:49px!important;padding:4px 18px!important;background:linear-gradient(90deg,#f5f9ff,#eaf3ff)!important;border-bottom:1px solid #cfe0f4!important}
}
html body #mainSidebar .brand{margin-bottom:7px!important}
html body #mainSidebar .academy-brand-lockup{padding:9px 7px!important;background:linear-gradient(110deg,#e8f3ff,#e8f8f3)!important;border-color:#c9dfec!important}
html body #mainSidebar .academy-brand-lockup strong{font-size:10.5px!important;letter-spacing:.04em!important}
html body #mainSidebar .nav{gap:4px!important}
html body #mainSidebar .nav button{width:100%!important;max-width:100%!important;min-width:0!important;min-height:40px!important;height:auto!important;padding:8px 7px!important;gap:6px!important;box-sizing:border-box!important;overflow:visible!important;border-color:#cbddec!important}
html body #mainSidebar .nav button .nav-ico{width:19px!important;min-width:19px!important;flex:0 0 19px!important}
html body #mainSidebar .nav button span:last-child{min-width:0!important;flex:1 1 auto!important;font-size:12.5px!important;line-height:1.24!important;letter-spacing:-.025em!important;font-weight:400!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;text-overflow:clip!important}
html body #mainSidebar .nav button.active{background:#dceffb!important;border-color:#a9d1e8!important;color:#135a79!important}
html body #mainSidebar .nav-group-title.oppo-title{margin:7px 0 5px!important;background:#e5f1fd!important;border-color:#c6dcef!important;color:#175b81!important}
html body #mainSidebar .sidebar-credit{margin-top:auto!important;background:#e3f0fc!important;border-color:#bfd9ed!important;color:#315a77!important}
html body #mainSidebar .sidebar-credit strong{color:#154766!important}
html body .academy-user-chip:not([hidden]){background:#e3effd!important;border:1px solid #c4d9f2!important;border-radius:12px!important}
html body .academy-logout{color:#1c5583!important}
/* Hero de bienvenida: tipografía ligeramente mayor sin ocultar la fotografía. */
html body #inicio.home-page .home-hero-copy h1{font-size:clamp(37px,3.3vw,49px)!important;font-weight:600!important}
html body #inicio.home-page .home-hero-copy h2{font-size:clamp(21px,1.85vw,27px)!important;font-weight:500!important;line-height:1.23!important}
html body #inicio.home-page .home-hero-copy p{font-size:clamp(13px,1.1vw,16px)!important;line-height:1.45!important}
/* Accesos de formación: círculos completos, imágenes contenidas, tarjetas proporcionadas. */
html body #inicio.home-page .home-action-grid{gap:10px!important;margin:0 0 13px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #inicio.home-page .home-action-grid .home-action{display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;gap:9px!important;align-items:center!important;min-height:78px!important;padding:10px 11px!important;overflow:visible!important;border:1px solid #e0eafa!important}
html body #inicio.home-page .home-action-grid .home-action-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;aspect-ratio:1!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important}
html body #inicio.home-page .home-action-grid .home-action-icon img{width:28px!important;height:28px!important;min-width:0!important;min-height:0!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important;border-radius:0!important}
html body #inicio.home-page .home-action-grid .home-action-icon.cert-icon svg{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
html body #inicio.home-page .home-action-grid .home-action b{font-size:12.5px!important;font-weight:550!important}
html body #inicio.home-page .home-action-grid .home-action small{font-size:10.5px!important}
/* Fotos originales son horizontales ~1.8:1; contain evita deformación y recorte. */
html body #inicio.home-page .home-premium-grid{gap:12px!important}
html body #inicio.home-page .home-premium-grid .premium-tile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;aspect-ratio:auto!important;height:clamp(150px,13.2vw,185px)!important;min-height:0!important;padding:12px 14px!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;border:1px solid #c9ddeb!important;border-radius:17px!important}
html body #inicio.home-page .home-premium-grid .premium-tile .premium-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex:0 0 32px!important;margin:0 0 7px!important}
html body #inicio.home-page .home-premium-grid .premium-tile .premium-icon svg{width:19px!important;height:19px!important}
html body #inicio.home-page .home-premium-grid .premium-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important}
html body #inicio.home-page .home-premium-grid .premium-title-row b{font-size:clamp(16px,1.5vw,22px)!important;font-weight:600!important;margin:0!important}
html body #inicio.home-page .home-premium-grid .premium-arrow{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;color:#fff!important;background:#0b9b78!important}
html body #inicio.home-page .home-premium-grid .premium-tecnologia .premium-arrow{background:#834ee8!important}
html body #inicio.home-page .home-premium-grid .premium-comparador .premium-arrow{background:#238be9!important}
html body #inicio.home-page .home-premium-grid .premium-arrow svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #inicio.home-page .home-premium-grid .premium-tile small{font-size:clamp(10px,.95vw,13px)!important;line-height:1.3!important;margin-top:5px!important;max-width:72%!important}
/* Motivación alineada únicamente con la columna de las cuatro etapas. */
html body #inicio.home-page .home-left-column>.home-landscape-card{display:flex!important;align-items:center!important;position:relative!important;width:100%!important;max-width:100%!important;height:clamp(115px,11vw,150px)!important;min-height:0!important;margin:10px 0 0!important;padding:12px 22px!important;box-sizing:border-box!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#e7f2ff!important;border-radius:17px!important;overflow:hidden!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy{max-width:54%!important}
html body #inicio.home-page .home-left-column>.home-landscape-card .home-landscape-copy strong{font-size:clamp(16px,1.5vw,23px)!important;line-height:1.13!important}
/* Autoevaluación: foto completa en un banner menos alto y mensajes separados. */
html body #autoevaluacion .autoeval-hero{height:clamp(210px,19vw,245px)!important;min-height:0!important;position:relative!important;background:#eaf8ff url('../assets/v129-banner-ejecutiva.png') center center/contain no-repeat!important;overflow:hidden!important}
html body #autoevaluacion .autoeval-hero-copy{width:53%!important;padding:16px 20px!important}
html body #autoevaluacion .autoeval-hero h1{font-size:clamp(23px,2.25vw,32px)!important;line-height:1.12!important}
html body #autoevaluacion .v129-hero-bubbles{position:absolute!important;inset:0!important;transform:none!important}
html body #autoevaluacion .v129-bubble{display:flex!important;gap:10px!important;align-items:center!important;max-width:180px!important;padding:8px 11px!important;font-size:10px!important;font-weight:500!important;line-height:1.3!important}
html body #autoevaluacion .bubble-one{top:9px!important;right:4%!important;bottom:auto!important}
html body #autoevaluacion .bubble-two{top:calc(50% - 24px)!important;right:4%!important;bottom:auto!important}
html body #autoevaluacion .bubble-three{top:auto!important;bottom:9px!important;right:4%!important}
@media(min-width:821px) and (max-width:1170px){
 html body #inicio.home-page .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #inicio.home-page .home-premium-grid .premium-tile{height:155px!important;padding:9px!important}
 html body #inicio.home-page .home-premium-grid .premium-tile small{max-width:90%!important}
 html body #autoevaluacion .autoeval-hero-copy{width:50%!important}
}
@media(max-width:820px){
 html body #inicio.home-page .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #inicio.home-page .home-premium-grid .premium-tile{height:180px!important;background-size:contain!important}
 html body #inicio.home-page .home-left-column>.home-landscape-card{height:145px!important;background-size:contain!important}
 html body #autoevaluacion .autoeval-hero{height:290px!important;background-position:60% bottom!important;background-size:contain!important}
 html body #autoevaluacion .autoeval-hero-copy{width:62%!important;padding:12px!important}
 html body #autoevaluacion .v129-bubble{font-size:9px!important;padding:6px 7px!important;max-width:125px!important}
 html body #autoevaluacion .bubble-one{right:2%!important;top:8px!important}
 html body #autoevaluacion .bubble-two{right:2%!important;top:calc(50% - 18px)!important}
 html body #autoevaluacion .bubble-three{right:2%!important;bottom:8px!important}
}
@media(max-width:560px){
 html body #inicio.home-page .home-action-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
 html body #inicio.home-page .home-action-grid .home-action{grid-template-columns:30px minmax(0,1fr)!important;padding:8px!important;min-height:74px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
 html body #inicio.home-page .home-action-grid .home-action-icon img{width:22px!important;height:22px!important}
 html body #inicio.home-page .home-action-grid .home-action i{display:none!important}
 html body #inicio.home-page .home-premium-grid{grid-template-columns:1fr!important}
 html body #inicio.home-page .home-premium-grid .premium-tile{height:190px!important}
 html body #autoevaluacion .autoeval-hero{height:315px!important}
 html body #autoevaluacion .autoeval-hero-copy{width:70%!important}
}