/* Selector de idioma con banderas. Cada página define estas variables con sus colores: --sel-texto, --sel-suave, --sel-borde, --sel-fondo, --sel-hover, --sel-acento */
.idioma-sel{position:relative;display:inline-block;font:inherit;font-size:14px;line-height:1;text-transform:none;letter-spacing:normal}
.idioma-sel summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px 6px 7px;border-radius:999px;border:1px solid var(--sel-borde);background:var(--sel-fondo);color:var(--sel-texto);user-select:none;transition:border-color .15s}
.idioma-sel summary::-webkit-details-marker{display:none}
.idioma-sel summary:hover{border-color:var(--sel-acento)}
.idioma-sel summary:focus-visible,.idioma-sel li a:focus-visible,.idioma-sel li button:focus-visible{outline:2px solid var(--sel-acento);outline-offset:2px}
.idioma-sel .flecha{color:var(--sel-suave);transition:transform .15s}
.idioma-sel[open] .flecha{transform:rotate(180deg)}
.idioma-sel .bandera{display:inline-block;width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.14)}
.idioma-sel .bandera svg{display:block;width:100%;height:100%}
.idioma-sel ul{position:absolute;right:0;top:calc(100% + 6px);z-index:50;margin:0;padding:6px;list-style:none;min-width:100%;width:max-content;background:var(--sel-fondo);border:1px solid var(--sel-borde);border-radius:16px;box-shadow:0 14px 36px rgba(13,20,18,.18)}
.idioma-sel li a,.idioma-sel li button{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:8px 12px 8px 8px;border-radius:12px;border:0;background:none;color:var(--sel-texto);font:inherit;text-decoration:none;cursor:pointer;text-align:left}
.idioma-sel li a:hover,.idioma-sel li button:hover{background:var(--sel-hover)}
.idioma-sel li .on{font-weight:600}
.idioma-sel li .on::after{content:"✓";margin-left:auto;padding-left:14px;color:var(--sel-acento)}
@media (max-width:420px){.idioma-sel .nom{display:none}.idioma-sel summary{padding-right:8px}}
@media (prefers-reduced-motion:reduce){.idioma-sel *{transition:none!important}}
