/* **El selector de idioma** (dueño, 09-10): arriba a la derecha del menú, en todas
   las páginas. Las banderas son las de la app (`LanguageFlag`), y cada idioma se
   nombra en su propia lengua. Los buscadores ven las versiones en los
   `hreflang` de la cabecera. */
.nav-end{display:flex;align-items:center;gap:clamp(6px,1.2vw,14px)}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;border-radius:10px;
  background:none;color:var(--ink-2);font:inherit;cursor:pointer}
.lang-btn:hover{color:var(--ink)}
.lang-flag{display:block;width:26px;height:18px;flex:none}
.lang-btn .chev{width:12px;height:12px;transition:transform .18s ease}
.lang.open .lang-btn .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:70;min-width:200px;margin:0;padding:6px;list-style:none;
  background:var(--paper-2);border:1px solid var(--line-soft);border-radius:14px;
  box-shadow:0 1px 2px rgba(20,33,61,.06),0 12px 28px -8px rgba(20,33,61,.22);display:none}
.lang.open .lang-menu{display:block}
.lang-menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;
  color:var(--ink);text-decoration:none;font-size:.95rem;white-space:nowrap}
.lang-menu a:hover{background:var(--line-soft)}
.lang-menu a[aria-current="true"]{font-weight:600}
.lang-menu a[aria-current="true"]::after{content:"";margin-left:auto;width:12px;height:7px;transform:rotate(-45deg) translate(1px,-2px);
  border-left:2.5px solid var(--mint-bright);border-bottom:2.5px solid var(--mint-bright)}
@media (prefers-reduced-motion:reduce){.lang-btn .chev{transition:none}}
/* En los móviles más estrechos (320 px) no cabe la flecha: queda la bandera, que
   también abre la lista, y menos aire (sin encoger el sello, dueño 08-10). */
@media(max-width:359px){.lang-btn .chev{display:none} .lang-btn{padding:0} .nav-end{gap:4px} nav .nav-links{gap:6px}}