/* Progresíve Español 1.0.0 — the Español / English button. */

/* header bar: a small pill beside "Request a proposal"; it takes the header's colours (white over the header
   animation, dark once the bar turns solid) */
.pe-nav__actions .pe-lang {
  display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 13px 0 11px; border-radius: 999px;
  border: 1px solid currentColor; border-color: rgba(11, 49, 63, .2); color: inherit !important; text-decoration: none !important;
  font-weight: 700; font-size: .82rem; letter-spacing: .01em; line-height: 1; white-space: nowrap; flex: none;
  transition: background .2s, border-color .2s;
}
.pe-nav__actions .pe-lang:hover { background: rgba(38, 163, 208, .1); border-color: rgba(38, 163, 208, .55); }
.pe-nav--over:not(.is-solid) .pe-nav__actions .pe-lang { border-color: rgba(255, 255, 255, .45); }
.pe-nav--over:not(.is-solid) .pe-nav__actions .pe-lang:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .75); }
.pe-nav__actions .pe-lang .pe-i { width: 17px; height: 17px; stroke-width: 1.7; }
.pe-nav__actions .pe-lang__short { display: none; }
/* narrower screens: just the globe and "ES" / "EN" */
@media (max-width: 1360px) {
  .pe-nav__actions .pe-lang { padding: 0 11px 0 10px; gap: 6px; }
  .pe-nav__actions .pe-lang__long { display: none; }
  .pe-nav__actions .pe-lang__short { display: inline; }
}
/* desktops 1025–1320px wide: the bar gets a little tighter to make room for the button (the Spanish menu labels are
   also a little longer than the English ones) */
@media (min-width: 1025px) and (max-width: 1320px) {
  .pe-nav--lang .pe-nav__bar { gap: 14px; }
  .pe-nav--lang .pe-nav__actions { gap: 10px; }
  .pe-nav--lang .pe-nav__links a { padding-left: 10px; padding-right: 10px; }
  [data-pe-lang="es"] .pe-nav--lang .pe-nav__links a { padding-left: 8px; padding-right: 8px; }
}
@media (min-width: 1025px) and (max-width: 1120px) {
  [data-pe-lang="es"] .pe-nav--lang .pe-nav__links a { padding-left: 6px; padding-right: 6px; letter-spacing: -.005em; }
}
@media (max-width: 1024px) {
  .pe-nav__actions .pe-lang { height: 44px; border-radius: 12px; padding: 0 12px; }
}
@media (max-width: 380px) {
  .pe-nav__actions .pe-lang .pe-i { display: none; }
}

/* mobile menu and footer reuse the site's own link styles; only the icon needs a touch */
.pe-menu__foot .pe-lang-menu .pe-i { color: var(--pe-green-700, #2E7638); }
.pe-footer .pe-lang-foot { display: inline-flex; align-items: center; gap: 8px; }
.pe-footer .pe-lang-foot .pe-i { color: var(--pe-green-300, #8DD39A); }

@media print { .pe-lang, .pe-lang-menu, .pe-lang-foot { display: none !important; } }