/* I18N-2.7 / I18N-2.9 (03/10/2026): selector de idioma con banderas. Estilos propios con prefijo wl-
   (no dependen de Tailwind, así no hay que regenerar el CSS precompilado). */
.wl-lang{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;line-height:1;font-weight:700;letter-spacing:.03em}
.wl-lang-opt{display:inline-flex;align-items:center;gap:.4rem;color:inherit;text-decoration:none;padding:.3rem .35rem;border-radius:.5rem;opacity:.55;transition:opacity .15s,background-color .15s}
.wl-lang-opt:hover,.wl-lang-opt:focus-visible{opacity:1;background:rgba(15,23,42,.06)}
.wl-lang-opt:focus-visible{outline:2px solid #00628E;outline-offset:2px}
.wl-lang-opt.is-active{opacity:1}
.wl-flag{display:block;flex:none;width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.18)}
.wl-lang-opt.is-active .wl-flag{box-shadow:0 0 0 2px #fff,0 0 0 3.5px currentColor}
.wl-lang--header{color:#334155}
.wl-lang--mobile{color:#334155;padding:.5rem .5rem;font-size:.9375rem;gap:.75rem}
.wl-lang--footer{color:inherit;display:flex;justify-content:center;margin:1.25rem auto 0;gap:.75rem}
.wl-lang--footer .wl-lang-opt:hover,.wl-lang--footer .wl-lang-opt:focus-visible{background:rgba(255,255,255,.08)}
.wl-lang--footer .wl-lang-opt.is-active .wl-flag{box-shadow:0 0 0 2px transparent,0 0 0 3.5px currentColor}
.wl-lang--floating{position:fixed;top:.75rem;right:.75rem;z-index:60;color:#334155;background:rgba(255,255,255,.94);border:1px solid #e2e8f0;border-radius:999px;padding:.2rem .35rem;box-shadow:0 2px 10px rgba(15,23,42,.08)}
.wl-lang--app{color:#44403c;display:flex;justify-content:flex-end;padding:0 .25rem;gap:.5rem}