/* SAG_UI · V5.0.1 A01 · Solo presentación compartida. NO contiene lógica comercial. */
.sag-system-layout{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}
.sag-system-work{min-width:0}
.sag-system-sidebar{position:sticky;top:0;align-self:start;height:100vh;background:#fff;display:flex;flex-direction:column;border-right:1px solid #d6e4d6;box-shadow:2px 0 10px #18421910;z-index:9;overflow:hidden}
.sag-sidebar-top{flex-shrink:0;position:relative;padding-top:142px;background-image:url('/assets/banner-vertical.webp');background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.sag-sidebar-wordmark{position:absolute;inset:0 0 auto 0;height:135px;pointer-events:none}
.sag-toggle{display:flex;justify-content:center;align-items:center;gap:6px;width:calc(100% - 20px);margin:0 10px 6px;padding:9px;border:1px solid #badbc4;background:#f5faf4;color:#05582b;border-radius:10px;min-height:42px}
.sag-nav-menu{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;gap:5px;padding:12px 13px;background:#ffffffec}
.sag-nav-item{min-width:0}
.sag-nav-main{width:100%;min-height:45px;display:flex;gap:8px;align-items:center;justify-content:space-between;text-align:left;padding:9px 10px;border:1px solid #deeadf;background:#fff;color:#164d2a;border-radius:11px;font-size:13px}
.sag-nav-main:hover,.sag-nav-main:focus-visible{background:#e9f6ec}
.sag-nav-main[aria-expanded="true"],.sag-nav-main[aria-current="page"]{background:#e6f3e9;border-left:4px solid #f47616;color:#05582b}
.sag-nav-main .sag-nav-icon{font-size:17px;width:21px;text-align:center;flex-shrink:0}
.sag-nav-main .sag-nav-label{flex:1;min-width:0;overflow-wrap:anywhere}
.sag-nav-chevron{font-size:15px;min-width:12px;text-align:right}
.sag-nav-children{padding:7px 3px 7px 23px;display:flex;flex-direction:column;gap:6px}
.sag-nav-children[hidden]{display:none}
.sag-nav-child{display:block;width:100%;text-align:left;font-weight:650;color:#245f38;background:#f7fbf8;border:1px solid #c5dec9;border-radius:9px;padding:8px 10px;min-height:40px}
.sag-nav-child.active{background:#d5f0dd;color:#074f2b}
.sag-nav-soon{font-size:11px;color:#6f8174;padding-left:8px}
.sag-sidebar-foot{height:175px;flex-shrink:0;background-image:url('/assets/banner-vertical.webp');background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;pointer-events:none}
.sag-system-work .top{padding:8px 20px;gap:14px;flex-wrap:wrap}
.sag-system-work .hero-container,.sag-system-work .wrap{max-width:1250px}
.sag-home-panel,.sag-future-panel{max-width:1000px;margin:28px auto;padding:0 20px}
.sag-home-card{background:#fff;border:1px solid #d1dfd2;border-radius:16px;padding:28px;line-height:1.6}
.sag-home-card h1{margin:0 0 8px}
.sag-home-card button{margin-top:18px}
.sag-breadcrumb{font-weight:700;color:#0a6837}
.sag-mobile-toolbar{display:none}
.sag-system-layout:not(.sidebar-collapsed) .sag-system-work .hero-logo{display:none}
.sag-system-layout.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}
.sidebar-collapsed .sag-sidebar-top{padding-top:72px;background-size:250px auto;background-position:0 0}
.sidebar-collapsed .sag-nav-menu{padding:8px 5px}
.sidebar-collapsed .sag-toggle{width:52px;margin:0 6px 6px;font-size:20px}
.sidebar-collapsed .sag-toggle span,.sidebar-collapsed .sag-nav-label,.sidebar-collapsed .sag-nav-chevron,.sidebar-collapsed .sag-nav-soon{display:none}
.sidebar-collapsed .sag-nav-main{justify-content:center;padding:9px 4px}
.sidebar-collapsed .sag-nav-children{display:none}
.sidebar-collapsed .sag-sidebar-foot{background-size:250px auto}
.sag-mobile-backdrop{display:none}
@media(max-width:820px){
.sag-system-layout,.sag-system-layout.sidebar-collapsed{display:block}
.sag-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:8px 14px}
.sag-system-sidebar{position:fixed;top:0;left:0;width:min(280px,85vw);height:100dvh;max-height:100%;transform:translateX(-105%);transition:transform .2s;z-index:102}
.sag-system-layout.mobile-nav-open .sag-system-sidebar{transform:translateX(0)}
.sag-system-layout.mobile-nav-open .sag-mobile-backdrop{display:block;position:fixed;inset:0;background:#132a1bbc;z-index:101}
.sag-system-layout .sag-system-work .hero-logo{display:flex!important}
.sag-system-work .top{padding:8px 14px}
.sag-nav-menu{gap:7px}
}
@media(prefers-reduced-motion:reduce){.sag-system-layout,.sag-system-sidebar{transition:none}}