/* ============================================================
   MU NETWORK — Sección VIP (tabla comparativa + tarjetas de rango)
   ============================================================ */

.vip-section { position: relative; }

/* -------- Tabla comparativa -------- */
.vip-compare {
  max-width: 980px;
  margin: 0 auto 56px;
  overflow-x: auto;
  border-radius: var(--r-lg);
  border: 1px solid var(--c-border);
  background: var(--grad-panel);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
}

.vip-compare__table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 14px;
}

.vip-compare__table thead th {
  padding: 20px 16px 16px;
  text-align: center;
  font-family: var(--f-heading);
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--c-heading);
  border-bottom: 1px solid var(--c-border-strong);
  position: relative;
  white-space: nowrap;
}

.vip-compare__feature {
  text-align: left !important;
  color: var(--c-muted) !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
}

.vip-compare__tier-ic { display: block; font-size: 22px; margin-bottom: 4px; }

.vip-compare__col--silver { color: var(--c-silver) !important; }
.vip-compare__col--gold {
  background: linear-gradient(180deg, rgba(212,175,55,.12), transparent);
  color: var(--c-gold-2) !important;
}
.vip-compare__col--platinum { color: #cdb8ff !important; }

.vip-compare__tier-badge {
  position: absolute;
  top: 4px; left: 50%; transform: translateX(-50%);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: var(--r-pill);
  background: var(--grad-primary);
  color: #241b04;
  font-weight: 800;
}

.vip-compare__table tbody td {
  padding: 14px 16px;
  text-align: center;
  border-bottom: 1px solid rgba(212,175,55,.12);
  color: var(--c-text);
  white-space: nowrap;
}
.vip-compare__table tbody td:first-child {
  text-align: left;
  color: var(--c-silver);
  font-weight: 500;
  white-space: normal;
}
.vip-compare__table tbody tr:last-child td { border-bottom: none; }
.vip-compare__table tbody tr:hover td { background: rgba(212,175,55,.05); }

/* -------- Tarjetas de rango VIP -------- */
.vip-card { display: flex; flex-direction: column; }
.vip-card__icon {
  font-size: 44px;
}
.vip-card__icon--silver { background: radial-gradient(circle at 50% 30%, rgba(216,205,180,.22), rgba(10,8,4,.5) 72%); }
.vip-card__icon--gold { background: radial-gradient(circle at 50% 30%, rgba(245,213,118,.28), rgba(10,8,4,.5) 72%); }
.vip-card__icon--platinum { background: radial-gradient(circle at 50% 30%, rgba(180,150,255,.24), rgba(10,8,4,.5) 72%); }

.vip-card--featured {
  border-color: var(--c-border-strong);
  box-shadow: 0 0 0 1px rgba(212,175,55,.25), var(--glow-blue-soft);
}

.vip-card__list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.vip-card__list li {
  font-size: 13.5px;
  color: var(--c-silver);
  padding-left: 22px;
  position: relative;
}
.vip-card__list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--c-gold);
  font-weight: 700;
}

.vip-card__period {
  font-size: 12px;
  color: var(--c-muted);
  margin-left: 4px;
}

.vip-note {
  text-align: center;
  color: var(--c-muted);
  font-size: 14px;
  margin-top: 40px;
}

@media (max-width: 640px) {
  .vip-compare__table { min-width: 560px; font-size: 13px; }
}


.item-tooltip__stats p.gold{color:#FFD700!important;}
.item-tooltip__stats p.green{color:#00FF66!important;}
.item-tooltip__stats p.red{color:#FF5555!important;}
.item-tooltip__stats p.cyan{color:#00FFFF!important;}
.item-tooltip__stats p.orange{color:#FF9800!important;}
.item-tooltip__stats p.purple{color:#C77DFF!important;}
.item-tooltip__stats p.white{color:#FFFFFF!important;}
.item-tooltip__stats p.blue{color:#66CCFF!important;}

/* Tooltip V2 */
:root{
 --tooltip-width:360px;--tooltip-padding:16px;--tooltip-image-size:72px;
}
.item-tooltip{width:var(--tooltip-width)!important;padding:var(--tooltip-padding)!important;}
.item-tooltip__img img{width:var(--tooltip-image-size)!important;height:auto!important;}
.item-tooltip__stats p.gold{color:#FFD700!important}.item-tooltip__stats p.yellow{color:#FFFF00!important}.item-tooltip__stats p.darkgold{color:#C9A227!important}.item-tooltip__stats p.green{color:#00FF66!important}.item-tooltip__stats p.lime{color:#7CFC00!important}.item-tooltip__stats p.darkgreen{color:#00B050!important}.item-tooltip__stats p.red{color:#FF5555!important}.item-tooltip__stats p.darkred{color:#CC0000!important}.item-tooltip__stats p.blue{color:#66CCFF!important}.item-tooltip__stats p.skyblue{color:#87CEEB!important}.item-tooltip__stats p.cyan{color:#00FFFF!important}.item-tooltip__stats p.aqua{color:#7FFFD4!important}.item-tooltip__stats p.purple{color:#C77DFF!important}.item-tooltip__stats p.violet{color:#8A2BE2!important}.item-tooltip__stats p.magenta{color:#FF00FF!important}.item-tooltip__stats p.orange{color:#FF9800!important}.item-tooltip__stats p.pink{color:#FF69B4!important}.item-tooltip__stats p.white{color:#FFF!important}.item-tooltip__stats p.silver{color:#D9D9D9!important}.item-tooltip__stats p.gray{color:#A0A0A0!important}.item-tooltip__stats p.darkgray{color:#606060!important}.item-tooltip__stats p.black{color:#000!important}