/* ═══════════════════════════════════════
   Mundo Steam Points v1.6 — Premium UI
   ═══════════════════════════════════════ */

/* ── Vars ── */
div.msp-wrap{
  --accent:#03A9F4;--accent-l:#38BDF8;--accent-d:#0EA5E9;
  --green:#22c55e;--red:#ef4444;--amber:#f59e0b;--purple:#a855f7;
  --bg1:#0d1117;--bg2:#111a2e;
  --card:rgba(255,255,255,.025);--card-b:rgba(56,189,248,.06);--card-h:rgba(56,189,248,.14);
  --glass:rgba(14,165,233,.06);
  --t1:#f0f6fc;--t2:rgba(255,255,255,.62);--t3:rgba(255,255,255,.30);
  --r:16px;
  color:var(--t1)!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;
  line-height:1.55!important;padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:16px!important;
}

/* ── Reset ── */
div.msp-wrap *,div.msp-wrap *::before,div.msp-wrap *::after{box-sizing:border-box!important}
div.msp-wrap h2,div.msp-wrap h3,div.msp-wrap p,div.msp-wrap table,div.msp-wrap td,div.msp-wrap th,
div.msp-wrap input,div.msp-wrap button,div.msp-wrap label,div.msp-wrap span,div.msp-wrap div,
div.msp-wrap a,div.msp-wrap small,div.msp-wrap section,div.msp-wrap form{
  margin:0!important;padding:0!important;border:none!important;background:transparent!important;
  color:inherit!important;font-family:inherit!important;font-size:inherit!important;
  line-height:inherit!important;text-decoration:none!important;box-shadow:none!important;
  text-transform:none!important;letter-spacing:normal!important;
}

/* ── Utility ── */
div.msp-wrap .accent{color:var(--accent-l)!important}
div.msp-wrap .msp-green{color:var(--green)!important}
div.msp-wrap .msp-red{color:var(--red)!important}
div.msp-wrap .dim{color:var(--t3)!important}
div.msp-wrap .bold{font-weight:700!important}
div.msp-wrap .nowrap{white-space:nowrap!important}
div.msp-wrap .r{text-align:right!important}

/* ═══════ HERO ═══════ */
div.msp-wrap .msp-hero{
  position:relative!important;border-radius:var(--r)!important;overflow:hidden!important;
  background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 50%,var(--bg1) 100%)!important;
  border:1px solid var(--card-b)!important;
}
div.msp-wrap .msp-hero-bg{
  position:absolute!important;inset:0!important;
  background:radial-gradient(ellipse 60% 80% at 10% 40%,rgba(14,165,233,.1),transparent 70%),
             radial-gradient(ellipse 50% 70% at 90% 20%,rgba(56,189,248,.06),transparent 70%)!important;
  pointer-events:none!important;
}
div.msp-wrap .msp-hero-inner{
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;flex-wrap:wrap!important;gap:20px!important;
  padding:28px 24px 16px!important;
}
div.msp-wrap .msp-hero-left{display:flex!important;align-items:center!important;gap:16px!important}

