/* @cpi 2026-10-22 00:30: desplegable de idioma (templates/lang_menu.html), con los colores del salón: ciruela y dorado.
 * Cada página puede ajustar --lm-* (fondo, borde, texto, dorado). En móvil el botón se queda en bandera y código. */
.lang-menu{--lm-bg:#291b36;--lm-panel:#221730;--lm-line:#6f4e80;--lm-text:#f1e3f7;--lm-muted:#bba8c6;--lm-gold:#e7c07c;position:relative;font:inherit}
.lang-menu summary{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border:1px solid var(--lm-line);border-radius:12px;background:var(--lm-bg);color:var(--lm-text);font-size:.85rem;cursor:pointer;list-style:none;white-space:nowrap;user-select:none}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:after{content:"";width:6px;height:6px;margin:-3px 0 0 3px;border:solid var(--lm-muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}
.lang-menu[open] summary:after{margin-top:3px;transform:rotate(-135deg)}
.lang-menu summary:hover,.lang-menu[open] summary{border-color:var(--lm-gold)}
.lang-menu summary:focus-visible,.lang-menu a:focus-visible{outline:2px solid var(--lm-gold);outline-offset:2px}
.lang-menu svg{width:22px;height:15px;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #0004}
.lang-menu .lang-code{display:none;font-weight:700;letter-spacing:.06em}
.lang-menu ul{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;margin:0;padding:6px;list-style:none;background:var(--lm-panel);border:1px solid var(--lm-line);border-radius:12px;box-shadow:0 14px 34px #000a}
.lang-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:var(--lm-text);text-decoration:none;font-size:.9rem;border-left:3px solid transparent}
.lang-menu ul.lang-menu-left{left:0;right:auto}
.lang-menu a:hover{background:#ffffff0d}
.lang-menu a[aria-current]{border-left-color:var(--lm-gold);color:var(--lm-gold);font-weight:600}
@media(max-width:760px){.lang-menu summary{gap:7px;min-height:38px;padding:0 9px;font-size:.75rem}.lang-menu .lang-name{display:none}.lang-menu .lang-code{display:inline}.lang-menu ul{min-width:205px}}
/* En la cabecera estrecha de la portada (marca + idioma + Otros juegos) el botón se queda solo en la bandera. */
@media(max-width:480px){#login .lang-menu .lang-code{display:none}#login .lang-menu summary{gap:6px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.lang-menu summary:after{transition:none}}