/* Language choices remain real links, including when JavaScript is disabled. */
.site-header { gap: 20px; }
.language-switch { display: inline-flex; align-items: center; flex-shrink: 0; gap: 2px; padding: 3px; border: 1px solid #b89a6355; border-radius: 4px; }
.language-switch a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; font: 400 14px/1.3 Arial, sans-serif; color: #d8d0c2; text-decoration: none; }
.language-switch a[aria-current="page"] { background: #c5ab7a; color: #111515; border-radius: 2px; }
.language-switch a:focus-visible { outline: 2px solid #ead2a5; outline-offset: 2px; }
body > .language-switch { margin: 22px 6%; }
.site-header > nav { margin-right: 0; }
html[lang="es"] .hero-content { max-width: 740px; }
html[lang="es"] .hero-content h1 { font-size: clamp(46px,5.3vw,78px); max-width: 730px; }
html[lang="es"] .hero-content h1 em { white-space: normal; }
html[lang="es"] .hero-description { max-width: 510px; }
html[lang="es"] .phone-content { padding-top: 22px; }
html[lang="es"] .phone-content h3 { font-size: 27px; }
html[lang="es"] .phone-reflection p { font-size: 15px; }
html[lang="es"] .phone-action { margin-top: 12px; }
html[lang="es"] .step-caption { line-height: 1.6; }
@media (max-width: 1120px) {
  .site-header > nav { display: none; }
  .site-header .header-cta { margin-left: auto; }
}
@media (max-width: 760px) {
  .site-header { height: auto; min-height: 116px; padding: 12px 5%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 10px; }
  .site-header .wordmark { grid-column: 1; grid-row: 1; font-size: 16px; letter-spacing: .12em; gap: 7px; }
  .site-header .wordmark svg { width: 20px; min-width: 20px; }
  .site-header .language-switch { grid-column: 2; grid-row: 1; }
  .language-switch a { padding: 8px 7px; }
  .site-header .header-cta { grid-column: 1 / -1; grid-row: 2; justify-self: end; min-height: 44px; padding: 9px 14px; font-size: 14px; }
  html[lang="es"] .hero-content h1 { font-size: clamp(33px,8.8vw,55px); line-height: 1.1; letter-spacing: -.045em; }
  html[lang="es"] .hero-description { max-width: 450px; }
}
@media (max-width: 650px) {
  .hero-stage { padding-top: 156px; }
  .hero-content { inset: auto; }
  html[lang="es"] .hero-content .eyebrow { max-width: 280px; line-height: 1.7; }
  html[lang="es"] .mobile-nav .mobile-signup { font-size: 14px; }
  html[lang="es"] .phone { min-height: 650px; }
  .newsletter-row { min-width: 0; }
  .newsletter-row input, .newsletter-row button { min-width: 0; }
}
@media (min-width: 761px) and (max-height: 760px) {
  html[lang="es"] .hero-stage { padding-top: 140px; }
  html[lang="es"] .hero-content { inset: auto; }
  html[lang="es"] .hero-content h1 { font-size: clamp(44px,4.8vw,64px); }
}