/* Orb */
div.msp-wrap .msp-orb{
  width:64px!important;height:64px!important;border-radius:50%!important;flex-shrink:0!important;
  background:var(--c)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--c) 35%,transparent)!important;
}
div.msp-wrap .msp-orb span{font-size:28px!important;font-weight:800!important;color:var(--bg1)!important}
div.msp-wrap .msp-hero-label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:2px!important;color:var(--t2)!important;font-weight:600!important}
div.msp-wrap .msp-hero-pts{font-size:36px!important;font-weight:800!important;line-height:1.1!important;
  background:linear-gradient(135deg,#fff,var(--accent-l))!important;-webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;background-clip:text!important}
div.msp-wrap .msp-hero-pts small{font-size:15px!important;font-weight:400!important;-webkit-text-fill-color:var(--t3)!important}

/* KPIs */
div.msp-wrap .msp-hero-kpis{display:flex!important;gap:24px!important}
div.msp-wrap .msp-kpi{text-align:center!important}
div.msp-wrap .msp-kpi-v{display:block!important;font-size:20px!important;font-weight:700!important;color:var(--accent-l)!important}
div.msp-wrap .msp-kpi-l{display:block!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--t3)!important;margin-top:2px!important}

/* Bar */
div.msp-wrap .msp-bar-wrap{position:relative!important;padding:0 24px 20px!important}
div.msp-wrap .msp-bar-labels{display:flex!important;justify-content:space-between!important;font-size:11px!important;color:var(--t2)!important;margin-bottom:6px!important}
div.msp-wrap .msp-bar{height:8px!important;background:rgba(255,255,255,.06)!important;border-radius:4px!important;overflow:hidden!important}
div.msp-wrap .msp-bar-fill{height:100%!important;background:linear-gradient(90deg,var(--accent-d),var(--accent-l))!important;border-radius:4px!important;min-width:4px!important;
  position:relative!important;transition:width .6s ease!important}

/* ═══════ TABS ═══════ */
div.msp-wrap .msp-tabs{display:flex!important;gap:4px!important;margin:20px 0 24px!important;padding:4px!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(56,189,248,.06)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;-ms-overflow-style:none!important;scrollbar-width:none!important}
div.msp-wrap .msp-tabs::-webkit-scrollbar{display:none!important}
div.msp-wrap .msp-tab{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 12px!important;border:none!important;border-radius:10px!important;background:transparent!important;color:var(--t2)!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;min-width:0!important}
div.msp-wrap .msp-tab:hover{background:rgba(255,255,255,.04)!important;color:var(--t1)!important}
div.msp-wrap .msp-tab-active{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(56,189,248,.08))!important;color:var(--accent-l)!important;font-weight:600!important;box-shadow:0 0 12px rgba(14,165,233,.15)!important}
div.msp-wrap .msp-tab svg{flex-shrink:0!important;opacity:.7!important}
div.msp-wrap .msp-tab-active svg{opacity:1!important}
div.msp-wrap .msp-tab-content{display:none!important}
div.msp-wrap .msp-tab-visible{display:block!important}
@media(max-width:640px){
  div.msp-wrap .msp-tab{font-size:11px!important;padding:8px 6px!important;gap:4px!important}
  div.msp-wrap .msp-tab svg{width:14px!important;height:14px!important}
}

/* ═══════ CUPONES ═══════ */
div.msp-wrap .msp-coupon-card{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(56,189,248,.03))!important;border:1px solid rgba(56,189,248,.12)!important;margin-bottom:12px!important;gap:16px!important}
div.msp-wrap .msp-coupon-info{flex:1!important}
div.msp-wrap .msp-coupon-code{font-family:'JetBrains Mono',monospace!important;font-size:16px!important;font-weight:700!important;color:var(--accent-l)!important;letter-spacing:1px!important;margin-bottom:4px!important}
div.msp-wrap .msp-coupon-desc{font-size:13px!important;color:var(--t2)!important}
div.msp-wrap .msp-coupon-exp{font-size:11px!important;color:var(--t3)!important;margin-top:4px!important}
div.msp-wrap .msp-coupon-copy{padding:8px 16px!important;border-radius:8px!important;border:1px solid rgba(56,189,248,.2)!important;background:rgba(56,189,248,.08)!important;color:var(--accent-l)!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important}
div.msp-wrap .msp-coupon-copy:hover{background:rgba(56,189,248,.15)!important}
div.msp-wrap .msp-coupon-used{opacity:.5!important;border-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.02)!important}
div.msp-wrap .msp-coupon-used .msp-coupon-code{color:var(--t3)!important;text-decoration:line-through!important}

/* ═══════ PANELS (sections) ═══════ */
div.msp-wrap .msp-panel{
  border-radius:var(--r)!important;overflow:hidden!important;
  background:linear-gradient(170deg,var(--bg1),var(--bg2),var(--bg1))!important;
  border:1px solid var(--card-b)!important;
}
div.msp-wrap .msp-panel-head{
  padding:20px 24px 0!important;
}
div.msp-wrap .msp-panel-head h2{font-size:18px!important;font-weight:700!important;color:var(--t1)!important}
div.msp-wrap .msp-panel-head p{font-size:13px!important;color:var(--t2)!important;margin-top:4px!important}
div.msp-wrap .msp-panel-head p strong{color:var(--accent-l)!important}
div.msp-wrap .msp-panel-body{padding:16px 24px 24px!important}
div.msp-wrap .msp-panel-flush{padding:0!important}
div.msp-wrap .msp-sub-section{margin-top:20px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.04)!important}
div.msp-wrap .msp-sub-section h3{font-size:14px!important;font-weight:600!important;color:var(--t2)!important;margin-bottom:10px!important}

