/* ---------- Regalos entre amigos (js/regalos.js) ---------- */
#regalosPanel .rg-box { position: relative; width: 420px; max-width: 92vw; max-height: 84vh; overflow-y: auto; box-sizing: border-box;
  padding: 22px 24px; border-radius: 30px; border: 6px solid #7a4a22; text-align: center;
  background: linear-gradient(#fff8ee, #ffe6c4); }
#regalosPanel .x-btn { position: absolute; top: 12px; right: 12px; z-index: 2; }
#regalosPanel h2 { margin: 0 0 6px; padding: 0 30px; font: 700 28px var(--font); color: #5a3a1e; }
#regalosPanel .rg-sub { margin: 0 0 12px; font: 600 16px/1.3 var(--font); color: #7a5a3a; }
#regalosPanel .rg-coins { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; font: 700 20px var(--font); color: #5a3a1e; }
#regalosPanel .rg-coins input { width: 120px; font: 700 20px var(--font); padding: 6px 8px; border-radius: 12px; border: 3px solid #c9a27a; }
#regalosPanel .rg-coins small { font: 600 14px var(--font); color: #8a6a4a; }
#regalosPanel .rg-items { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-height: 260px; overflow-y: auto; margin: 0 0 14px; text-align: left; }
#regalosPanel .rg-item { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 14px; background: #fff; border: 3px solid #e6cfae;
  font: 600 16px var(--font); color: #5a3a1e; }
#regalosPanel .rg-none { grid-column: 1 / -1; font: 600 15px var(--font); color: #8a6a4a; margin: 6px 0; }
#regalosPanel .btn.ok { font-size: 22px; padding: 10px 26px; }