/* Selector de país de la navbar (ver country.js). */
.nav-country { position: relative; display: inline-flex; align-items: center; }
.country-trigger {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: none; cursor: pointer; padding: 6px 4px;
  color: var(--mid, #4A4A6A); font-family: inherit;
}
.country-trigger:hover { color: var(--brand, #4F43FD); }
.country-trigger .nav-chevron { width: 14px; height: 14px; transition: transform .18s; }
.nav-country.is-open .country-trigger .nav-chevron { transform: rotate(180deg); }
.country-flag { display: inline-flex; width: 24px; height: 16px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 0 1px rgba(18,23,94,.12); flex: none; }
.country-flag svg { width: 100%; height: 100%; display: block; }
.country-menu {
  position: absolute; top: calc(100% + 14px); right: -10px;
  min-width: 180px; padding: 8px; border-radius: 14px;
  background: #fff; box-shadow: 0 18px 44px rgba(30,30,46,.16);
  display: flex; flex-direction: column; gap: 2px;
  opacity: 0; pointer-events: none; transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease; z-index: 200;
}
.nav-country.is-open .country-menu { opacity: 1; pointer-events: auto; transform: translateY(0); }
.country-option {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 9px 12px; border: none; border-radius: 9px; background: none; cursor: pointer;
  font-family: inherit; font-size: 14px; font-weight: 700; color: var(--ink, #12175E); text-align: left;
}
.country-option:hover { background: #F5F6FF; color: var(--brand, #4F43FD); }
.country-option.is-active { background: #ECEBFF; color: var(--brand, #4F43FD); }
.country-option.is-active::after { content: "✓"; margin-left: auto; font-weight: 900; }

/* en mobile los links del nav se esconden: mostramos una copia junto al botón */
.nav-country-mobile { display: none; }
@media (max-width: 900px) {
  .nav-country-mobile { display: inline-flex; margin-right: 8px; }
  .nav-country-mobile .country-menu { right: -60px; }
}