/* ═══════ BUTTONS ═══════ */
div.msp-wrap .msp-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:9px 20px!important;border:none!important;border-radius:10px!important;
  font-size:13px!important;font-weight:600!important;cursor:pointer!important;color:#fff!important;
  background:linear-gradient(135deg,var(--accent-d),var(--accent-l))!important;
  box-shadow:0 2px 10px rgba(14,165,233,.2)!important;transition:all .2s!important;white-space:nowrap!important;
}
div.msp-wrap .msp-btn:hover{box-shadow:0 4px 20px rgba(14,165,233,.35)!important;transform:translateY(-1px)!important;color:#fff!important}
div.msp-wrap .msp-btn-sm{padding:7px 14px!important;font-size:12px!important;border-radius:8px!important}
div.msp-wrap .msp-btn-wa{background:#25D366!important;box-shadow:0 2px 10px rgba(37,211,102,.15)!important}
div.msp-wrap .msp-btn-wa:hover{background:#1fba5c!important;color:#fff!important}
div.msp-wrap .msp-btn-ghost{background:transparent!important;border:1px solid var(--card-h)!important;color:var(--accent-l)!important;box-shadow:none!important}
div.msp-wrap .msp-btn-ghost:hover{background:var(--glass)!important;color:#fff!important}
div.msp-wrap .msp-btn-off{opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important}
div.msp-wrap .msp-btn-icon{
  width:38px!important;height:38px!important;border:1px solid var(--card-b)!important;border-radius:10px!important;
  background:var(--card)!important;color:var(--t2)!important;display:flex!important;align-items:center!important;
  justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;padding:0!important;transition:all .2s!important;
}
div.msp-wrap .msp-btn-icon:hover{border-color:var(--accent)!important;color:var(--accent-l)!important}

/* ═══════ INPUT ═══════ */
div.msp-wrap .msp-input{
  flex:1!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--card-b)!important;
  border-radius:10px!important;padding:9px 14px!important;color:var(--t1)!important;font-size:14px!important;
  outline:none!important;width:auto!important;height:auto!important;transition:border-color .2s!important;
}
div.msp-wrap .msp-input:focus{border-color:var(--accent)!important}
div.msp-wrap .msp-input-num{flex:none!important;width:130px!important;text-align:center!important;font-weight:700!important;font-size:16px!important}
div.msp-wrap .msp-label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--t3)!important;margin-bottom:6px!important;display:block!important}
div.msp-wrap .msp-hint{font-size:11px!important;color:var(--t3)!important;margin-top:8px!important}
div.msp-wrap .msp-hint strong{color:var(--t1)!important}

/* ═══════ REFERRAL ═══════ */
div.msp-wrap .msp-ref-stats{display:flex!important;gap:28px!important;justify-content:center!important;margin-bottom:18px!important}
div.msp-wrap .msp-ref-ring{text-align:center!important}
div.msp-wrap .msp-ref-ring span{
  display:flex!important;width:50px!important;height:50px!important;border-radius:50%!important;
  border:2px solid var(--rc)!important;align-items:center!important;justify-content:center!important;
  margin:0 auto 4px!important;font-size:20px!important;font-weight:800!important;color:var(--t1)!important;
  background:color-mix(in srgb,var(--rc) 8%,transparent)!important;
}
div.msp-wrap .msp-ref-ring small{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--t3)!important}
div.msp-wrap .msp-ref-bar{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}

