.site-header {
  background-image: url("assets/cabecera-usa.svg");
  background-repeat: no-repeat;
  background-size: auto 98%;
  background-position: clamp(160px, calc((100vw - 1180px) / 2 + 175px), 38%) bottom;
}
.language-switch { display: inline-flex; flex: none; align-items: center; gap: 2px; border: 1px solid #b7b6ae; border-radius: 20px; padding: 2px; background: var(--paper); }
.language-switch button { min-width: 31px; min-height: 32px; padding: 0 6px; border: 0; border-radius: 16px; background: transparent; color: var(--ink); font-size: 11px; font-weight: 750; }
.language-switch button[aria-pressed="true"] { color: white; background: var(--ink); }
.language-switch button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
@media (min-width: 1181px) { .site-header .links { gap: 16px; } .site-header .nav-actions { gap: 8px; } }
@media (min-width: 601px) and (max-width: 1180px) {
  .site-header .links, .site-header .nav-links { position: absolute; inset: 76px 0 auto; display: none; align-items: center; gap: 18px; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; flex-direction: column; }
  .site-header .links.open, .site-header .nav-links.open { display: flex; opacity: 1; transform: none; pointer-events: auto; }
  .site-header .menu { display: block; }
  .site-header .nav-cta { display: none; }
}
@media (max-width: 600px) {
  .site-header { background-position: 50% bottom; background-size: auto 96%; }
  .language-switch button { min-height: 34px; }
}
@media (min-width: 1181px) {
  .site-header { background-position: calc((100vw - min(1180px, 100vw - 36px)) / 2 + 164px) bottom; }
  .site-header .brand { margin-right: 37px; }
  .site-header .brand img { width: 190px; }
  .site-header nav { gap: 10px; }
  .site-header .links, .site-header .nav-links { gap: 15px; font-size: 13px; white-space: nowrap; }
  .site-header .nav-cta { font-size: 13px; white-space: nowrap; padding: 13px 15px; }
}
