/* =========================================================
   SILVER STORE · PALETA GLOBAL DEL LOGO · V2
   Regla visual:
   1) naranja fuerte -> dorado Silver Store
   2) hover naranja -> morado elegante
   3) detalles pequeños -> plateado
   Ligero: solo CSS, sin librerías ni imágenes nuevas.
   ========================================================= */
:root{
  --ss-logo-gold:#f1c75a;
  --ss-logo-gold-soft:#ffe08c;
  --ss-logo-gold-deep:#b9871e;
  --ss-logo-purple:#8d5bff;
  --ss-logo-purple-soft:#b79cff;
  --ss-logo-purple-deep:#5f35c9;
  --ss-logo-silver:#e3e8f1;
  --ss-logo-silver-soft:#aeb8c8;
  --ss-logo-ink:#090b11;
  --gold:#f1c75a;
  --gold2:#ffe08c;
  --north-gold:#f1c75a;
  --north-gold2:#ffe08c;
  --ml-gold:#f1c75a;
  --ml-gold2:#ffe08c;
  --bs-accent:#f1c75a;
}

/* ---------- HEADER GLOBAL ---------- */
.sg-user-menu-button,
.sg-create{
  background:linear-gradient(135deg,#e7ecf5 0%,var(--ss-logo-gold-soft) 44%,var(--ss-logo-gold-deep) 100%)!important;
}
.sg-install:hover,
.sg-balance:hover{
  border-color:rgba(141,91,255,.62)!important;
  box-shadow:0 0 18px rgba(141,91,255,.16)!important;
}
.sg-user-dropdown nav a span{color:var(--ss-logo-silver)!important}
.sg-user-dropdown nav a:hover{background:rgba(141,91,255,.12)!important}

/* ---------- DETALLES GENERALES ---------- */
.ff-heading span,.extras-heading span,.north-kicker,.north-region-pill,
.ml-hero-copy>span,.ml-card-art b,.ml-product-info>strong,
.checkout-header span,.checkout-page-balance b,
.checkout-page-wallet-icon,.checkout-page-user-icon{
  color:var(--ss-logo-gold-soft)!important;
}
.ff-heading>div,.extras-heading>div,.ff-heading div{
  background:linear-gradient(90deg,var(--ss-logo-gold),rgba(141,91,255,.38),transparent)!important;
}

/* ---------- TARJETAS DE PRODUCTO ---------- */
.product-info h2 em,.product-card .product-info h2 em,
.extra-info h3 em{color:var(--ss-logo-gold-soft)!important}
.product-image::after{
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.32)),radial-gradient(circle at 50% 85%,rgba(141,91,255,.12),transparent 45%)!important;
}
.product-info button,.extra-info button,
.ml-product-info button,
.north-buy,
.farlight-shell .ml-product-info button,
.arena-shell .ml-product-info button{
  color:#100c05!important;
  background:linear-gradient(90deg,#fff6d7 0%,#f6d46d 45%,#e3a91f 100%)!important;
  box-shadow:0 8px 18px rgba(185,135,30,.15)!important;
}
.product-card:not(.sold-out):hover,.extra-card:not(.sold-out):hover,
.ml-product-card:not(.sold-out):hover,
.north-card:hover,.farlight-shell .ml-product-card:hover,.arena-shell .ml-product-card:hover{
  border-color:rgba(141,91,255,.72)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.44),0 0 0 1px rgba(183,156,255,.18),0 0 26px rgba(141,91,255,.17)!important;
}
.product-card:not(.sold-out):hover button,.extra-card:not(.sold-out):hover button,
.ml-product-card:not(.sold-out):hover button,
.north-card:hover button,.farlight-shell .ml-product-card:hover button,.arena-shell .ml-product-card:hover button{
  background:linear-gradient(135deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(141,91,255,.26)!important;
  filter:none!important;
}

/* detalles pequeños plateados */
.label,.ml-bonus,.north-card small,.product-preview-rating small,
.product-preview-label,.product-preview-details small,
.checkout-id-order small,.checkout-page-footer,.checkout-id-security,
.catalog-note{color:var(--ss-logo-silver-soft)!important}

/* ---------- MOBILE LEGENDS / PUBG / FARLIGHT / ARENA ---------- */
.ml-catalog-head>div>span,
.farlight-catalog-head div>span,
.arena-catalog-head div>span{
  background:linear-gradient(180deg,var(--ss-logo-silver),var(--ss-logo-gold),var(--ss-logo-purple))!important;
  box-shadow:0 0 16px rgba(141,91,255,.25)!important;
}
.ml-hero,.ml-product-card,.north-hero,.north-card,
.farlight-shell .ml-product-card,.arena-shell .ml-product-card{
  border-color:rgba(141,91,255,.24)!important;
}
.ml-hero-copy>span,.north-region-pill{
  border-color:rgba(141,91,255,.30)!important;
  background:rgba(141,91,255,.07)!important;
}
.north-tabs button:hover{
  border-color:rgba(141,91,255,.55)!important;
  color:var(--ss-logo-silver)!important;
}
.north-tabs button.active{
  background:linear-gradient(135deg,var(--ss-logo-purple),#6740d6)!important;
  color:#fff!important;
  border-color:rgba(183,156,255,.62)!important;
}

/* ---------- PREVIEW PREMIUM DEL PRODUCTO ---------- */
.product-preview-modal{
  background:radial-gradient(circle at 50% 15%,rgba(141,91,255,.12),transparent 32%),rgba(0,0,0,.90)!important;
}
.product-preview-dialog{
  border-color:rgba(141,91,255,.48)!important;
  background:radial-gradient(circle at 84% 5%,rgba(141,91,255,.11),transparent 24%),linear-gradient(145deg,#11131a,#191a21 52%,#101117)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.82),0 0 42px rgba(141,91,255,.11)!important;
}
.product-preview-close:hover{
  background:var(--ss-logo-purple)!important;color:#fff!important;
}
.product-preview-brand-dot{
  background:var(--ss-logo-gold)!important;
  box-shadow:0 0 15px rgba(241,199,90,.65)!important;
}
.product-preview-official{
  border-color:rgba(141,91,255,.30)!important;
  color:var(--ss-logo-silver)!important;
  background:rgba(141,91,255,.08)!important;
}
.product-preview-image-wrap{border-color:rgba(141,91,255,.30)!important}
.product-preview-image-glow{background:var(--ss-logo-purple)!important;opacity:.22!important}
.product-preview-rating span{color:var(--ss-logo-gold-soft)!important}
.product-preview-divider{
  background:linear-gradient(90deg,rgba(241,199,90,.50),rgba(141,91,255,.35),transparent)!important;
}
.product-preview-icon{
  background:linear-gradient(145deg,var(--ss-logo-silver),var(--ss-logo-gold),#c08d24)!important;
  box-shadow:0 8px 20px rgba(141,91,255,.12)!important;
}
.product-preview-buy{
  background:linear-gradient(90deg,#e7ecf5 0%,var(--ss-logo-gold-soft) 38%,var(--ss-logo-gold) 72%,var(--ss-logo-gold-deep) 100%)!important;
  color:#120d05!important;
  box-shadow:0 15px 34px rgba(185,135,30,.20)!important;
}
.product-preview-buy:hover{
  background:linear-gradient(90deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
  color:#fff!important;
  box-shadow:0 20px 40px rgba(141,91,255,.30)!important;
  filter:none!important;
}
.product-preview-guarantee-head-icon,
.product-preview-guarantee-icon{
  background:rgba(141,91,255,.10)!important;
  border-color:rgba(141,91,255,.28)!important;
}
.product-preview-guarantee-head-icon svg,
.product-preview-guarantee-icon svg{fill:var(--ss-logo-gold)!important}

/* ---------- MODAL FRAGMENTOS / EXTRAS ---------- */
.catalog-modal{background:rgba(5,4,10,.84)!important}
.catalog-dialog{
  border-color:rgba(141,91,255,.45)!important;
  box-shadow:0 28px 85px rgba(0,0,0,.72),0 0 28px rgba(141,91,255,.10)!important;
}
.catalog-dialog header{
  background:linear-gradient(135deg,#12131a 0%,#24183a 62%,#30220c 100%)!important;
}
.catalog-dialog header p{color:var(--ss-logo-silver)!important}
.catalog-close{
  color:var(--ss-logo-silver)!important;
  background:#241936!important;
}
.catalog-close:hover{background:var(--ss-logo-purple)!important;color:#fff!important}
.catalog-buy{
  color:#100d06!important;
  background:linear-gradient(135deg,#e7ecf5,var(--ss-logo-gold-soft),var(--ss-logo-gold-deep))!important;
}
.catalog-buy:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
}

/* ---------- CHECKOUT CLÁSICO ---------- */
.checkout-shell{
  border-color:rgba(141,91,255,.52)!important;
  background:radial-gradient(circle at 90% 0%,rgba(141,91,255,.12),transparent 30%),linear-gradient(#13171d,#090b0f)!important;
}
.step-pill.active{color:var(--ss-logo-gold-soft)!important}
.step-pill.active b{
  background:linear-gradient(145deg,var(--ss-logo-silver),var(--ss-logo-gold))!important;
  border-color:rgba(141,91,255,.42)!important;
}
.continue,.send-receipt{
  color:#110d05!important;
  background:linear-gradient(135deg,#e7ecf5,var(--ss-logo-gold-soft),var(--ss-logo-gold-deep))!important;
}
.continue:hover,.send-receipt:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
}

/* ---------- CHECKOUT PÁGINA COMPLETA ---------- */
.checkout-page-topbar{border-bottom-color:rgba(141,91,255,.25)!important}
.checkout-page-balance,.checkout-page-user{
  border-color:rgba(141,91,255,.30)!important;
}
.checkout-page-progress-step.active{color:var(--ss-logo-gold-soft)!important}
.checkout-page-progress-step.active b,
.checkout-page-progress-step.done b{
  border-color:rgba(141,91,255,.50)!important;
  background:linear-gradient(145deg,var(--ss-logo-silver),var(--ss-logo-gold))!important;
  color:#111!important;
}
.checkout-id-card,.checkout-next-card{
  border-color:rgba(141,91,255,.35)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.55),0 0 24px rgba(141,91,255,.07)!important;
}
.checkout-id-hero{
  background:radial-gradient(circle at 88% 30%,rgba(141,91,255,.14),transparent 26%),linear-gradient(145deg,#0c0e12,#16191f)!important;
}
.checkout-id-check{
  border-color:var(--ss-logo-gold)!important;
  color:var(--ss-logo-gold-soft)!important;
  box-shadow:0 0 24px rgba(141,91,255,.18)!important;
}
.checkout-id-order strong,.checkout-id-help h3 span,.checkout-id-help li::marker,
.checkout-id-example-body em{color:var(--ss-logo-gold-soft)!important}
.checkout-id-example{
  border-color:rgba(141,91,255,.42)!important;
}
.checkout-id-example-avatar,.checkout-id-example-body b{
  border-color:rgba(241,199,90,.65)!important;
}
.checkout-id-input-wrap{
  border-color:rgba(141,91,255,.42)!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.20),0 0 0 1px rgba(241,199,90,.04)!important;
}
.checkout-verify-id{
  border-color:rgba(141,91,255,.55)!important;
  background:linear-gradient(145deg,#20152f,#15171b)!important;
  color:var(--ss-logo-silver)!important;
  box-shadow:inset 0 0 18px rgba(141,91,255,.06)!important;
}
.checkout-verify-id>span:first-child{
  background:rgba(141,91,255,.15)!important;
  color:var(--ss-logo-gold-soft)!important;
}
.checkout-verify-id:hover{
  border-color:var(--ss-logo-purple-soft)!important;
  background:linear-gradient(145deg,#2a1a42,#181a1f)!important;
}
.checkout-send-button{
  color:#110d05!important;
  background:linear-gradient(90deg,#e7ecf5 0%,var(--ss-logo-gold-soft) 36%,var(--ss-logo-gold) 72%,var(--ss-logo-gold-deep) 100%)!important;
  box-shadow:0 12px 30px rgba(185,135,30,.18)!important;
}
.checkout-send-button:hover{
  color:#fff!important;
  background:linear-gradient(90deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
  box-shadow:0 12px 30px rgba(141,91,255,.28)!important;
  filter:none!important;
}
.checkout-page-footer{border-top-color:rgba(141,91,255,.24)!important}
.checkout-socials a{border-color:rgba(183,156,255,.48)!important;color:var(--ss-logo-silver)!important}
.checkout-socials a:hover{background:var(--ss-logo-purple)!important;color:#fff!important}

/* estados temporales: dorado/plateado en lugar de naranja */
.player-validation-card.checking{
  border-color:rgba(141,91,255,.46)!important;
  background:radial-gradient(circle at 92% 15%,rgba(141,91,255,.12),transparent 34%),linear-gradient(135deg,#1a1428,#111316)!important;
}
.player-validation-card.checking .player-validation-avatar,
.player-validation-card.checking .player-validation-seal{
  border-color:rgba(141,91,255,.50)!important;
  background:#21182f!important;
  color:var(--ss-logo-gold-soft)!important;
}
.player-validation-card.checking .player-validation-copy small,
.player-validation-card.checking .player-validation-copy small i{color:var(--ss-logo-silver)!important;background:var(--ss-logo-gold)!important}

/* ---------- RECARGAR SALDO ---------- */
.recharge-page{
  --gold:var(--ss-logo-gold);
  --gold2:var(--ss-logo-gold-soft);
}
.recharge-layout{
  border-color:rgba(141,91,255,.32)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 22px rgba(141,91,255,.06)!important;
}
.payment-preview{
  background:radial-gradient(circle at 50% 80%,rgba(141,91,255,.22),transparent 42%),linear-gradient(145deg,#17131f,#0d1017)!important;
  border-right-color:rgba(141,91,255,.20)!important;
}
.detail-item,.protected-payment,.exchange-card,.conversion-card{
  border-color:rgba(141,91,255,.22)!important;
}
.preview-footer,.payment-holder,.money-field span,.upload-box strong,.recharge-message,.recent-title a,
.recharge-breadcrumb a,.exchange-card strong,.protected-payment b,.copy-payment{
  color:var(--ss-logo-gold-soft)!important;
}
.steps i{background:rgba(174,184,200,.30)!important}
.step b{background:#252939!important;color:var(--ss-logo-silver)!important}
.step.active{color:var(--ss-logo-gold-soft)!important}
.step.active b{
  background:linear-gradient(145deg,var(--ss-logo-silver),var(--ss-logo-gold))!important;
  color:#111!important;
}
.form-step input,.upload-box{
  border-color:rgba(141,91,255,.28)!important;
}
.primary-action{
  color:#110d05!important;
  background:linear-gradient(135deg,#e7ecf5,var(--ss-logo-gold-soft),var(--ss-logo-gold-deep))!important;
}
.primary-action:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ss-logo-purple-soft),var(--ss-logo-purple),var(--ss-logo-purple-deep))!important;
}
.country-tabs button.active,.method-tabs button.active{
  border-color:rgba(141,91,255,.60)!important;
  color:var(--ss-logo-purple-soft)!important;
  background:rgba(141,91,255,.12)!important;
}
.approval-time{border-left-color:var(--ss-logo-purple)!important}
.recharge-support-code{
  border-color:rgba(141,91,255,.28)!important;
  background:rgba(141,91,255,.06)!important;
  color:var(--ss-logo-silver-soft)!important;
}
.recharge-support-code strong{color:var(--ss-logo-gold-soft)!important}

/* ---------- HOVER UNIVERSAL SOLO EN ELEMENTOS DE ACCIÓN ---------- */
@media(hover:hover) and (pointer:fine){
  .field-row button:hover,.copy-payment:hover,
  .country-tabs button:hover:not(.active),.method-tabs button:hover:not(.active){
    border-color:rgba(141,91,255,.52)!important;
    color:var(--ss-logo-purple-soft)!important;
  }
}


/* =========================================================
   SILVER STORE · RSS MÓVIL · MISMO TAMAÑO QUE EXTRAS
   SOLO MÓVIL. Escritorio no se modifica.
   2026-08-31
   ========================================================= */
@media(max-width:760px){
  /* La tarjeta RSS usa exactamente la misma caja que las demás. */
  .extras-grid-clean .reseller-exclusive-card{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
  }

  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image{
    height:138px!important;
    min-height:138px!important;
    flex:0 0 138px!important;
    padding:0!important;
  }

  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image img{
    width:66%!important;
    max-width:66%!important;
    height:auto!important;
    max-height:72%!important;
    object-fit:contain!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info{
    position:relative!important;
    min-height:0!important;
    padding:9px 8px 10px!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info h3{
    min-height:30px!important;
    margin:0 0 4px!important;
    font-size:12.5px!important;
    line-height:1.1!important;
  }

  /* Conservamos el requisito RSS, pero lo colocamos como micro-etiqueta
     sobre el borde inferior de la imagen para que no agrande la tarjeta. */
  .extras-grid-clean .reseller-exclusive-card .rss-min-balance-note{
    position:absolute!important;
    z-index:5!important;
    left:7px!important;
    right:7px!important;
    top:-18px!important;
    margin:0!important;
    padding:2px 4px!important;
    border:1px solid rgba(183,156,255,.22)!important;
    border-radius:5px!important;
    background:rgba(8,9,14,.86)!important;
    color:#c7cedb!important;
    font-size:5.2px!important;
    line-height:1.05!important;
    letter-spacing:.18px!important;
    white-space:nowrap!important;
    text-align:center!important;
    pointer-events:none!important;
  }

  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-stock{
    margin-bottom:5px!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info>strong{
    font-size:17px!important;
    margin:1px 0 7px!important;
  }
}

@media(max-width:360px){
  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image{
    height:210px!important;
    min-height:210px!important;
    flex-basis:210px!important;
  }
  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image img{
    width:58%!important;
    max-width:58%!important;
  }
}


/* =========================================================
   SILVER STORE · RSS MÓVIL V2 · ALTURA REAL IGUAL A EXTRAS
   Causa corregida: "Desde S/55.00" se partía en 2 líneas y
   hacía crecer únicamente la tarjeta RSS.
   Escritorio no se toca.
   2026-08-31
   ========================================================= */
@media(max-width:760px){
  .extras-grid-clean .reseller-exclusive-card{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }

  /* Mantiene exactamente la misma altura de imagen base que las demás. */
  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image{
    height:138px!important;
    min-height:138px!important;
    flex:0 0 138px!important;
    padding:0!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info{
    min-height:0!important;
    padding:9px 8px 10px!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info h3{
    min-height:30px!important;
    margin:0 0 4px!important;
    font-size:12px!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }

  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-stock{
    margin:0 auto 5px!important;
    padding:3px 5px!important;
    font-size:7px!important;
  }

  /* Requisito fuera del flujo: no suma altura a la tarjeta. */
  .extras-grid-clean .reseller-exclusive-card .rss-min-balance-note{
    position:absolute!important;
    z-index:5!important;
    left:6px!important;
    right:6px!important;
    top:-17px!important;
    margin:0!important;
    padding:2px 3px!important;
    border:1px solid rgba(183,156,255,.22)!important;
    border-radius:4px!important;
    background:rgba(8,9,14,.88)!important;
    color:#c7cedb!important;
    font-size:5px!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-align:center!important;
    pointer-events:none!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info del{
    margin:0 0 2px!important;
    font-size:9px!important;
  }

  /* Esta era la diferencia real: ahora el precio NO salta a 2 líneas. */
  .extras-grid-clean .reseller-exclusive-card .extra-info>strong{
    display:block!important;
    margin:1px 0 7px!important;
    font-size:12px!important;
    line-height:17px!important;
    letter-spacing:-.22px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .extras-grid-clean .reseller-exclusive-card .extra-info button{
    min-height:34px!important;
    height:34px!important;
    margin-top:0!important;
    padding:0 4px!important;
    font-size:9.5px!important;
  }
}

/* En teléfonos angostos la vitrina sigue a 3 columnas por el diseño actual.
   No agrandamos RSS: conservamos la misma imagen que sus vecinas. */
@media(max-width:360px){
  .extras-grid-clean .reseller-exclusive-card .reseller-exclusive-image{
    height:210px!important;
    min-height:210px!important;
    flex:0 0 210px!important;
  }
  .extras-grid-clean .reseller-exclusive-card .extra-info>strong{
    font-size:11.5px!important;
    letter-spacing:-.3px!important;
  }
}