/* ═══════ MISSIONS ═══════ */
div.msp-wrap .msp-grid-2{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
div.msp-wrap .msp-mission{
  background:var(--card)!important;border:1px solid var(--card-b)!important;border-radius:12px!important;
  padding:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important;
  position:relative!important;overflow:hidden!important;transition:border-color .2s!important;
}
div.msp-wrap .msp-mission:hover{border-color:var(--card-h)!important}
div.msp-wrap .msp-mission::before{content:''!important;position:absolute!important;top:0!important;left:0!important;width:3px!important;height:100%!important}
div.msp-wrap .msp-ms-ok::before{background:var(--green)!important}
div.msp-wrap .msp-ms-done::before{background:var(--t3)!important}
div.msp-wrap .msp-ms-done{opacity:.5!important}
div.msp-wrap .msp-ms-wait::before{background:var(--amber)!important}
div.msp-wrap .msp-ms-rev::before{background:var(--purple)!important}
div.msp-wrap .msp-ms-lock::before{background:var(--red)!important}
div.msp-wrap .msp-ms-lock{opacity:.35!important}
div.msp-wrap .msp-ms-top{display:flex!important;align-items:flex-start!important;gap:10px!important}
div.msp-wrap .msp-ms-ico{font-size:22px!important;line-height:1!important;flex-shrink:0!important}
div.msp-wrap .msp-ms-info{flex:1!important}
div.msp-wrap .msp-ms-name{font-size:14px!important;font-weight:600!important;color:var(--t1)!important}
div.msp-wrap .msp-ms-desc{font-size:12px!important;color:var(--t2)!important;margin-top:2px!important}
div.msp-wrap .msp-ms-foot{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:6px 10px!important;background:rgba(255,255,255,.025)!important;border-radius:8px!important;
}
div.msp-wrap .msp-ms-pts{font-size:13px!important;font-weight:600!important;color:var(--accent-l)!important}
div.msp-wrap .msp-ms-x{font-size:10px!important;color:var(--t3)!important;background:rgba(255,255,255,.05)!important;padding:2px 7px!important;border-radius:4px!important}

/* Pills */
div.msp-wrap .msp-pill{
  display:inline-block!important;padding:3px 9px!important;border-radius:20px!important;
  font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;
  letter-spacing:.4px!important;white-space:nowrap!important;flex-shrink:0!important;
}
div.msp-wrap .msp-pill-ok{background:rgba(34,197,94,.1)!important;color:var(--green)!important}
div.msp-wrap .msp-pill-done{background:rgba(255,255,255,.05)!important;color:var(--t3)!important}
div.msp-wrap .msp-pill-wait{background:rgba(245,158,11,.1)!important;color:var(--amber)!important}
div.msp-wrap .msp-pill-rev{background:rgba(168,85,247,.1)!important;color:var(--purple)!important}
div.msp-wrap .msp-pill-lock{background:rgba(239,68,68,.1)!important;color:var(--red)!important}

/* IG form */
div.msp-wrap .msp-ig-form{display:flex!important;gap:8px!important;align-items:center!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.04)!important;flex-wrap:wrap!important}
div.msp-wrap .msp-ig-upload{flex:1!important;min-width:120px!important}
div.msp-wrap .msp-ig-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
div.msp-wrap .msp-ig-label{display:flex!important;align-items:center!important;gap:6px!important;padding:7px 12px!important;background:rgba(255,255,255,.03)!important;border:1px dashed var(--card-b)!important;border-radius:8px!important;color:var(--t2)!important;font-size:12px!important;cursor:pointer!important}
div.msp-wrap .msp-ig-label:hover{border-color:var(--accent)!important;color:var(--accent-l)!important}

/* Social links (seguir redes) */
div.msp-wrap .msp-social-links{display:flex!important;gap:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.04)!important;flex-wrap:wrap!important}
div.msp-wrap .msp-social-btn{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;
  color:var(--t2)!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--card-b)!important;
  cursor:pointer!important;transition:all .2s!important;text-decoration:none!important;
}
div.msp-wrap .msp-social-btn:hover{border-color:var(--accent)!important;color:var(--accent-l)!important;background:var(--glass)!important}
div.msp-wrap .msp-social-done{border-color:var(--green)!important;color:var(--green)!important;background:rgba(34,197,94,.06)!important}
div.msp-wrap .msp-social-done:hover{border-color:var(--green)!important;color:var(--green)!important}

/* ═══════ REDEEM ═══════ */
div.msp-wrap .msp-redeem{display:flex!important;align-items:center!important;gap:24px!important;flex-wrap:wrap!important}
div.msp-wrap .msp-redeem-eq{display:flex!important;align-items:center!important;gap:14px!important;flex-shrink:0!important}
div.msp-wrap .msp-redeem-n{font-size:24px!important;font-weight:800!important;line-height:1!important}
div.msp-wrap .msp-redeem-arr{color:var(--t3)!important;display:block!important;flex-shrink:0!important}
div.msp-wrap .msp-redeem-form{flex:1!important;min-width:200px!important}
div.msp-wrap .msp-redeem-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
div.msp-wrap .msp-redeem-preview{font-size:14px!important;color:var(--t2)!important}
div.msp-wrap .msp-redeem-preview strong{color:var(--green)!important;font-weight:700!important}

