/* Academia Comercial · V150 · vista previa local, no altera lógica ni permisos */
:root{--v150-green:#006b4b;--v150-navy:#172d4b;--v150-muted:#667b99;--v150-line:#e4edf1;--v150-font:'Segoe UI',Arial,sans-serif}
html body,html body button,html body input,html body select,html body textarea{font-family:var(--v150-font)!important;font-weight:400!important;letter-spacing:0!important}
html body :is(h1,h2,h3,h4,h5,h6){font-weight:500!important;letter-spacing:-.028em!important;line-height:1.2!important}
html body :is(p,small,span,label){font-weight:400!important}
html body :is(.home-action b,.home-quick-grid b,.home-route-card b,.home-route-card strong,.home-landscape-copy strong){font-weight:500!important}
html body .app{grid-template-columns:244px minmax(0,1fr)!important;background:#f7fbfd!important}
html body .sidebar{position:sticky!important;top:0!important;height:100vh!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:20px 14px 16px!important;overflow-y:auto!important;background:#fff!important;color:var(--v150-navy)!important;border-right:1px solid var(--v150-line)!important;box-shadow:none!important}
html body .sidebar .brand{padding:4px 12px 24px!important;margin:0 0 8px!important;border:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
html body .academy-brand-lockup{display:flex;flex-direction:column;gap:7px}
html body .academy-oppo-logo{display:block;color:#006b4b!important;font-family:Arial,sans-serif!important;font-size:41px!important;font-weight:400!important;letter-spacing:-.09em!important;line-height:.75!important}
html body .sidebar .brand strong{display:block!important;margin:0!important;color:#152a49!important;font-size:16px!important;font-weight:500!important;letter-spacing:-.025em!important;text-transform:none!important;white-space:nowrap!important}
html body .sidebar .nav{display:flex!important;flex-direction:column!important;gap:5px!important;flex:0 0 auto!important}
html body .sidebar .nav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;min-height:47px!important;padding:10px 13px!important;background:transparent!important;color:#1a3153!important;border:0!important;border-radius:11px!important;box-shadow:none!important;font-size:14px!important;font-weight:400!important;letter-spacing:-.01em!important;text-align:left!important;transform:none!important}
html body .sidebar .nav button span:last-child{font-size:14px!important;font-weight:400!important;color:inherit!important}
html body .sidebar .nav button .nav-ico{width:21px!important;height:21px!important;flex:0 0 21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body .sidebar .nav button .nav-ico svg{width:21px!important;height:21px!important;fill:none!important;stroke:#243e5e!important;stroke-width:1.7!important}
html body .sidebar .nav button.active{background:#e5f6ee!important;color:#006c4e!important}
html body .sidebar .nav button.active .nav-ico svg{stroke:#006c4e!important}
html body .sidebar .nav button:hover:not(.active){background:#f1f7f7!important;color:#006c4e!important}
html body .sidebar .nav-divider{height:1px!important;margin:15px 10px 11px!important;background:#e6eef2!important}
html body .sidebar .nav-group-title.oppo-title{padding:8px 15px 9px!important;color:#00744e!important;font-size:11px!important;font-weight:600!important;letter-spacing:.11em!important}
html body .sidebar .sidebar-session{display:block!important;margin-top:auto!important;padding:28px 8px 0!important}
html body .sidebar .sidebar-logout{width:100%!important;min-height:43px!important;border:1px solid #cfe3ed!important;border-radius:11px!important;background:#fff!important;color:#183658!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important}
html body .sidebar .sidebar-credit{position:static!important;display:block!important;max-width:none!important;margin:12px 8px 0!important;padding:0!important;border:0!important;background:none!important;color:#788ba6!important;font-size:11px!important;font-weight:400!important;white-space:nowrap!important}
html body .sidebar .sidebar-credit strong{display:inline!important;margin-left:3px!important;color:#788ba6!important;font-size:11px!important;font-weight:400!important}
html body .topbar{position:sticky!important;display:flex!important;min-height:66px!important;top:0!important;z-index:40!important;align-items:center!important;justify-content:space-between!important;padding:9px 30px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e9f0f2!important;box-shadow:none!important}
html body .academy-topbar-title{font-size:14px;color:#0d664b;font-weight:500!important}
html body .academy-topbar-title span{color:#8192a6;font-size:12px;margin-left:7px}
html body .academy-user-chip:not([hidden]){display:flex!important;align-items:center!important;gap:11px!important;padding:4px 0!important;margin-left:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body .academy-user-chip::before{display:none!important}
html body .academy-user-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e4f4ec;color:#006b4b;font-size:23px}
html body .academy-user-meta{display:flex!important;flex-direction:column!important;gap:1px!important;text-align:left!important}
html body .academy-user-meta strong{font-size:14px!important;font-weight:500!important;color:#172d4b!important}
html body .academy-user-meta small{font-size:11px!important;color:#7a8da5!important}
html body .academy-logout{padding:8px 10px!important;border:1px solid #e0ecee!important;border-radius:9px!important;background:#fff!important;color:#526e80!important;font-size:11px!important;font-weight:400!important}
html body .content{padding:18px 20px 35px!important;background:#f7fbfd!important}
html body #inicio.home-page .home-shell{background:transparent!important}
html body #inicio.home-page .home-hero{height:320px!important;min-height:320px!important;padding:0!important;border-radius:24px!important;overflow:hidden!important;background:#e7f7f7!important;box-shadow:0 4px 20px rgba(22,74,88,.05)!important}
html body #inicio.home-page .home-hero-image{position:absolute!important;inset:0!important;background-image:url('../assets/hero-taller-ventas.png')!important;background-size:cover!important;background-position:center 47%!important;opacity:1!important}
html body #inicio.home-page .home-hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(246,253,255,.96) 0%,rgba(243,252,255,.9) 23%,rgba(243,252,255,.46) 43%,transparent 67%);pointer-events:none}
html body #inicio.home-page .home-hero-copy{position:relative!important;z-index:2!important;width:43%!important;max-width:520px!important;padding:40px 0 0 42px!important}
html body #inicio.home-page .home-kicker{font-size:11px!important;font-weight:500!important;letter-spacing:.1em!important;color:#007653!important}
html body #inicio.home-page .home-hero-copy h1{font-size:40px!important;font-weight:500!important;line-height:1.08!important;color:#006b4b!important;margin:14px 0 8px!important}
html body #inicio.home-page .home-hero-copy h2{font-size:20px!important;font-weight:500!important;color:#1a3556!important}
html body #inicio.home-page .home-hero-copy p{font-size:14px!important;line-height:1.6!important;color:#607c98!important}
html body #inicio.home-page .home-hero-note{display:none!important}
html body #inicio.home-page .home-action-grid{gap:13px!important;margin-top:15px!important}
html body #inicio.home-page .home-action,html body #inicio.home-page .home-quick-card,html body #inicio.home-page .home-route-card,html body #inicio.home-page .home-oppo-card,html body #inicio.home-page .home-landscape-card{border-radius:17px!important;box-shadow:0 5px 20px rgba(31,78,94,.045)!important;border:1px solid #eaf0f2!important}
html body #inicio.home-page .home-action b,html body #inicio.home-page .home-quick-grid b{font-size:14px!important;font-weight:500!important}
html body #inicio.home-page .home-action small,html body #inicio.home-page .home-quick-grid small{font-size:12px!important;font-weight:400!important;color:#7085a0!important}
html body #inicio.home-page .home-route-head .home-section-label{font-weight:500!important}
html body .auth-gate{background:linear-gradient(120deg,#effaf6,#f5faff 50%,#e5f5f1)!important}
html body .auth-card{border-radius:22px!important;border:1px solid #e2efed!important;box-shadow:0 18px 55px rgba(15,75,75,.09)!important}
html body .auth-card h1{font-weight:500!important;color:#006b4b!important}
html body .auth-brand-mark,html body .auth-submit{background:#008e69!important}
@media(max-width:1050px) and (min-width:761px){html body .app{grid-template-columns:220px minmax(0,1fr)!important}html body #inicio.home-page .home-hero-copy{width:54%!important;padding-left:26px!important}}
@media(max-width:760px){html body .app{display:block!important}html body .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(285px,84vw)!important;height:100dvh!important;z-index:100!important;transform:translateX(-110%)!important;transition:transform .2s ease!important}html body .sidebar.open{transform:translateX(0)!important}html body .sidebar .nav{display:flex!important;flex-direction:column!important}html body .sidebar .nav button{width:100%!important}html body .mobile-menu-toggle{display:block!important;z-index:90!important}html body .topbar{display:flex!important;padding:8px 15px 8px 56px!important;min-height:64px!important}html body .academy-topbar-title span{display:none!important}html body .academy-user-meta strong{font-size:12px!important}html body .academy-logout{display:none!important}html body .content{padding:12px!important}html body #inicio.home-page .home-hero{height:380px!important;min-height:380px!important}html body #inicio.home-page .home-hero-image{opacity:1!important;background-position:63% center!important}html body #inicio.home-page .home-hero:before{background:linear-gradient(180deg,rgba(247,253,255,.96) 0%,rgba(247,253,255,.84) 36%,rgba(247,253,255,.1) 78%)}html body #inicio.home-page .home-hero-copy{width:100%!important;max-width:none!important;padding:25px 21px!important}html body #inicio.home-page .home-hero-copy h1{font-size:31px!important}html body #inicio.home-page .home-hero-copy h2{font-size:16px!important}html body #inicio.home-page .home-hero-copy p{font-size:12px!important;max-width:310px!important}}