/* Selector de idioma único en cabecera (ES | VA). */
.header-lang {
  display: inline-flex;
  align-items: center;
  gap: 0.32em;
  flex: 0 0 auto;
  font-family: var(--sans);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--porcelana);
  white-space: nowrap;
}
.header-lang a {
  color: inherit;
  text-decoration: none;
  opacity: 0.62;
  padding-block: 0.15em;
  border-bottom: 1px solid transparent;
}
.header-lang a:hover,
.header-lang a:focus-visible {
  opacity: 1;
}
.header-lang a[aria-current="page"] {
  opacity: 1;
  font-weight: 600;
  border-bottom-color: currentColor;
}
.header-lang .sep {
  opacity: 0.35;
}
.header-inner > .header-lang {
  margin-left: 0.35rem;
}
.bar > .header-lang {
  margin-left: 1rem;
}
.legal-header-home + .header-lang {
  margin-left: 0.8rem;
}
@media (max-width: 960px) {
  .header-lang {
    font-size: 0.62rem;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 350px) {
  .mobile-header-actions .button-small {
    display: none !important;
  }
}
@media (min-width: 381px) and (max-width: 420px) {
  .header-inner .brand img {
    max-width: 160px !important;
    height: 44px !important;
  }
  .mobile-header-actions .button-small {
    padding: 6px 8px !important;
    font-size: 10px !important;
  }
}

/* Banderas del selector de la preview pública. */
.header-lang { gap: .42em; }
.header-lang .lang-flag {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 1.25rem;
  height: .83rem;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: -0.08em;
  border: 1px solid rgba(255,255,255,.36);
}
.header-lang .lang-flag-es {
  background: linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);
}
.header-lang .lang-flag-va {
  background: repeating-linear-gradient(to bottom, #f2ce3c 0 11.11%, #c62828 11.11% 22.22%);
}
.header-lang .lang-flag-va::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 26%;
  background: #1768a6;
  border-right: 1px solid rgba(255,255,255,.24);
}
.header-lang .lang-code { letter-spacing: .08em; }
@media (max-width: 420px) {
  .header-lang { gap: .18em; }
  .header-lang .lang-flag { width: .875rem; height: .58rem; }
  .header-lang .lang-code { letter-spacing: 0; }
}