/* Centered language control with overlapping angled selection. */
.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px}.masthead>.brand{grid-column:1;grid-row:1;justify-self:start}.masthead>.nav,.masthead>.text-link{grid-column:3;grid-row:1;justify-self:end}.masthead>.nav{gap:16px}.masthead>.site-language{grid-column:2;grid-row:1;justify-self:center}.site-language{display:inline-grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;padding:4px;border:1px solid #8eaa905e;border-radius:999px;background:#173b30;color:#f4f6ee;width:188px;min-height:44px;box-shadow:inset 0 1px 4px #0002}.site-language:before{content:'';position:absolute;inset:4px auto 4px 4px;width:calc(50% + 5px);border-radius:999px 0 0 999px;background:#f4f1e7;clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%);z-index:-1}.site-language[data-current-language="es"]:before{transform:translateX(calc(100% - 18px));border-radius:0 999px 999px 0;background:#d5eb8f;clip-path:polygon(15px 0,100% 0,100% 100%,0 100%)}.site-language button{font:600 11px/1 Arial,sans-serif;border:0;background:transparent;color:inherit;padding:11px 10px;min-height:34px;cursor:pointer;border-radius:999px;z-index:1}.site-language button[aria-pressed="true"]{color:#17372c}.site-language button:focus-visible{outline:2px solid #e1b573;outline-offset:2px}.site-language button[aria-pressed="false"]:hover{color:#d5eb8f}@media(prefers-reduced-motion:no-preference){.site-language:before{transition:transform .22s ease,background-color .22s ease}.site-language button{transition:color .22s ease}}@media(max-width:1150px){.masthead{grid-template-columns:1fr auto}.masthead>.brand{grid-column:1}.masthead>.nav,.masthead>.text-link{grid-column:1/-1;grid-row:3;justify-self:center}.masthead>.nav{width:100%;justify-content:space-between}.masthead>.site-language{grid-column:1/-1;grid-row:2;justify-self:center}.masthead{row-gap:16px}}@media(min-width:1151px){.masthead>.nav a{font-size:11px;white-space:nowrap}.masthead>.brand{max-width:100%}.masthead .program-logo{width:72px}.masthead .brand-name{font-size:10px}.masthead .brand-name span{font-size:13px}}
