/* ===== Reacciones de noticias · estilo OPMYA ===== */
.nr-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:12px 0 4px;position:relative}
.nr-bar.nr-busy{opacity:.6;pointer-events:none}

.nr-chip,.nr-add{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;font:700 13px/1 Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .12s,box-shadow .2s,border-color .2s}
.nr-chip{color:#fff;background:linear-gradient(180deg,#1c2638 0%,#0f1522 100%);border:1px solid rgba(255,213,79,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nr-chip:hover{border-color:#ffd54f;box-shadow:0 0 10px rgba(255,213,79,.25)}
.nr-chip .nr-n{color:#ffd54f;min-width:10px;text-align:left}
.nr-chip.nr-mio{background:linear-gradient(180deg,#0f3a3d 0%,#0a2023 100%);border-color:#64fff0;box-shadow:0 0 0 1px rgba(100,255,240,.35) inset,0 0 12px rgba(100,255,240,.3)}
.nr-chip.nr-mio .nr-n{color:#64fff0}
.nr-chip:active,.nr-add:active{transform:scale(.92)}
.nr-chip.nr-pop{animation:nr-pop .35s ease}
@keyframes nr-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}

.nr-add{color:#ffd54f;background:transparent;border:1px dashed rgba(255,213,79,.55);padding:0 9px}
.nr-add:hover{background:rgba(255,213,79,.1);border-style:solid}
.nr-add b{font-size:15px;margin-left:-3px}

.nr-emote-txt{font-size:17px;line-height:1}
.nr-emote-img{height:20px;width:auto;max-width:44px;vertical-align:middle}
.nr-aviso{font:700 12px Arial,Helvetica,sans-serif;color:#0b0f17;background:#ffd54f;padding:5px 10px;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.4)}

/* ===== Selector de emotes ===== */
.nr-picker{position:fixed;z-index:100000;display:none;width:350px;max-width:calc(100vw - 16px);max-height:min(380px,calc(100vh - 16px));flex-direction:column;background:linear-gradient(180deg,#16203a 0%,#0b0f17 100%);border:2px solid #c9a227;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.7),0 0 18px rgba(201,162,39,.25);overflow:hidden;text-align:left}
.nr-picker.nr-open{display:flex;animation:nr-in .15s ease}
@keyframes nr-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.nr-head{flex:0 0 auto;padding:8px 12px;font:700 13px Arial,Helvetica,sans-serif;color:#ffd54f;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(201,162,39,.4);text-align:center;letter-spacing:.3px}
.nr-tabs{display:flex;gap:6px;padding:8px;justify-content:center;flex-wrap:wrap;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.07)}
.nr-tab{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:17px;cursor:pointer;opacity:.7;transition:all .15s}
.nr-tab:hover{opacity:1;border-color:rgba(255,213,79,.6)}
.nr-tab.nr-tab-on{opacity:1;border:2px solid #ffd54f;background:rgba(255,213,79,.12);box-shadow:0 0 8px rgba(255,213,79,.35)}
.nr-grid-wrap{overflow-y:auto;padding:8px 10px 12px;flex:1 1 auto}
.nr-grid{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}
.nr-grid[hidden]{display:none}
.nr-grid-title{width:100%;font:700 12px Arial,Helvetica,sans-serif;color:#64fff0;margin:0 2px 8px;text-align:center}
.nr-pick{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;padding:0;transition:all .12s}
.nr-pick:hover{background:rgba(100,255,240,.1);border-color:rgba(100,255,240,.5);transform:scale(1.12)}
.nr-pick .nr-emote-txt{font-size:24px}
.nr-grid-img .nr-pick{width:50px;height:46px}
.nr-grid-img .nr-emote-img{height:32px;max-width:46px}