/* Banderas de los idiomas (20-oct-2026, pedido de Fredd: junto a las iniciales ES/EN/PT/DE, la bandera del idioma).
   ES = España, EN = Estados Unidos, PT = Brasil, DE = Alemania. Mismo dibujo que en la app (kruxmind-next, timer, battle).
   Sirve a las páginas escritas a mano (botón data-lang / data-l) y a las generadas por idioma (enlace data-l). */
.langs button[data-lang],.langs button[data-l],.langs a[data-l]{display:inline-flex;align-items:center;gap:6px}
.langs button[data-lang]::before,.langs button[data-l]::before,.langs a[data-l]::before{content:"";width:18px;height:12px;flex:none;border-radius:2px;background:center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.langs button[data-lang="es"]::before,.langs button[data-l="es"]::before,.langs a[data-l="es"]::before{background-image:url(/banderas/es.svg)}
.langs button[data-lang="en"]::before,.langs button[data-l="en"]::before,.langs a[data-l="en"]::before{background-image:url(/banderas/en.svg)}
.langs button[data-lang="pt"]::before,.langs button[data-l="pt"]::before,.langs a[data-l="pt"]::before{background-image:url(/banderas/pt.svg)}
.langs button[data-lang="de"]::before,.langs button[data-l="de"]::before,.langs a[data-l="de"]::before{background-image:url(/banderas/de.svg)}