/* FDT HUB · a readable institutional footer, with space for Carla. */
body.experience.sections-version .shell{grid-template-rows:78px minmax(0,1fr) auto}
body.experience .shell>footer{
 display:grid;grid-template-columns:132px minmax(0,1fr) auto;grid-template-rows:auto;
 align-items:center;align-content:center;gap:20px;min-height:80px;
 padding:14px 190px 14px 22px;margin:0 0 8px;border-radius:14px;
 background:var(--navy);color:#FFFFFF;
}
body.experience.scroll-version .shell>footer{margin-top:36px;margin-bottom:16px}
body.experience .shell>footer .footer-logo{grid-column:1;grid-row:1;padding:0;min-width:0}
body.experience .shell>footer .footer-logo img{display:block;width:132px;max-width:100%;height:auto}
body.experience .shell>footer p{
 grid-column:2;grid-row:1;min-width:0;max-width:none;margin:0;padding:0;
 font-size:13px;line-height:19px;letter-spacing:0;color:#FFFFFF;
}
body.experience .shell>footer .initiative-label{display:block;font-size:11px;line-height:16px;margin:0 0 3px;color:#FFFFFF}
body.experience .shell>footer strong{display:block;font-size:13px;line-height:19px;font-weight:500;white-space:normal;overflow-wrap:normal;color:#FFFFFF}
body.experience .shell>footer .footer-connections{
 grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;
 gap:18px;min-width:0;margin:0;
}
body.experience .shell>footer .social-link{font-size:12px;line-height:18px;gap:6px;min-height:44px;color:#FFFFFF}
body.experience .shell>footer .social-link svg{width:20px;height:20px}
body.experience .shell>footer #motion{
 display:block;width:auto;min-width:95px;max-width:110px;min-height:44px;height:auto;
 padding:0;font-size:11px;line-height:16px;text-align:left;white-space:normal;
 text-decoration:underline;text-underline-offset:3px;color:#FFFFFF;
}
body.experience .shell>footer #motion:before{display:none}
body.experience .shell>footer :is(.social-link,#motion):hover{color:var(--orange)}
/* The proof buttons retain AA contrast on their existing hover/focus tint. */
body.experience .authority-proof .proof-stat:is(:hover,:focus-visible)>strong{color:var(--navy)}

/* Preserve the existing short-screen header; only the footer track grows. */
@media(min-width:701px) and (max-height:750px){
 body.experience.sections-version .shell{grid-template-rows:68px minmax(0,1fr) auto}
}
@media(min-width:701px) and (max-width:1100px){
 body.experience .shell>footer{grid-template-columns:112px minmax(0,1fr) auto;gap:16px;padding:12px 84px 12px 18px}
 body.experience .shell>footer .footer-logo img{width:112px}
 body.experience .shell>footer p,body.experience .shell>footer strong{font-size:12px;line-height:18px}
 body.experience .shell>footer .initiative-label{font-size:10px;line-height:14px}
 body.experience .shell>footer .footer-connections{gap:12px}
 body.experience .shell>footer .social-link{font-size:11px}
 body.experience .shell>footer #motion{font-size:10px;min-width:85px;max-width:90px}
}

@media(max-width:700px){
 body.experience.sections-version .shell{grid-template-rows:64px minmax(0,1fr) auto}
 body.experience .shell>footer{
  grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
  align-items:center;gap:10px 12px;min-height:0;padding:14px 16px;
  margin-bottom:6px;border-radius:12px;
 }
 body.experience .shell>footer .footer-logo{grid-column:1;grid-row:1}
 body.experience .shell>footer .footer-logo img{width:96px}
 body.experience .shell>footer p{
  grid-column:1/-1;grid-row:2;padding-right:64px;font-size:11px;line-height:16px;
 }
 body.experience .shell>footer .initiative-label{display:block;font-size:10px;line-height:14px;margin:0 0 3px}
 body.experience .shell>footer strong{font-size:11px;line-height:16px}
 body.experience .shell>footer .footer-connections{grid-column:2;grid-row:1;gap:10px}
 body.experience .shell>footer .social-link{font-size:11px;line-height:16px;gap:5px;min-height:44px}
 body.experience .shell>footer .social-link svg{width:18px;height:18px}
 body.experience .shell>footer #motion{
  display:grid;place-items:center;width:44px;min-width:44px;max-width:44px;
  height:44px;min-height:44px;padding:0;font-size:0;text-align:center;text-decoration:none;
  border:1px solid #FFFFFF66;border-radius:9px;
 }
 body.experience .shell>footer #motion:before{display:block;content:'Ⅱ';font-size:18px;line-height:22px;color:var(--orange)}
 body.experience .shell>footer #motion[aria-pressed=true]:before{content:'▶';font-size:13px}

 /* A larger footer must not turn a short section into an unreachable panel. */
 body.experience.sections-version:is([data-view="soluciones"],[data-view="metodo"],[data-view="compromisos"],[data-view="observatorio"],[data-view="alianza"],[data-view="radar"],[data-view="perspectivas"]) main{
  min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;
 }
 body.experience.sections-version:is([data-view="soluciones"],[data-view="metodo"],[data-view="compromisos"],[data-view="observatorio"],[data-view="alianza"],[data-view="radar"],[data-view="perspectivas"]) #content{height:auto;min-height:100%}
 body.experience.sections-version:is([data-view="soluciones"],[data-view="metodo"],[data-view="compromisos"],[data-view="observatorio"],[data-view="alianza"],[data-view="radar"],[data-view="perspectivas"]) #content>.stage{
  height:auto;min-height:min-content;grid-template-rows:auto auto;align-items:start;align-content:start;
 }
 body.experience.sections-version :is(.context-system,.alliance-system,.radar-card){height:auto;min-height:min-content;justify-content:flex-start}
 body.experience.sections-version :is(.context-system,.alliance-system) > *{flex-shrink:0}
 body.experience.sections-version .solutions-workspace .solution-grid{height:auto;min-height:min-content;grid-template-rows:auto auto}
 body.experience.sections-version .solutions-workspace .solution-card{height:auto;min-height:min-content}
 body.experience.sections-version .solutions-workspace .solution-card>*{flex-shrink:0}
}
@media(max-width:700px) and (max-height:740px){
 body.experience.sections-version .shell{grid-template-rows:58px minmax(0,1fr) auto}
}
@media(max-height:540px){
 body.experience.sections-version .shell{grid-template-rows:64px auto auto}
 body.experience .shell>footer{padding-right:18px}
 body.experience.scroll-version .shell>footer{padding-right:80px}
}