/* ═══════ LEVELS ═══════ */
div.msp-wrap .msp-levels{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}
div.msp-wrap .msp-lv{
  background:var(--card)!important;border:1px solid var(--card-b)!important;border-radius:12px!important;
  padding:18px 12px!important;text-align:center!important;transition:all .25s!important;
}
div.msp-wrap .msp-lv-now{border-color:var(--accent)!important;background:var(--glass)!important;box-shadow:0 0 16px rgba(14,165,233,.2)!important}
div.msp-wrap .msp-lv-lock{opacity:.35!important}
div.msp-wrap .msp-lv-orb{
  width:46px!important;height:46px!important;border-radius:50%!important;background:var(--c)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 8px!important;
  box-shadow:0 3px 12px color-mix(in srgb,var(--c) 25%,transparent)!important;
}
div.msp-wrap .msp-lv-orb span{font-size:22px!important;font-weight:800!important;color:var(--bg1)!important}
div.msp-wrap .msp-lv-name{font-size:14px!important;font-weight:700!important;color:var(--t1)!important}
div.msp-wrap .msp-lv-thr{font-size:12px!important;color:var(--t2)!important}
div.msp-wrap .msp-lv-tag{font-size:9px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:4px 0!important}
div.msp-wrap .msp-lv-ben{font-size:11px!important;color:var(--t2)!important;line-height:1.35!important;margin-top:4px!important}
div.msp-wrap .msp-lv-mult{font-size:10px!important;color:var(--t3)!important;margin-top:4px!important}

/* ═══════ ROWS (rewards list) ═══════ */
div.msp-wrap .msp-row{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.03)!important}
div.msp-wrap .msp-row:last-child{border-bottom:none!important}
div.msp-wrap .msp-row-dot{flex-shrink:0!important;font-size:14px!important}
div.msp-wrap .msp-row-txt{flex:1!important;font-size:13px!important;color:var(--t2)!important}
div.msp-wrap .msp-row-date{font-size:11px!important;color:var(--t3)!important}

/* ═══════ TABLE ═══════ */
div.msp-wrap .msp-tbl{width:100%!important;border-collapse:collapse!important}
div.msp-wrap .msp-tbl th{
  text-align:left!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.8px!important;
  color:var(--t3)!important;font-weight:600!important;padding:12px 20px!important;
  background:rgba(255,255,255,.02)!important;border-bottom:1px solid var(--card-b)!important;
}
div.msp-wrap .msp-tbl td{padding:10px 20px!important;font-size:13px!important;color:var(--t2)!important;border-bottom:1px solid rgba(255,255,255,.02)!important}
div.msp-wrap .msp-tbl tbody tr:hover{background:rgba(255,255,255,.015)!important}
div.msp-wrap .msp-tbl tbody tr:last-child td{border-bottom:none!important}
div.msp-wrap .msp-empty{text-align:center!important;color:var(--t3)!important;padding:28px!important}

