/* The language control stays at the upper right on desktop and mobile. */
.utility{position:sticky;top:0;z-index:35}
.utility .wrap{min-height:54px;gap:18px}
.utility-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.language-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;min-width:118px;padding:8px 15px;
  border:1px solid #d2936c;background:#45494c;color:#fff3eb;
  border-radius:4px;font-size:14px;font-weight:800;line-height:1.4;
  letter-spacing:.01em;box-shadow:0 3px 9px rgba(0,0,0,.12);
  transition:background .2s,border-color .2s;
}
.language-button .icon{width:19px;height:19px;color:#ffb184}
.language-button:hover{background:#5a6064;border-color:#ffbc94}
.language-button:focus-visible{outline:3px solid #ffb184;outline-offset:3px}
.utility .language-button span{display:block;letter-spacing:.01em}
.header{top:54px}
html{scroll-padding-top:170px}
.message-result{scroll-margin-top:170px}
.language-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[lang=es] .strip-item span{min-width:0}
html[lang=es] .contact-panel h2{font-size:clamp(2.4rem,4vw,3.15rem)}
@media(max-width:800px){.utility-actions{gap:17px}}
@media(max-width:600px){
  .utility-actions>a{display:none}
  .utility .wrap{gap:12px}
  .utility .wrap>span{font-size:8px;letter-spacing:.07em;line-height:1.5;max-width:calc(100% - 130px)}
  .language-button{min-width:112px;padding-inline:12px;font-size:13px}
  html{scroll-padding-top:150px}
  .message-result{scroll-margin-top:150px}
  html[lang=es] .hero .action-row{gap:16px}
  html[lang=es] .hero .text-link{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.language-button{transition:none}}