#root > .top.has-institutions{display:grid!important;grid-template-columns:minmax(180px,1fr) auto;gap:12px 28px!important;padding:12px 4vw!important;height:auto!important}
.header-institutions{display:flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;background:#fff;padding:8px 18px;border-radius:6px;max-width:100%;grid-column:2;grid-row:1}
.header-institutions img{display:block!important;object-fit:contain!important;flex:none;max-width:100%;margin:0!important}
.header-institutions .institution-agro{width:72px!important;height:68px!important}
.header-institutions .institution-conacado{width:60px!important;height:68px!important}
.header-institutions .institution-coop{width:180px!important;height:52px!important}
.institution-divider{height:36px;width:1px;background:#dedbd4;flex:none}
#root > .top.has-institutions > .topnav{grid-column:1/-1;grid-row:2;justify-content:flex-end;flex-wrap:wrap;min-width:0}
@media(max-width:900px){
 #root > .top.has-institutions{grid-template-columns:minmax(0,1fr) auto;padding:10px 20px!important;gap:10px!important}
 .header-institutions{grid-column:1/-1;grid-row:2;padding:6px 12px;gap:14px}
 #root > .top.has-institutions > .mobile-menu-toggle{grid-column:2;grid-row:1}
 #root > .top.has-institutions > .topnav{grid-row:3}
 .header-institutions .institution-agro{width:52px!important;height:48px!important}
 .header-institutions .institution-conacado{width:44px!important;height:48px!important}
 .header-institutions .institution-coop{width:140px!important;height:38px!important}
}
@media(max-width:380px){.header-institutions{gap:8px;padding:6px 8px}.header-institutions .institution-coop{width:120px!important}}

header.institution-secondary.has-institutions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:16px 28px;padding:14px 5%;background:#faf7f0;border-bottom:1px solid #dcd4c7}
header.institution-secondary .header-institutions{margin-left:auto;order:1}
header.institution-secondary > nav,header.institution-secondary > #account{order:2}
@media(max-width:900px){header.institution-secondary .header-institutions{order:3;flex-basis:100%;margin:0}header.institution-secondary > nav{width:100%;order:4;gap:16px}header.institution-secondary > #account{flex-basis:100%}}

/* Institutional motion */
.header-institutions{gap:16px;padding:10px 20px;border:1px solid #e2e7df;border-radius:14px;box-shadow:0 6px 20px #16382708;overflow:hidden;transition:box-shadow .35s ease,border-color .35s ease}
.institution-tile{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;animation:institution-enter .85s cubic-bezier(.16,1,.3,1) both}
.institution-tile:nth-child(3){animation-delay:.13s}.institution-tile:nth-child(5){animation-delay:.26s}
.institution-tile:after{content:"";position:absolute;bottom:-5px;left:16%;right:16%;height:2px;border-radius:2px;background:#08a045;transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.header-institutions img{transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-origin:50% 65%}
.institution-divider{background:linear-gradient(transparent,#d0dace,transparent);height:40px;animation:institution-divider-in .65s .25s both}
header.has-institutions{--header-progress:0;transition:box-shadow .3s ease,border-color .3s ease}
header.institution-secondary.has-institutions{position:relative}
header.has-institutions:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#08a045;transform:scaleX(var(--header-progress));transform-origin:left;pointer-events:none}
header.has-institutions.header-scrolled{box-shadow:0 8px 24px #18332012}
@keyframes institution-enter{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes institution-divider-in{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}
@media(hover:hover) and (pointer:fine){.header-institutions:hover{border-color:#b5d0bb;box-shadow:0 8px 24px #16382712}.institution-tile:hover img{transform:translateY(-3px) scale(1.035)}.institution-tile:hover:after{transform:scaleX(1)}}
@media(max-width:900px){.header-institutions{gap:12px;padding:8px 12px;border-radius:10px}}
@media(max-width:380px){.header-institutions{gap:7px;padding:8px}}
@media(prefers-reduced-motion:reduce){.institution-tile,.institution-divider{animation:none!important}.header-institutions,.header-institutions img,.institution-tile:after,header.has-institutions{transition:none!important}.institution-tile:hover img{transform:none!important}}
html.a11y-reduce .institution-tile,html.a11y-reduce .institution-divider{animation:none!important}
html.a11y-reduce .header-institutions,html.a11y-reduce .header-institutions img,html.a11y-reduce .institution-tile:after{transition:none!important}
html.a11y-reduce .institution-tile:hover img{transform:none!important}

/* Compact header layout */
#root > header.top.has-institutions,header.institution-secondary.has-institutions{display:grid!important;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto;align-items:center!important;gap:10px 28px!important;padding:14px 4vw!important}
header.has-institutions > .header-academy{grid-column:1;grid-row:1;justify-self:start;margin:0!important}
header.has-institutions .header-academy .logo,header.has-institutions .header-academy > img{width:190px!important;max-width:100%;height:auto!important}
header.has-institutions > .header-institutions{grid-column:1!important;grid-row:2!important;order:initial;justify-self:start;justify-content:flex-start;gap:9px;padding:5px 9px;margin:0!important;border-radius:7px;box-shadow:none}
header.has-institutions .institution-conacado{width:35px!important;height:39px!important}
header.has-institutions .institution-agro{width:42px!important;height:39px!important}
header.has-institutions .institution-coop{width:108px!important;height:31px!important}
header.has-institutions .institution-divider{height:26px}
header.has-institutions > #language-switcher{grid-column:2;grid-row:1;justify-self:end;padding:0;gap:0;background:transparent;border:0;flex-wrap:nowrap;min-width:0}
header.has-institutions #language-switcher > span,header.has-institutions #language-scope{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
header.has-institutions #language-switcher > div{gap:2px;border:1px solid #d4cbbc;border-radius:7px;padding:2px;background:#ffffff80}
header.has-institutions #language-switcher button{font-size:11px;padding:4px 10px;min-height:30px;border-radius:4px}
#root > header.top.has-institutions > .topnav,header.institution-secondary.has-institutions > nav:not(#language-switcher){grid-column:2;grid-row:2;justify-self:end;justify-content:flex-end;gap:8px;width:auto;margin:0}
header.has-institutions > #account{grid-column:2;grid-row:3;justify-self:end}
header.has-institutions > .topnav .btn{padding:10px 14px!important;font-size:13px!important;white-space:normal}
@media(max-width:900px){
 #root > header.top.has-institutions,header.institution-secondary.has-institutions{grid-template-columns:minmax(0,1fr) auto;padding:12px 20px!important;gap:10px!important}
 header.has-institutions > .mobile-menu-toggle{grid-column:2;grid-row:1}
 header.has-institutions > .header-institutions{grid-column:1/-1!important;grid-row:2!important}
 header.has-institutions > #language-switcher{grid-column:1/-1;grid-row:3;justify-self:start}
 #root > header.top.has-institutions > .topnav,header.institution-secondary.has-institutions > nav:not(#language-switcher){grid-column:1/-1;grid-row:4;justify-self:stretch;justify-content:flex-start;width:100%}
 header.has-institutions > #account{grid-column:1/-1;grid-row:5;justify-self:start}
 header.has-institutions .header-academy .logo,header.has-institutions .header-academy > img{width:160px!important}
}

/* Aligned institutional signature: one shared axis and one shared width. */
header.has-institutions > .academy-brand-stack{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:12px;width:240px;max-width:100%;min-width:0}
header.has-institutions .academy-brand-stack > .header-academy{display:flex;align-items:center;justify-content:center;width:100%;margin:0!important;min-width:0}
header.has-institutions .academy-brand-stack .logo,header.has-institutions .academy-brand-stack .header-academy > img{width:240px!important;max-width:100%!important;height:auto!important;display:block}
header.has-institutions .academy-brand-stack > .header-institutions{display:grid;grid-template-columns:40px 1px 44px 1px minmax(0,1fr);align-items:center;gap:7px;box-sizing:border-box;width:100%;padding:7px 9px;margin:0!important;border-radius:6px;box-shadow:none}
header.has-institutions .academy-brand-stack .institution-conacado{width:40px!important;height:42px!important}
header.has-institutions .academy-brand-stack .institution-agro{width:44px!important;height:42px!important}
header.has-institutions .academy-brand-stack .institution-coop{width:100%!important;height:30px!important}
header.has-institutions .academy-brand-stack .institution-divider{width:1px;height:28px}
@media(max-width:900px){
 header.has-institutions > .academy-brand-stack{grid-column:1/-1;grid-row:1;justify-self:center;gap:10px}
 #root > header.top.has-institutions > .mobile-menu-toggle{grid-column:2;grid-row:2}
 header.has-institutions > #language-switcher{grid-column:1;grid-row:2;justify-self:start}
 #root > header.top.has-institutions > .topnav,header.institution-secondary.has-institutions > nav:not(#language-switcher){grid-row:3}
 header.has-institutions > #account{grid-row:4}
 header.has-institutions #language-switcher button{padding:4px 6px;font-size:10px}
 #root > header.top.has-institutions > .mobile-menu-toggle{padding:8px 10px!important;font-size:12px!important}
}

/* Scroll identity: keep geometry stable while changing surface and signature. */
#root > header.top.has-institutions,header.institution-secondary.has-institutions{transition:background-color .5s ease,box-shadow .5s ease,border-color .5s ease!important}
#root > header.top.has-institutions.header-scrolled,header.institution-secondary.has-institutions.header-scrolled{background:#e8f5eb!important;border-bottom-color:#08a045;box-shadow:0 9px 28px #12412822!important}
header.institution-secondary.has-institutions{position:sticky;top:0;z-index:50}
header.has-institutions .header-academy{position:relative;min-height:46px}
header.has-institutions .header-academy > svg,header.has-institutions .header-academy > img{transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.header-motion-mark{position:absolute;inset:0;display:block;pointer-events:none;opacity:0;transition:opacity .3s ease;overflow:visible}
header.has-institutions .header-motion-mark img{position:absolute;left:50%;top:50%;width:84px!important;height:46px!important;max-width:none!important;margin:-23px 0 0 -42px!important;object-fit:contain;}
.header-motion-mark .mark-half-left{clip-path:inset(0 50% 0 0)}
.header-motion-mark .mark-half-right{clip-path:inset(0 0 0 50%)}
header.header-scrolled .header-academy > svg,header.header-scrolled .header-academy > img{opacity:0;transform:translateY(-5px) scale(.97)}
header.header-scrolled .header-motion-mark{opacity:1}
header.header-scrolled .mark-half-left{animation:mark-join-left .85s cubic-bezier(.16,1,.3,1) both}
header.header-scrolled .mark-half-right{animation:mark-join-right .85s .08s cubic-bezier(.16,1,.3,1) both}
@keyframes mark-join-left{from{transform:translateX(-22px) rotate(-12deg);opacity:0}to{transform:translateX(0) rotate(0);opacity:1}}
@keyframes mark-join-right{from{transform:translateX(22px) rotate(12deg);opacity:0}to{transform:translateX(0) rotate(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#root > header.top.has-institutions,header.institution-secondary.has-institutions,.header-academy > svg,.header-academy > img,.header-motion-mark{transition:none!important}.header-motion-mark img{animation:none!important}}
html.a11y-reduce header.has-institutions,html.a11y-reduce .header-academy > svg,html.a11y-reduce .header-academy > img,html.a11y-reduce .header-motion-mark{transition:none!important}
html.a11y-reduce .header-motion-mark img{animation:none!important}

header[data-institution-scope="cooperative"] .academy-brand-stack > .header-institutions{grid-template-columns:48px 1px minmax(0,1fr);gap:12px}

/* Navigation hierarchy: links for destinations, one primary campus action. */
#root > header.top.has-institutions{column-gap:32px!important;padding-top:16px!important;padding-bottom:16px!important}
#root > header.top.has-institutions > .topnav{gap:4px!important;align-items:center;flex-wrap:nowrap;min-width:0}
#root > header.top.has-institutions > .topnav > .btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:transparent!important;color:#302c26!important;border:0!important;border-radius:7px!important;box-shadow:none!important;padding:12px 11px!important;min-height:44px;font:600 13px/1.25 system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;transition:background-color .2s ease,color .2s ease!important}
#root > header.top.has-institutions > .topnav > .btn:after{content:"";position:absolute;bottom:5px;left:12px;right:12px;height:2px;background:#08a045;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
#root > header.top.has-institutions > .topnav > .btn:hover{background:#08a0450c!important;color:#065f2d!important}
#root > header.top.has-institutions > .topnav > .btn:hover:after{transform:scaleX(1)}
#root > header.top.has-institutions > .topnav > .btn:focus-visible{outline:2px solid #08783d!important;outline-offset:3px}
#root > header.top.has-institutions > .topnav > [data-campus-primary]{order:10;margin-left:12px;background:#08a045!important;color:#081f11!important;padding:12px 18px!important;border:1px solid #08a045!important;border-radius:8px!important}
#root > header.top.has-institutions > .topnav > [data-campus-primary]:before{content:"";width:17px;height:17px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E") center/contain no-repeat}
#root > header.top.has-institutions > .topnav > [data-campus-primary]:after{display:none}
#root > header.top.has-institutions > .topnav > [data-campus-primary]:hover{background:#07943f!important;color:#081f11!important;box-shadow:0 4px 12px #08a04525!important}
#root > header.top.has-institutions #language-switcher > div{border:0;background:transparent;padding:0;gap:3px}
#root > header.top.has-institutions #language-switcher button{background:transparent;color:#70685d;border:0;padding:5px 9px!important;border-radius:5px;font-size:11px!important;min-height:30px;font-weight:500}
#root > header.top.has-institutions #language-switcher button[aria-pressed=true],#root > header.top.has-institutions #language-switcher button.active{background:#fff!important;color:#154b2c!important;font-weight:700;box-shadow:0 1px 4px #302c2612}
@media(min-width:901px) and (max-width:1190px){
#root > header.top.has-institutions{grid-template-columns:200px minmax(0,1fr);column-gap:18px!important;padding-left:24px!important;padding-right:24px!important}
#root > header.top.has-institutions > .academy-brand-stack{width:200px}
#root > header.top.has-institutions > .topnav > .btn{font-size:12px!important;padding:10px 7px!important}
#root > header.top.has-institutions > .topnav > [data-campus-primary]{margin-left:3px;padding:10px 12px!important}
}
@media(max-width:1190px){
#root > header.top.has-institutions{grid-template-columns:minmax(0,1fr) auto!important;gap:12px 16px!important;padding:12px 20px!important}
#root > header.top.has-institutions > .academy-brand-stack{grid-column:1!important;grid-row:1/3!important;justify-self:start;width:190px;gap:8px}
#root > header.top.has-institutions > #language-switcher{grid-column:2!important;grid-row:1!important;justify-self:end}
#root > header.top.has-institutions > .mobile-menu-toggle{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center;justify-content:center;gap:10px;border:1px solid #cfc5b7!important;background:#fff8!important;border-radius:7px!important;min-height:42px;padding:8px 13px!important;color:#242019}
#root > header.top.has-institutions > .topnav{display:none!important;grid-column:1/-1!important;grid-row:3!important;width:100%;justify-self:stretch;border-top:1px solid #d8cfc2;padding-top:12px;gap:4px!important}
#root > header.top.has-institutions.menu-open > .topnav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
#root > header.top.has-institutions > .topnav > .btn{justify-content:flex-start;padding:14px 12px!important;font-size:13px!important;white-space:normal!important;min-height:48px}
#root > header.top.has-institutions > .topnav > [data-campus-primary]{margin-left:0;justify-content:center;grid-column:1/-1;margin-top:6px}
#root > header.top.has-institutions #language-switcher button{font-size:10px!important;padding:4px 6px!important;min-height:32px}
}
@media(max-width:420px){
#root > header.top.has-institutions{padding:12px 16px!important;column-gap:8px!important}
#root > header.top.has-institutions > .academy-brand-stack{width:165px}
#root > header.top.has-institutions .academy-brand-stack > .header-institutions{grid-template-columns:32px 1px minmax(0,1fr);gap:6px;padding:5px 6px}
#root > header.top.has-institutions .academy-brand-stack .institution-conacado{width:30px!important;height:34px!important}
#root > header.top.has-institutions #language-switcher button{font-size:9px!important;padding:4px!important}
}
@media(prefers-reduced-motion:reduce){#root > header.top.has-institutions > .topnav > .btn:after{transition:none}}