/* ═══════ TOAST ═══════ */
.msp-toast{position:fixed!important;top:24px!important;left:50%!important;transform:translateX(-50%) translateY(-20px)!important;bottom:auto!important;right:auto!important;padding:14px 28px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;color:#fff!important;z-index:999999!important;box-shadow:0 8px 28px rgba(0,0,0,.4)!important;backdrop-filter:blur(8px)!important;opacity:0!important;transition:opacity .3s ease, transform .3s ease!important;pointer-events:none!important;max-width:90vw!important;text-align:center!important}
.msp-toast-show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}
.msp-toast-success{background:rgba(34,197,94,.92)!important}
.msp-toast-error{background:rgba(239,68,68,.92)!important}
.msp-file-selected{border-color:var(--green)!important;color:var(--green)!important}
@keyframes mspFadeUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ═══════ PRODUCT POINTS PILL (Premium v2) ═══════ */
.ms-points-pill{
  display:inline-flex!important;align-items:center;gap:12px;
  padding:12px 18px;border-radius:14px;
  background:linear-gradient(135deg,rgba(14,165,233,.08) 0%,rgba(56,189,248,.04) 100%);
  border:1px solid rgba(14,165,233,.25);
  box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 1px rgba(14,165,233,.1) inset;
  color:var(--ms-text-mid,#e2e8f0)!important;
  font-weight:700;font-size:14px;letter-spacing:.02em;line-height:1;
  margin:14px 0 18px 0;
  transition:all .3s cubic-bezier(.4,0,.2,1)!important;
  position:relative;overflow:hidden;
}
.ms-points-pill::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 50%,rgba(14,165,233,.15),transparent 70%);
  opacity:0;transition:opacity .3s ease;pointer-events:none;
}
.ms-points-pill:hover::before{opacity:1}
.ms-points-pill .ms-points-icon,
.ms-points-pill svg.ms-points-icon{
  width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;
  max-width:22px!important;max-height:22px!important;
  flex:0 0 22px!important;
  display:inline-block!important;
  filter:drop-shadow(0 2px 4px rgba(14,165,233,.3));
  position:relative;z-index:1;
  vertical-align:middle;
}
.ms-points-pill .ms-points-text{
  white-space:nowrap;position:relative;z-index:1;
  color:var(--ms-text-muted,#94a3b8);
}
.ms-points-pill .ms-points-num{
  background:linear-gradient(135deg,#0ea5e9,#38bdf8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-weight:800;font-size:15px;margin:0 2px;
  animation:ms-points-pop .4s cubic-bezier(.34,1.56,.64,1) .3s both;
}
.ms-points-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.4);
  box-shadow:0 8px 24px rgba(14,165,233,.25),0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(14,165,233,.2) inset;
}
.ms-points-pill::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);
  animation:ms-shimmer 3s infinite;pointer-events:none;
}
@keyframes ms-points-pop{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes ms-shimmer{0%{left:-100%}50%,100%{left:100%}}

/* Ocultar mensajes originales de otros plugins de puntos */
.wc-points-rewards-product-message,
.yith-wcpoints-product-message,
.ywpar_points_message,
.ywpar_product_points_message,
.ywpar-product-message,
.woocommerce-info.wc-points-rewards-product-message{display:none!important}

@media(max-width:768px){
  .ms-points-pill{padding:10px 14px;gap:10px;font-size:13px}
  .ms-points-pill .ms-points-icon,
  .ms-points-pill svg.ms-points-icon{
    width:20px!important;height:20px!important;
    min-width:20px!important;min-height:20px!important;
    max-width:20px!important;max-height:20px!important;
    flex:0 0 20px!important;
  }
  .ms-points-pill .ms-points-num{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .ms-points-pill,
  .ms-points-pill::before,
  .ms-points-pill::after,
  .ms-points-pill .ms-points-num{animation:none!important;transition:none!important}
}

/* ═══════ CART & CHECKOUT POINTS ═══════ */
.msp-cart-points-row th,
.msp-cart-points-row td{border-top:1px solid rgba(56,189,248,.1)!important}
.msp-cart-pts{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:6px 14px!important;border-radius:8px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(56,189,248,.06))!important;
  border:1px solid rgba(56,189,248,.18)!important;
  font-size:14px!important;color:#38BDF8!important;
}
.msp-cart-pts-icon{color:#f59e0b!important;font-size:16px!important}
.msp-cart-pts strong{color:#fff!important;font-weight:700!important}

/* ═══════ MOBILE TAB SELECT ═══════ */
div.msp-wrap .msp-tabs-mobile{display:none!important}
div.msp-wrap .msp-tab-select{
  width:100%!important;padding:12px 16px!important;border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(56,189,248,.12)!important;
  color:var(--t1)!important;font-size:14px!important;font-weight:600!important;
  cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2338BDF8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px!important;
  padding-right:36px!important;
}
div.msp-wrap .msp-tab-select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(14,165,233,.2)!important}
div.msp-wrap .msp-tab-select option{background:var(--bg1)!important;color:var(--t1)!important;padding:8px!important}

/* ═══════ REF URL ROW ═══════ */
div.msp-wrap .msp-ref-url-row{display:flex!important;gap:6px!important;align-items:stretch!important;width:100%!important;min-width:0!important}
div.msp-wrap .msp-ref-url-row .msp-input{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ═══════ LOGIN ═══════ */
div.msp-wrap .msp-login-prompt{text-align:center!important;padding:60px 20px!important;color:var(--t2)!important}

/* ═══════ RESUMEN: NEXT LEVEL ═══════ */
div.msp-wrap .msp-next-lvl{display:flex!important;flex-direction:column!important;gap:18px!important}
div.msp-wrap .msp-next-lvl-visual{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:14px 0!important}
div.msp-wrap .msp-next-lvl-from,
div.msp-wrap .msp-next-lvl-to{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:600!important;color:var(--t2)!important}
div.msp-wrap .msp-next-lvl-arrow{flex-shrink:0!important}
div.msp-wrap .msp-orb-sm{width:44px!important;height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;font-size:18px!important;color:#fff!important;background:var(--c,var(--accent))!important;box-shadow:0 0 0 3px rgba(0,0,0,.3),0 0 12px rgba(var(--c),.3)!important}
div.msp-wrap .msp-orb-glow{animation:msp-pulse 2s ease-in-out infinite!important}
@keyframes msp-pulse{0%,100%{box-shadow:0 0 0 3px rgba(0,0,0,.3),0 0 12px rgba(56,189,248,.2)!important}50%{box-shadow:0 0 0 3px rgba(0,0,0,.3),0 0 24px rgba(56,189,248,.5)!important}}
div.msp-wrap .msp-next-lvl-perks{display:flex!important;flex-direction:column!important;gap:8px!important}
div.msp-wrap .msp-perk{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:var(--glass)!important;border-radius:10px!important;font-size:13px!important;color:var(--t2)!important}
div.msp-wrap .msp-perk strong{color:var(--t1)!important}
div.msp-wrap .msp-perk-icon{font-size:16px!important;flex-shrink:0!important}

/* ═══════ RESUMEN: MISSIONS COMPACT ═══════ */
div.msp-wrap .msp-missions-compact{gap:8px!important}
div.msp-wrap .msp-mission-mini{padding:12px 16px!important;border-left-width:3px!important}
div.msp-wrap .msp-mission-mini .msp-ms-top{gap:10px!important}
div.msp-wrap .msp-mission-mini .msp-ms-foot{display:none!important}
div.msp-wrap .msp-ms-pts-badge{
  margin-left:auto!important;flex-shrink:0!important;
  padding:4px 10px!important;border-radius:20px!important;
  font-size:12px!important;font-weight:700!important;color:var(--green)!important;
  background:rgba(34,197,94,.1)!important;border:1px solid rgba(34,197,94,.2)!important;
  white-space:nowrap!important;
}
div.msp-wrap .msp-panel-head-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
div.msp-wrap .msp-btn-ghost{
  padding:6px 14px!important;border-radius:8px!important;
  font-size:12px!important;font-weight:600!important;color:var(--accent-l)!important;
  background:transparent!important;border:1px solid rgba(56,189,248,.2)!important;
  cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important;
}
div.msp-wrap .msp-btn-ghost:hover{background:rgba(56,189,248,.08)!important;border-color:rgba(56,189,248,.4)!important}

/* ═══════ RESUMEN: CTA BAR ═══════ */
div.msp-wrap .msp-cta-bar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:16px 24px!important;border-radius:var(--r)!important;cursor:pointer!important;
  background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.03))!important;
  border:1px solid rgba(34,197,94,.2)!important;transition:all .25s ease!important;
}
div.msp-wrap .msp-cta-bar:hover{border-color:rgba(34,197,94,.4)!important;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.05))!important;transform:translateY(-1px)!important}
div.msp-wrap .msp-cta-left{display:flex!important;align-items:center!important;gap:14px!important}
div.msp-wrap .msp-cta-icon{font-size:28px!important}
div.msp-wrap .msp-cta-left strong{font-size:14px!important;color:var(--t1)!important;display:block!important}
div.msp-wrap .msp-cta-left small{font-size:12px!important;color:var(--t2)!important}
div.msp-wrap .msp-cta-btn{
  padding:8px 20px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:700!important;color:#fff!important;
  background:linear-gradient(135deg,var(--green),#16a34a)!important;
  white-space:nowrap!important;
}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:768px){
  /* Hero */
  div.msp-wrap .msp-hero-inner{flex-direction:column!important;align-items:flex-start!important;padding:20px 16px 12px!important;gap:14px!important}
  div.msp-wrap .msp-hero-kpis{width:100%!important;justify-content:space-around!important;padding-top:12px!important;border-top:1px solid var(--card-b)!important;gap:8px!important}
  div.msp-wrap .msp-kpi-v{font-size:17px!important}
  div.msp-wrap .msp-hero-pts{font-size:28px!important}
  div.msp-wrap .msp-bar-wrap{padding:0 16px 16px!important}

  /* Tabs: hide desktop, show mobile dropdown */
  div.msp-wrap .msp-tabs-desktop{display:none!important}
  div.msp-wrap .msp-tabs-mobile{display:block!important;margin:12px 0 16px!important}

  /* Grid */
  div.msp-wrap .msp-grid-2{grid-template-columns:1fr!important}

  /* Panels */
  div.msp-wrap .msp-panel{border-radius:12px!important}
  div.msp-wrap .msp-panel-head{padding:14px 16px 0!important}
  div.msp-wrap .msp-panel-head h2{font-size:16px!important}
  div.msp-wrap .msp-panel-body{padding:10px 16px 16px!important}
  div.msp-wrap .msp-panel-head-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}

  /* Referidos */
  div.msp-wrap .msp-ref-stats{gap:20px!important;margin-bottom:14px!important}
  div.msp-wrap .msp-ref-ring{width:50px!important;height:50px!important}
  div.msp-wrap .msp-ref-ring span{font-size:18px!important}
  div.msp-wrap .msp-ref-bar{flex-direction:column!important;gap:10px!important}
  div.msp-wrap .msp-ref-url-row{flex-direction:row!important}
  div.msp-wrap .msp-ref-url-row .msp-input{font-size:12px!important;padding:10px!important}
  div.msp-wrap .msp-ref-bar .msp-btn-wa{width:100%!important;justify-content:center!important;padding:12px!important}

  /* Next level */
  div.msp-wrap .msp-next-lvl-visual{gap:8px!important;padding:10px 0!important}
  div.msp-wrap .msp-next-lvl-from,
  div.msp-wrap .msp-next-lvl-to{font-size:12px!important}
  div.msp-wrap .msp-orb-sm{width:38px!important;height:38px!important;font-size:16px!important}
  div.msp-wrap .msp-perk{padding:8px 12px!important;font-size:12px!important}

  /* Missions */
  div.msp-wrap .msp-missions{grid-template-columns:1fr!important}
  div.msp-wrap .msp-mission{padding:14px!important}
  div.msp-wrap .msp-ms-name{font-size:13px!important}
  div.msp-wrap .msp-ms-desc{font-size:11px!important}
  div.msp-wrap .msp-mission-mini{padding:10px 14px!important}

  /* Redeem */
  div.msp-wrap .msp-redeem{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
  div.msp-wrap .msp-redeem-eq{flex-wrap:wrap!important;justify-content:center!important;width:100%!important}
  div.msp-wrap .msp-redeem-row{flex-wrap:wrap!important;gap:8px!important;width:100%!important}
  div.msp-wrap .msp-redeem-row .msp-input-num{width:100%!important;min-width:0!important}
  div.msp-wrap .msp-redeem-row .msp-btn{width:100%!important;text-align:center!important}

  /* Levels */
  div.msp-wrap .msp-levels{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  div.msp-wrap .msp-lv{padding:14px 10px!important}
  div.msp-wrap .msp-lv-name{font-size:13px!important}
  div.msp-wrap .msp-lv-ben{font-size:10px!important}

  /* CTA bar */
  div.msp-wrap .msp-cta-bar{flex-direction:column!important;gap:12px!important;text-align:center!important;padding:14px 16px!important}
  div.msp-wrap .msp-cta-left{flex-direction:column!important;gap:8px!important}
  div.msp-wrap .msp-cta-icon{font-size:24px!important}

  /* Table */
  div.msp-wrap .msp-tbl{font-size:12px!important}
  div.msp-wrap .msp-tbl th,
  div.msp-wrap .msp-tbl td{padding:10px 8px!important}

  /* Social */
  div.msp-wrap .msp-social-links{flex-direction:column!important;gap:8px!important}
  div.msp-wrap .msp-social-btn{width:100%!important;justify-content:center!important}

  /* IG form */
  div.msp-wrap .msp-ig-form{flex-direction:column!important;gap:8px!important}
  div.msp-wrap .msp-ig-form .msp-btn-sm{width:100%!important}
}

@media(max-width:400px){
  div.msp-wrap .msp-hero-left{gap:10px!important}
  div.msp-wrap .msp-orb{width:48px!important;height:48px!important}
  div.msp-wrap .msp-orb span{font-size:22px!important}
  div.msp-wrap .msp-hero-pts{font-size:24px!important}
  div.msp-wrap .msp-hero-label{font-size:10px!important}
  div.msp-wrap .msp-kpi-v{font-size:15px!important}
  div.msp-wrap .msp-levels{grid-template-columns:1fr 1fr!important;gap:6px!important}
  div.msp-wrap .msp-lv{padding:12px 8px!important}
  div.msp-wrap .msp-lv-orb{width:36px!important;height:36px!important}
  div.msp-wrap .msp-lv-orb span{font-size:14px!important}
  div.msp-wrap .msp-tab{padding:7px 10px!important;font-size:11px!important}
  div.msp-wrap .msp-redeem-n{font-size:18px!important}
}