/* Botón “Language ▾” */ .lang-switcher-control { display:inline-block; position:relative; } .lang-switcher-control .lang-btn{ display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .7rem; border:1px solid rgba(0,0,0,.12); background:#fff; color:#1f2937; border-radius:.5rem; font-size:.95rem; line-height:1; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.04); } .lang-switcher-control .lang-btn:focus { outline:1px solid rgba(37,99,235,.35); outline-offset:1px; } .lang-switcher-control .chev { opacity:.7; } .lang-switcher-control .lang-btn { display: inline-flex; align-items: center; gap: .5rem; /* espacio entre flag, texto y chevron */ } .lang-switcher-control .lang-btn-flag svg { display: inline-block; width: 16px; height: 16px; } .lang-switcher-control .lang-btn-text { line-height: 1; } /* Menú flotante PORTAL (se inyecta en ) */ .lang-menu-portal{ position:fixed; z-index:9999; min-width:200px; max-width:280px; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:.6rem; padding:.25rem; box-shadow:0 12px 32px rgba(0,0,0,.12); } .lang-menu-portal ul{ margin:0; padding:0; list-style:none; } .lang-menu-portal .lang-flag svg { display:inline-block; width:16px; height:16px; vertical-align:middle; } .lang-menu-portal .lang-flag { display:inline-flex; align-items:center; margin-right:.5rem; } .lang-item{ display:flex; align-items:center; gap:.5rem; padding:.5rem .6rem; border-radius:.45rem; text-decoration:none; color:#111827; line-height:1.1; } .lang-item:hover, .lang-item:focus{ background:rgba(0,0,0,.05); outline:none; } .lang-flag{ width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; } .lang-text{ flex:1 1 auto; } .lang-check{ width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; color:#2563eb; opacity:0; } .lang-item.is-current .lang-check{ opacity:1; } /* reset bullets que veías en capturas */ .lang-menu-portal li::marker { content:none; }