/* ---------- selector de idioma (pantalla de inicio) ---------- */
.lang-pick { position: absolute; right: 40px; top: 34px; z-index: 60; display: flex; gap: 8px; padding: 8px; border-radius: 26px;
  background: rgba(255,255,255,.92); border: 5px solid #1d5fa8; box-shadow: 0 8px 0 rgba(13,52,100,.25); }
#start.gone .lang-pick { display: none; }
.lp-btn { display: flex; align-items: center; gap: 8px; padding: 6px 14px 6px 8px; border: 3px solid transparent; border-radius: 18px; background: transparent;
  font: 800 24px var(--font, 'Fredoka', sans-serif); color: #3a5a80; cursor: pointer; transition: transform .15s cubic-bezier(.3,1.6,.5,1); }
.lp-btn:hover { transform: translateY(-2px); background: #eaf5ff; }
.lp-btn.on { background: #ffd34a; border-color: #c48a00; color: #5a3a00; box-shadow: 0 3px 0 #a86f00; }
.lp-flag { display: block; width: 54px; height: 36px; border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 2px rgba(0,0,0,.18); }
.lp-flag svg { display: block; width: 100%; height: 100%; }

/* textos que salen desde el CSS */
html[lang="en"] .post-item.unread .pi-text b::after { content: ' ● new'; }
html[lang="en"] #catSoon::before { content: '📰 New in this edition'; }