/* SILVER STORE - FREE FIRE | CSS LIMPIO */

/* ===== CATÁLOGO DE DIAMANTES ===== */
.ff-shell,
.extras-section{
  width:min(1380px,calc(100% - 44px));
  margin-left:auto;
  margin-right:auto;
}
.ff-shell{margin-top:46px;margin-bottom:72px}
.extras-section{margin-top:74px;margin-bottom:92px}
.ff-heading span,.extras-heading span{color:var(--gold2);font-size:12px;font-weight:950}
.ff-heading h1,.extras-heading h2{margin:8px 0 0;font-size:30px;line-height:1.1}
.ff-heading>div,.extras-heading>div{height:1px;margin:16px 0 22px;background:linear-gradient(90deg,var(--gold),transparent)}

.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.product-card{min-width:0;min-height:570px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #292d35;border-radius:13px;background:linear-gradient(#171a21,#101217);box-shadow:0 10px 32px rgba(0,0,0,.30);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.product-image{height:365px;flex:0 0 365px;position:relative;overflow:hidden;background:#0d1217}
.product-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;transition:transform .42s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.product-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.32)),radial-gradient(circle at 50% 85%,rgba(242,180,0,.10),transparent 45%);opacity:.45;transition:opacity .3s ease;pointer-events:none}
.product-info{flex:1;display:flex;flex-direction:column;padding:17px 18px 18px;text-align:center}
.product-info h2{margin:0;font-size:25px;line-height:1.05}.product-info h2 em{color:var(--gold2);font-style:normal}
.label{margin:7px 0 11px;color:#dcdcdc;font-size:12px;font-weight:900;letter-spacing:1.4px}
.stock{display:inline-block;align-self:center;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:950;margin-bottom:9px}
.stock-ok{color:#45f795;background:rgba(20,190,90,.14)}.stock-warn{color:#ffb53c;background:rgba(255,153,0,.14)}.stock-last{color:#fff;background:#a91820}.stock-none{color:#bbb;background:#272a30}
.product-info del{display:block;margin-top:auto;color:#858a94;font-size:13px;text-decoration-thickness:2px}
.product-info>strong{display:block;margin:5px 0 14px;color:#ff5967;font-size:27px}
.product-info button,.extra-info button{width:100%;min-height:48px;margin-top:auto;border:0;border-radius:8px;color:#0a0a0a;background:linear-gradient(90deg,#fff6d7 0%,#f6d46d 45%,#e3a91f 100%);font-size:14px;font-weight:950;cursor:pointer}

.product-card:not(.sold-out):hover,.extra-card:not(.sold-out):hover{transform:translateY(-7px);border-color:#f2b400;box-shadow:0 18px 42px rgba(0,0,0,.52),0 0 0 1px rgba(255,207,48,.22),0 0 25px rgba(242,180,0,.26)}
.product-card:not(.sold-out):hover .product-image img{transform:scale(1.045);filter:saturate(1.12) contrast(1.07) brightness(1.06)}
.product-card:not(.sold-out):hover .product-image::after{opacity:.78}
.product-card:not(.sold-out):hover button,.extra-card:not(.sold-out):hover button{filter:brightness(1.08);box-shadow:0 8px 20px rgba(225,123,0,.30),0 0 16px rgba(255,179,47,.20)}

.sold-out{opacity:.62;filter:saturate(.72);cursor:default;box-shadow:none}
.sold-out:hover{transform:none!important;border-color:#292d35!important;box-shadow:none!important}
.sold-out .product-image img,.sold-out .extra-image img{filter:grayscale(.35) brightness(.52)!important;transform:none!important;transition:none!important}
.sold-out button{color:#777;background:#22252a;cursor:not-allowed}

/* ===== EXTRAS ===== */
.extras-grid{width:100%;max-width:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px;align-items:stretch}
.extra-card{grid-column:span 2;min-width:0;min-height:570px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #292d35;border-radius:13px;background:linear-gradient(#171a21,#101217);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.extra-card:nth-child(5){grid-column:4 / span 2}

/* ===== BADGE AUTOMÁTICO DE DESCUENTO ===== */
.product-card,
.extra-card{position:relative}

.ss-discount-badge{
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  min-width:48px;
  padding:6px 9px;
  border:1px solid rgba(255,95,105,.78);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(115,12,23,.96),rgba(68,5,12,.98));
  color:#ff6976;
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.3px;
  text-align:center;
  box-shadow:0 0 0 1px rgba(255,92,103,.08),0 5px 16px rgba(0,0,0,.45),0 0 16px rgba(255,55,74,.16);
  pointer-events:none;
}
@media(max-width:760px){
  .ss-discount-badge{
    top:8px;
    right:8px;
    min-width:42px;
    padding:5px 7px;
    border-radius:7px;
    font-size:10px;
  }
}

.extra-image{height:365px;flex:0 0 365px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0c0f}
.extra-image img{width:100%;height:100%;max-width:100%;max-height:100%;display:block;margin:auto;object-fit:contain;object-position:center center;transform-origin:center center;transition:transform .35s ease,filter .35s ease}
.extra-card:not(.sold-out):hover .extra-image img{transform:scale(1.035);filter:brightness(1.06)}
.extra-info{flex:1;display:flex;flex-direction:column;padding:17px 18px 18px;text-align:center}
.extra-info h3{min-height:44px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1.15}
.extra-info del{display:block;margin-top:auto;color:#818690;font-size:13px}
.extra-info>strong{display:block;margin:5px 0 14px;color:#ff5967;font-size:26px}
.team-code-group input{width:100%;height:48px;padding:0 14px;color:#fff;background:#07090c;border:1px solid #343943;border-radius:9px}

/* ===== MODAL DE OPCIONES ===== */
.catalog-modal{position:fixed;inset:0;z-index:290;display:none;place-items:center;padding:20px;background:rgba(10,4,0,.82);backdrop-filter:blur(7px)}
.catalog-modal.open{display:grid}.catalog-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #9d6b27;border-radius:14px;background:#f7f4ef;color:#17130f;box-shadow:0 28px 85px rgba(0,0,0,.7)}
.catalog-dialog header{padding:18px 20px;color:#fff;background:linear-gradient(135deg,#4a240c,#261105)}.catalog-dialog header h2{margin:0;font-size:20px}.catalog-dialog header p{margin:5px 0 0;color:#ffc850;font-size:12px;font-weight:800}
.catalog-close{position:absolute;right:13px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:9px;color:#f3a829;background:#5e3514;font-size:24px;cursor:pointer}.catalog-note{padding:12px 18px;border-bottom:1px solid #ddd3c7;color:#8e6d4b;font-size:12px}.catalog-options{display:flex;flex-direction:column}
.catalog-option{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid #dfd8cf;background:#fff}.catalog-option:last-child{border-bottom:0}.catalog-option.disabled{opacity:.48}.catalog-option img{width:56px;height:56px;object-fit:cover;border-radius:9px;border:1px solid #dfc99e}
.catalog-option-info{display:flex;flex-direction:column;gap:5px}.catalog-option-info b{text-transform:uppercase;font-size:14px}.catalog-prices{display:flex;align-items:center;gap:9px}.catalog-prices del{color:#979797;font-size:11px}.catalog-prices strong{color:#ef3e49;font-size:16px}.catalog-option-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.catalog-state{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.catalog-state.available{color:#16a756;background:#dff7e9}.catalog-state.out{color:#9b9b9b;background:#eee}.catalog-buy{padding:9px 17px;border:0;border-radius:9px;color:#fff;background:linear-gradient(#f3a425,#dc7808);font-weight:900;cursor:pointer}.catalog-buy:disabled{color:#aaa;background:#eee;cursor:not-allowed}

/* ===== CHECKOUT ===== */
.modal{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:16px;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}.modal.open{display:grid}
.checkout-shell{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid rgba(242,180,0,.55);border-radius:13px;background:radial-gradient(circle at 90% 0%,rgba(242,180,0,.10),transparent 30%),linear-gradient(#13171d,#090b0f);box-shadow:0 30px 90px rgba(0,0,0,.74);animation:checkoutOpen .2s ease both}@keyframes checkoutOpen{from{opacity:0;transform:scale(.965) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.checkout-header{display:flex;align-items:center;gap:11px;padding-right:38px}.checkout-header img{width:48px;height:48px;object-fit:contain}.checkout-header span{color:var(--gold2);font-size:10px;font-weight:950}.checkout-header h2{margin:3px 0 0;font-size:21px;line-height:1}
.checkout-steps{display:flex;align-items:center;justify-content:center;margin:10px 0 13px}.step-pill{min-width:56px;text-align:center;color:#747983;font-size:10px;font-weight:900}.step-pill b{width:28px;height:28px;margin:auto auto 4px;display:grid;place-items:center;border:1px solid #353a43;border-radius:50%}.step-pill.active{color:var(--gold2)}.step-pill.active b{color:#111;background:linear-gradient(#ffd84e,#e5a100);border-color:var(--gold2)}.step-line{width:54px;height:1px;margin-bottom:18px;background:#343841}
.checkout-step{display:none}.checkout-step.active{display:block;animation:checkoutStep .18s ease both}@keyframes checkoutStep{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.selected{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid #2a2e35;border-radius:8px;background:#090b0e}.selected strong{color:var(--gold2)}.selected-large{margin-bottom:12px}.selected-large div{display:flex;flex-direction:column;gap:4px}.selected-large small,.summary-card span,.recipient span,.payment-total span{color:#8f949d;font-size:10px;font-weight:900;text-transform:uppercase}.selected-large strong{font-size:21px}
.checkout-shell label:not(.remember):not(.upload-box){display:block;margin:10px 0 5px;font-size:12px;font-weight:900}#playerId,#teamCode{width:100%;height:41px;padding:0 12px;color:#fff;background:#07090c;border:1px solid #343943;border-radius:8px}.remember{display:flex!important;gap:9px;align-items:center;margin:10px 0 13px!important;font-size:12px;color:#b5bac3}.continue,.send-receipt{width:100%;min-height:43px;border:0;border-radius:8px;color:#111;background:linear-gradient(#ffd750,#e7a200);font-size:14px;font-weight:950;cursor:pointer}.checkout-message{min-height:14px;margin:7px 0 0;color:#ff6975;font-size:11px;text-align:center}
.summary-card{overflow:hidden;border:1px solid #2c3038;border-radius:12px;background:#080a0d}.summary-card>div{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-bottom:1px solid #242831}.summary-total strong{color:var(--gold2);font-size:21px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.payment-option{min-height:64px;display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #343943;border-radius:11px;color:#fff;background:#0a0d11;text-align:left}.payment-option>span{font-size:22px}.payment-option div{display:flex;flex-direction:column}.yape-option{border-color:#7c248d}.disabled-option{opacity:.45}.back-button{margin-top:11px;padding:8px 13px;border:1px solid #3a3f48;border-radius:8px;color:#b9bdc5;background:#0a0c10;font-size:11px}
.yape-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.qr-panel{padding:11px;border:1px solid rgba(127,31,143,.55);border-radius:13px;background:#080a0d;text-align:center}.qr-panel>span{color:#c65bda;font-size:11px;font-weight:950}.qr-panel img{width:100%;max-height:185px;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fff}.qr-panel p{font-size:12px;color:#c8cbd1}.recipient,.payment-total{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid #292d35}.payment-total{margin-top:4px;border:1px solid rgba(242,180,0,.30);border-radius:9px}.payment-total strong{color:var(--gold2);font-size:20px}.upload-box{position:relative;margin-top:7px;min-height:82px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #505660;border-radius:10px;background:#080a0d}.upload-box input{position:absolute;opacity:0}.upload-box>span{font-size:21px}.upload-box small{font-size:10px;color:#858a94}.send-receipt{margin-top:14px}.security-note{margin-top:12px;padding:9px 11px;border-left:3px solid var(--gold);background:#080a0d;font-size:11px}.success-state{text-align:center;padding:12px 6px}.success-icon{width:62px;height:62px;margin:auto auto 12px;display:grid;place-items:center;border:2px solid #25d878;border-radius:50%;color:#25d878;font-size:31px}.success-state>span{color:#25d878;font-size:11px;font-weight:950}.order-code{margin:13px 0;padding:9px;background:#080a0d;border:1px solid #30353d;border-radius:8px}

/* ===== RESPONSIVE ===== */
@media(max-width:1220px){.ff-shell,.extras-section{width:min(1040px,calc(100% - 36px))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.extras-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-card,.extra-card:nth-child(5){grid-column:auto}}
@media(max-width:850px){.product-grid,.extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.extra-card{min-height:530px}.product-image,.extra-image{height:330px;flex-basis:330px}.extra-card,.extra-card:nth-child(5){grid-column:auto}.yape-layout{grid-template-columns:1fr}.payment-options{grid-template-columns:1fr}.qr-panel{max-width:260px;margin:auto}}
@media(max-width:540px){.ff-shell,.extras-section{width:min(440px,calc(100% - 24px))}.product-grid,.extras-grid{grid-template-columns:1fr}.product-card,.extra-card{min-height:0}.product-image,.extra-image{height:auto;min-height:320px;flex-basis:auto}.catalog-option{grid-template-columns:48px 1fr}.catalog-option img{width:48px;height:48px}.catalog-option-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.product-card,.extra-card,.product-image img,.extra-image img{transition:none!important}}

/* =========================================================
   MOBILE FINAL FREE FIRE
   Imágenes llenas y centradas + 2 tarjetas por fila
   ========================================================= */
@media(max-width:760px){
  .ff-shell,
  .extras-section{
    width:calc(100% - 18px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .product-grid,
  .extras-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .product-card,
  .extra-card{
    min-height:0 !important;
    border-radius:10px !important;
  }

  .product-image,
  .extra-image{
    height:175px !important;
    min-height:175px !important;
    flex:0 0 175px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .product-image img,
  .extra-image img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .product-info,
  .extra-info{
    padding:10px 9px 11px !important;
  }

  .product-info h2{font-size:17px !important}
  .extra-info h3{
    min-height:34px !important;
    font-size:14px !important;
  }

  .stock{
    padding:4px 7px !important;
    font-size:8px !important;
  }

  .product-info>strong,
  .extra-info>strong{
    font-size:19px !important;
    margin-bottom:9px !important;
  }

  .product-info button,
  .extra-info button{
    min-height:38px !important;
    height:38px !important;
    font-size:11px !important;
  }

  .extras-grid .extra-card:nth-child(5){
    grid-column:auto !important;
  }
}

@media(max-width:360px){
  .product-grid,
  .extras-grid{grid-template-columns:1fr !important}
  .product-image,
  .extra-image{
    height:230px !important;
    min-height:230px !important;
    flex-basis:230px !important;
  }
}

/* =========================================================
   MOBILE FINAL - TARJETAS COMPACTAS Y CUADRADAS
   Referencia visual: 2 columnas, imagen completa y sin huecos.
   ========================================================= */
@media (max-width:760px){

  .ff-shell,
  .extras-section{
    width:calc(100% - 16px) !important;
    margin:18px auto 34px !important;
  }

  .ff-heading,
  .extras-heading{
    margin-bottom:12px !important;
  }

  .ff-heading span,
  .extras-heading span{
    font-size:9px !important;
  }

  .ff-heading h1,
  .extras-heading h2{
    margin-top:5px !important;
    font-size:19px !important;
    line-height:1.08 !important;
  }

  .ff-heading>div,
  .extras-heading>div{
    margin:10px 0 13px !important;
  }

  .product-grid,
  .extras-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:start !important;
  }

  .product-card,
  .extra-card{
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  .product-image,
  .extra-image{
    position:relative !important;
    width:100% !important;
    height:138px !important;
    min-height:138px !important;
    flex:0 0 138px !important;
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#090b0e !important;
  }

  .product-image img,
  .extra-image img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .product-info,
  .extra-info{
    min-height:0 !important;
    flex:0 0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    padding:9px 8px 10px !important;
  }

  .product-info h2{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.05 !important;
  }

  .extra-info h3{
    min-height:30px !important;
    margin:0 0 4px !important;
    font-size:13px !important;
    line-height:1.1 !important;
  }

  .label{
    margin:3px 0 6px !important;
    font-size:8px !important;
    letter-spacing:.7px !important;
  }

  .stock{
    margin:0 auto 5px !important;
    padding:3px 6px !important;
    font-size:7.5px !important;
  }

  .product-info del,
  .extra-info del{
    margin:0 0 2px !important;
    font-size:9px !important;
  }

  .product-info>strong,
  .extra-info>strong{
    margin:1px 0 7px !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  .product-info button,
  .extra-info button{
    width:100% !important;
    min-height:34px !important;
    height:34px !important;
    margin-top:0 !important;
    padding:0 5px !important;
    font-size:10px !important;
    border-radius:6px !important;
  }

  .extras-grid .extra-card:nth-child(5){
    grid-column:auto !important;
  }

  .product-card:not(.sold-out):hover,
  .extra-card:not(.sold-out):hover{
    transform:none !important;
  }

  .product-card:not(.sold-out):hover .product-image img,
  .extra-card:not(.sold-out):hover .extra-image img{
    transform:none !important;
  }
}

@media (max-width:360px){
  .product-grid,
  .extras-grid{
    grid-template-columns:1fr !important;
  }

  .product-image,
  .extra-image{
    height:210px !important;
    min-height:210px !important;
    flex-basis:210px !important;
  }
}


/* PARCHE PC · tarjetas de diamantes compactas como antes */
@media (min-width:1024px){
  .product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
  }
  .product-card{
    min-height:570px !important;
  }
  .product-image{
    height:365px !important;
    min-height:365px !important;
    flex:0 0 365px !important;
    aspect-ratio:auto !important;
  }
  .product-image img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }
  .product-card .btn,
  .product-card button{
    min-height:48px !important;
    padding:0 14px !important;
    font-size:14px !important;
  }
}



/* =========================================================
   MODAL PREMIUM DE PRODUCTO V2
   ========================================================= */
.product-preview-modal{
  position:fixed;inset:0;z-index:299;display:none;place-items:center;padding:18px;
  background:radial-gradient(circle at 50% 15%,rgba(255,166,0,.12),transparent 32%),rgba(0,0,0,.9);
  backdrop-filter:blur(11px)
}
.product-preview-modal.open{display:grid}
.product-preview-dialog{
  position:relative;width:min(1160px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;
  border:1px solid rgba(255,173,0,.42);border-radius:22px;
  background:
    radial-gradient(circle at 84% 5%,rgba(255,180,0,.1),transparent 24%),
    linear-gradient(145deg,#121318,#191a20 52%,#111217);
  color:#fff;box-shadow:0 34px 120px rgba(0,0,0,.82),0 0 42px rgba(255,158,0,.09);
  animation:productPreviewOpenV2 .26s cubic-bezier(.2,.8,.2,1) both
}
@keyframes productPreviewOpenV2{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.product-preview-close{
  position:absolute;top:13px;right:14px;z-index:5;width:40px;height:40px;border:1px solid rgba(255,255,255,.09);
  border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:27px;cursor:pointer;
  transition:.2s ease
}
.product-preview-close:hover{background:#f2a40b;color:#111;transform:rotate(90deg)}
.product-preview-brand{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 64px 14px 28px;
  border-bottom:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.18)
}
.product-preview-brand-mark{display:flex;align-items:center;gap:10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.product-preview-brand-dot{width:10px;height:10px;border-radius:50%;background:#f3aa11;box-shadow:0 0 15px #f3aa11}
.product-preview-official{padding:7px 12px;border:1px solid rgba(243,170,17,.3);border-radius:999px;color:#f6bd4c;background:rgba(243,170,17,.08);font-size:12px;font-weight:900}
.product-preview-main{display:grid;grid-template-columns:minmax(320px,390px) 1fr;gap:46px;padding:28px 46px 36px 30px}
.product-preview-image-wrap{
  position:relative;min-height:455px;overflow:hidden;border:1px solid rgba(255,177,0,.25);border-radius:18px;
  background:#0d0f13;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 22px 54px rgba(0,0,0,.42)
}
.product-preview-image-wrap img{position:relative;z-index:1;width:100%;height:100%;min-height:455px;object-fit:cover;display:block}
.product-preview-image-wrap:after{
  content:"";position:absolute;inset:auto 0 0;height:38%;z-index:2;
  background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none
}
.product-preview-image-glow{position:absolute;inset:auto 12% -40px;height:90px;background:#ffa600;filter:blur(42px);opacity:.24}
.product-preview-discount{
  position:absolute;top:14px;left:14px;z-index:3;padding:9px 14px;border-radius:10px;
  background:linear-gradient(135deg,#ef2633,#b70e19);color:#fff;font-size:13px;font-weight:950;box-shadow:0 9px 22px rgba(239,38,51,.32)
}
.product-preview-content{padding-top:3px}
.product-preview-rating{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.product-preview-rating span{color:#ffb319;letter-spacing:2px;font-size:16px}
.product-preview-rating small{color:#a8adb8}
.product-preview-content h2{margin:0 46px 22px 0;font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:.005em}
.product-preview-label{display:block;margin-bottom:8px;color:#9fa5b1;font-size:12px;font-weight:950;letter-spacing:.12em}
.product-preview-prices{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.product-preview-prices strong{color:#ff3b42;font-size:52px;line-height:.95;text-shadow:0 0 24px rgba(255,59,66,.15)}
.product-preview-prices del{padding-bottom:5px;color:#858b97;font-size:21px;font-weight:800}
.product-preview-saving{
  display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid rgba(255,61,69,.18);
  border-radius:12px;background:rgba(255,61,69,.055)
}
.product-preview-saving-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e82d36;color:#fff;font-size:17px;font-weight:950
}
.product-preview-saving b,.product-preview-saving small{display:block}
.product-preview-saving b{font-size:14px}.product-preview-saving small{margin-top:3px;color:#a9afba}
.product-preview-divider{height:1px;margin:22px 0;background:linear-gradient(90deg,rgba(255,180,0,.45),rgba(255,255,255,.05),transparent)}
.product-preview-subtitle{margin:0 0 13px;font-size:17px}
.product-preview-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.product-preview-details article{
  display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);
  border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))
}
.product-preview-icon{
  flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  background:linear-gradient(145deg,#ffbf38,#dc7900);box-shadow:0 8px 20px rgba(236,139,0,.18)
}
.product-preview-icon svg{width:22px;height:22px;fill:#171717}
.product-preview-details small,.product-preview-details b{display:block}
.product-preview-details small{margin-bottom:4px;color:#9298a4;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.product-preview-details b{color:#fff;font-size:14px}
.product-preview-buy{
  display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:62px;margin-top:24px;border:0;border-radius:14px;
  background:linear-gradient(90deg,#d97500,#ffbb3d);color:#fff;font-size:17px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;
  cursor:pointer;box-shadow:0 15px 34px rgba(236,139,0,.28);transition:.2s ease
}
.product-preview-buy:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 20px 40px rgba(236,139,0,.36)}
.product-preview-buy:active{transform:translateY(0) scale(.99)}
.product-preview-buy:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.7)}
.product-preview-buy-icon svg{width:23px;height:23px;fill:currentColor;display:block}
.product-preview-trustline{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 16px;margin-top:14px;color:#aeb4bf;font-size:11px}
.product-preview-trustline span:before{color:#5bd57c}
.product-preview-stock{display:block;margin-top:12px;text-align:center;color:#9298a4}
.product-preview-guarantee{padding:30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.14)}
.product-preview-guarantee-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.product-preview-guarantee-head-icon{
  display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,174,15,.1);border:1px solid rgba(255,174,15,.25)
}
.product-preview-guarantee-head-icon svg{width:27px;height:27px;fill:#f5ad1d}
.product-preview-guarantee-head h3{margin:0 0 4px;font-size:23px}.product-preview-guarantee-head p{margin:0;color:#969ca8;font-size:13px}
.product-preview-guarantee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.product-preview-guarantee-grid article{
  display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:15px;border:1px solid rgba(255,255,255,.075);
  border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.012))
}
.product-preview-guarantee-icon{
  flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#1b1d23;border:1px solid rgba(255,180,0,.18)
}
.product-preview-guarantee-icon svg{width:21px;height:21px;fill:#f0a514}
.product-preview-guarantee-grid b{display:block;margin-bottom:7px;font-size:14px}.product-preview-guarantee-grid p{margin:0;color:#969ca8;font-size:12px;line-height:1.45}

@media(max-width:900px){
  .product-preview-main{grid-template-columns:minmax(270px,330px) 1fr;gap:28px;padding-right:28px}
  .product-preview-guarantee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .product-preview-modal{padding:8px}
  .product-preview-dialog{width:100%;max-height:calc(100vh - 16px);border-radius:16px}
  .product-preview-brand{padding:13px 54px 12px 16px}.product-preview-official{display:none}
  .product-preview-main{grid-template-columns:1fr;gap:18px;padding:14px}
  .product-preview-image-wrap{min-height:0;aspect-ratio:4/3}
  .product-preview-image-wrap img{min-height:0;height:100%;object-fit:cover}
  .product-preview-content{padding:0 3px 5px}
  .product-preview-content h2{margin-right:40px;font-size:29px}
  .product-preview-prices strong{font-size:42px}.product-preview-prices del{font-size:18px}
  .product-preview-details{grid-template-columns:1fr 1fr}
  .product-preview-details article{min-height:66px;padding:10px}
  .product-preview-icon{width:38px;height:38px}.product-preview-icon svg{width:20px;height:20px}
  .product-preview-guarantee{padding:22px 14px 25px}
  .product-preview-guarantee-grid{grid-template-columns:1fr}
  .product-preview-guarantee-grid article{min-height:auto}
}
@media(max-width:410px){
  .product-preview-details{grid-template-columns:1fr}
  .product-preview-trustline{align-items:flex-start;flex-direction:column;padding-left:4px}
}


/* =========================================================
   CHECKOUT PASO 1 — PANTALLA DE ID SILVER STORE
   ========================================================= */
.checkout-page-modal{
  padding:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  background:#090a0e !important;
  backdrop-filter:none !important;
}
.checkout-page-modal.open{display:block !important}
.checkout-page{
  min-height:100vh;
  color:#fff;
  background:
    radial-gradient(circle at 50% 32%,rgba(255,166,0,.07),transparent 34%),
    linear-gradient(135deg,rgba(255,159,0,.025),transparent 28%),
    #090a0e;
}
.checkout-page-topbar{
  position:relative;
  z-index:2;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px clamp(22px,5vw,74px);
  border-bottom:1px solid rgba(255,176,0,.35);
  background:rgba(5,6,8,.96);
}
.checkout-page-logo{
  display:flex;
  align-items:center;
  gap:13px;
  color:#fff;
  text-decoration:none;
}
.checkout-page-logo img{
  width:62px;
  height:62px;
  object-fit:contain;
}
.checkout-page-logo b{
  display:block;
  color:#f2b231;
  font-size:26px;
  letter-spacing:.035em;
}
.checkout-page-logo small{
  display:block;
  margin-top:3px;
  color:#e1e1e1;
  font-size:11px;
  font-weight:800;
}
.checkout-page-account{
  display:flex;
  align-items:center;
  gap:14px;
}
.checkout-page-balance,.checkout-page-user{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 16px;
  border:1px solid rgba(255,173,0,.45);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,171,0,.1),rgba(255,255,255,.025));
}
.checkout-page-balance small,.checkout-page-balance b{display:block}
.checkout-page-balance small{font-size:10px;color:#b7b7b7}
.checkout-page-balance b{color:#f5b31f;font-size:20px}
.checkout-page-wallet-icon,.checkout-page-user-icon{color:#f2aa13;font-size:23px}
.checkout-page-wallet-icon svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.checkout-page-close{
  position:fixed;
  z-index:310;
  top:106px;
  right:18px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:#15171c;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.checkout-page-main{
  width:min(760px,calc(100% - 28px));
  margin:0 auto;
  padding:56px 0 36px;
}
.checkout-page-progress{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  margin-bottom:28px;
}
.checkout-page-progress>i{
  width:64px;
  height:1px;
  background:#494b51;
}
.checkout-page-progress-step{
  display:flex;
  align-items:center;
  gap:9px;
  color:#8d929d;
  font-weight:800;
}
.checkout-page-progress-step b{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#24262c;
  color:#a6aab2;
}
.checkout-page-progress-step.active{color:#f3aa12}
.checkout-page-progress-step.active b{
  border:2px solid #f1a70c;
  background:#121317;
  color:#f1a70c;
  box-shadow:0 0 20px rgba(244,170,13,.28);
}
.checkout-page-progress-step.done{color:#dedede}
.checkout-page-progress-step.done b{
  background:linear-gradient(145deg,#f9ba38,#dd7900);
  color:#151515;
}
.checkout-page-modal .checkout-step{display:none}
.checkout-page-modal .checkout-step.active{display:block}
.checkout-id-card,.checkout-next-card{
  overflow:hidden;
  border:1px solid rgba(255,172,0,.46);
  border-radius:20px;
  background:linear-gradient(155deg,#17191f,#0f1014);
  box-shadow:0 24px 75px rgba(0,0,0,.55);
}
.checkout-id-hero{
  position:relative;
  min-height:130px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px 32px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 88% 30%,rgba(255,175,0,.16),transparent 26%),
    linear-gradient(145deg,#0c0e12,#16191f);
}
.checkout-id-check{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:3px solid #f1a70c;
  border-radius:50%;
  color:#f2ad1c;
  font-size:32px;
  box-shadow:0 0 24px rgba(244,170,13,.24);
}
.checkout-id-hero h2{margin:0 0 5px;font-size:30px}
.checkout-id-hero p{margin:0;color:#c9c9c9;font-size:16px}
.checkout-id-diamonds{
  margin-left:auto;
  font-size:70px;
  filter:drop-shadow(0 0 20px rgba(31,168,255,.28));
}
.checkout-id-order{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:22px;
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  background:#15171b;
}
.checkout-id-order>div:first-child{display:flex;align-items:center;gap:12px}
.checkout-id-order small,.checkout-id-order b,.checkout-id-order strong{display:block}
.checkout-id-order small{margin-bottom:4px;color:#a8adb6;font-size:10px}
.checkout-id-order b{font-size:18px}
.checkout-id-order strong{color:#f3a90d;font-size:20px}
.checkout-id-mini-diamond{color:#22a9f4;font-size:27px}
.checkout-id-help{
  display:grid;
  grid-template-columns:1fr 245px;
  gap:18px;
  margin:0 22px 22px;
  padding:20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#17191e;
}
.checkout-id-help h3{margin:0 0 14px;font-size:17px}
.checkout-id-help h3 span{color:#f2aa13}
.checkout-id-help ol{
  margin:0;
  padding-left:24px;
  color:#d7d7d7;
}
.checkout-id-help li{
  margin:10px 0;
  padding-left:6px;
}
.checkout-id-help li::marker{color:#f2aa13;font-weight:900}
.checkout-id-example{
  position:relative;
  width:100%;
  max-width:245px;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1932 / 814;
  align-self:center;
  overflow:hidden;
  border:1px solid rgba(255,171,0,.36);
  border-radius:10px;
  background:#090b0f;
}
.checkout-id-example img{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center;
}
.checkout-id-example-title{
  padding:7px 11px;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:11px;
  font-weight:900;
}
.checkout-id-example-body{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px;
}
.checkout-id-example-avatar{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:2px solid #e6a219;
  background:#30333a;
  font-size:21px;
  font-weight:900;
}
.checkout-id-example-body small,.checkout-id-example-body b,.checkout-id-example-body em{display:block}
.checkout-id-example-body small{font-size:9px;color:#c9c9c9}
.checkout-id-example-body b{
  margin:5px 0;
  padding:5px 7px;
  border:1px solid #f1a70c;
  color:#fff;
  font-size:11px;
}
.checkout-id-example-body em{color:#f3ae17;font-size:10px;font-style:normal}
.checkout-id-label{
  display:block;
  margin:0 22px 9px;
  font-size:14px;
  font-weight:900;
}
.checkout-id-input-wrap{
  display:flex;
  align-items:center;
  margin:0 22px;
  border:2px solid rgba(239,166,13,.55);
  border-radius:13px;
  background:#15171b;
  box-shadow:inset 0 0 22px rgba(0,0,0,.2);
}
.checkout-id-input-icon{
  display:grid;
  place-items:center;
  width:58px;
  color:#aaa;
  font-size:24px;
}
.checkout-id-input-wrap input{
  width:100%;
  min-height:66px;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:25px !important;
  letter-spacing:.13em;
  outline:none;
}
.checkout-id-input-wrap input{padding-left:12px !important}
.checkout-id-input-wrap input::placeholder{color:#757982}

.checkout-id-verify-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 148px;
  align-items:stretch;
  gap:10px;
  margin:0 22px;
}
.checkout-id-verify-row .checkout-id-input-wrap{
  margin:0;
  min-width:0;
}
.checkout-verify-id{
  min-height:66px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:1fr auto;
  align-items:center;
  column-gap:7px;
  padding:9px 11px;
  border:1px solid rgba(242,180,0,.72);
  border-radius:13px;
  background:linear-gradient(145deg,#231b0a,#15171b);
  color:#ffd25c;
  font-size:11px;
  font-weight:950;
  line-height:1.05;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 0 18px rgba(242,180,0,.05);
}
.checkout-verify-id>span:first-child{
  grid-row:1 / 3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(242,180,0,.14);
  color:#ffd25c;
  font-size:15px;
}
.checkout-verify-id small{
  grid-column:2;
  color:#8f949d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}
.checkout-verify-id:hover{
  border-color:#ffc533;
  background:linear-gradient(145deg,#2b210b,#181a1f);
}
.checkout-verify-id.is-loading,
.checkout-verify-id:disabled{
  opacity:.65;
  cursor:wait;
  pointer-events:none;
}
.checkout-verify-id.is-verified{
  border-color:rgba(82,232,148,.65);
  background:linear-gradient(145deg,#10271d,#14181a);
  color:#66efa4;
}
.checkout-verify-id.is-verified>span:first-child{
  background:rgba(82,232,148,.14);
  color:#66efa4;
}

.player-validation-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  margin:13px 22px 0;
  padding:14px 16px;
  overflow:hidden;
  border:1px solid rgba(61,221,133,.52);
  border-radius:14px;
  background:
    radial-gradient(circle at 92% 15%,rgba(69,230,142,.14),transparent 34%),
    linear-gradient(135deg,rgba(10,29,22,.96),rgba(12,16,19,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.025);
  animation:playerVerifiedIn .22s ease both;
}
.player-validation-card[hidden]{display:none!important}
.player-validation-card::after{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(55,213,127,.13),transparent 67%);
  pointer-events:none;
}
.player-validation-avatar{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(86,238,153,.58);
  border-radius:13px;
  background:linear-gradient(145deg,#153529,#0c1f19);
  color:#66efa4;
  font-size:22px;
  font-weight:950;
  box-shadow:0 0 22px rgba(66,221,137,.13);
}
.player-validation-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.player-validation-copy small{
  display:flex;
  align-items:center;
  gap:6px;
  color:#66efa4;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.player-validation-copy small i{
  width:7px;height:7px;border-radius:50%;background:#5fe79c;
  box-shadow:0 0 10px rgba(95,231,156,.8);
}
.player-validation-copy strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:19px;
  line-height:1.15;
  text-shadow:0 0 16px rgba(255,255,255,.06);
}
.player-validation-copy span{color:#aeb8b3;font-size:10px;font-weight:800;letter-spacing:.04em}
.player-validation-copy span b{color:#d8e6df;font-weight:950}
.player-validation-seal{
  position:relative;
  z-index:1;
  margin-left:auto;
  flex:0 0 auto;
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid rgba(92,239,159,.55);
  border-radius:50%;
  color:#0b1711;
  background:linear-gradient(#71f0aa,#38ca7b);
  font-size:18px;
  font-weight:1000;
  box-shadow:0 0 18px rgba(65,218,134,.22);
}
.player-validation-card.checking{
  border-color:rgba(245,178,31,.48);
  background:radial-gradient(circle at 92% 15%,rgba(245,178,31,.13),transparent 34%),linear-gradient(135deg,#211a0c,#111316);
}
.player-validation-card.checking .player-validation-avatar{
  border-color:rgba(245,178,31,.5);background:#211a0c;color:#f6b827;
}
.player-validation-card.checking .player-validation-copy small{color:#f5b31f}
.player-validation-card.checking .player-validation-copy small i{background:#f5b31f;box-shadow:0 0 10px rgba(245,179,31,.8);animation:playerValidationPulse .8s ease-in-out infinite alternate}
.player-validation-card.checking .player-validation-seal{color:#f5b31f;border-color:rgba(245,178,31,.5);background:#211a0c;animation:playerValidationSpin .9s linear infinite}
@keyframes playerVerifiedIn{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:none}}
@keyframes playerValidationPulse{from{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.15)}}
@keyframes playerValidationSpin{to{transform:rotate(360deg)}}

.checkout-team-code{margin:16px 22px 0}
.checkout-remember{margin:13px 22px 0}
.checkout-send-button{
  width:calc(100% - 44px);
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  margin:18px 22px 0;
  border:0;
  border-radius:13px;
  background:linear-gradient(90deg,#e38400,#ffc13b);
  color:#111;
  font-size:20px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(239,155,0,.25);
}
.checkout-send-button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.checkout-id-card .checkout-message{margin:10px 22px 0;text-align:center}
.checkout-id-security{
  display:grid;
  gap:8px;
  padding:16px 22px 23px;
  text-align:center;
  color:#aeb2bb;
  font-size:12px;
}
.checkout-id-security b{color:#d3d3d3}
.checkout-next-card{padding:28px}
.checkout-next-card>h2{margin-top:0}
.checkout-page-footer{
  padding:24px 18px 30px;
  border-top:1px solid rgba(255,171,0,.25);
  text-align:center;
  color:#9499a3;
}
.checkout-socials{
  display:flex;
  justify-content:center;
  gap:15px;
  margin-bottom:12px;
}
.checkout-socials a{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border:1px solid rgba(255,171,0,.58);
  border-radius:50%;
  color:#dedede;
  text-decoration:none;
  font-weight:900;
}
.checkout-socials a:hover{background:#efa80d;color:#101010}
.checkout-page-footer p{margin:0;font-size:12px}

@media(max-width:700px){
  .checkout-page-topbar{
    min-height:72px;
    padding:9px 12px;
  }
  .checkout-page-logo img{width:47px;height:47px}
  .checkout-page-logo b{font-size:17px}
  .checkout-page-logo small{font-size:7px}
  .checkout-page-account{gap:7px}
  .checkout-page-balance,.checkout-page-user{
    min-height:45px;
    padding:6px 9px;
  }
  .checkout-page-balance b{font-size:15px}
  .checkout-page-user-icon,.checkout-page-wallet-icon{display:none}
  .checkout-page-close{top:80px;right:9px}
  .checkout-page-main{
    width:calc(100% - 16px);
    padding-top:42px;
  }
  .checkout-page-progress{gap:7px}
  .checkout-page-progress>i{width:26px}
  .checkout-page-progress-step{gap:5px;font-size:12px}
  .checkout-page-progress-step b{width:29px;height:29px}
  .checkout-id-hero{
    min-height:105px;
    gap:12px;
    padding:18px 16px;
  }
  .checkout-id-check{width:46px;height:46px;font-size:25px}
  .checkout-id-hero h2{font-size:21px}
  .checkout-id-hero p{font-size:12px}
  .checkout-id-diamonds{font-size:43px}
  .checkout-id-order{margin:14px;padding:13px}
  .checkout-id-order b{font-size:14px}
  .checkout-id-order strong{font-size:14px}
  .checkout-id-help{
    grid-template-columns:1fr;
    margin:0 14px 16px;
    padding:15px;
  }
  .checkout-id-example{max-width:270px}
  .checkout-id-label{margin-left:14px;margin-right:14px}
  .checkout-id-input-wrap{margin:0 14px}
  .checkout-id-verify-row{
    grid-template-columns:minmax(0,1fr) 124px;
    gap:8px;
    margin:0 14px;
  }
  .checkout-id-verify-row .checkout-id-input-wrap{margin:0}
  .checkout-id-input-wrap input{
    min-height:58px;
    font-size:18px !important;
    letter-spacing:.08em;
  }
  .checkout-verify-id{
    min-height:58px;
    padding:7px 8px;
    font-size:10px;
  }
  .checkout-verify-id>span:first-child{
    width:24px;
    height:24px;
    font-size:13px;
  }
  .checkout-send-button{
    width:calc(100% - 28px);
    min-height:58px;
    margin-left:14px;
    margin-right:14px;
    font-size:17px;
  }
  .player-validation-card{margin-left:14px;margin-right:14px;padding:12px 13px;gap:11px}
  .player-validation-avatar{width:42px;height:42px}
  .player-validation-copy strong{font-size:16px}
  .player-validation-seal{width:31px;height:31px}
  .checkout-team-code,.checkout-remember{margin-left:14px;margin-right:14px}
}
@media(max-width:430px){
  .checkout-id-verify-row{grid-template-columns:minmax(0,1fr) 112px;gap:7px}
  .checkout-verify-id{font-size:9px;padding:6px}
  .checkout-verify-id small{font-size:7px}
  .checkout-id-input-wrap input{font-size:16px !important;letter-spacing:.04em}
  .checkout-page-logo div{display:none}
  .checkout-page-user{display:none}
  .checkout-id-diamonds{display:none}
  .checkout-id-help-copy ol{padding-left:19px}
}


/* =========================================================
   ENTREGA AUTOMÁTICA — PROGRESO REAL + LÍMITE VISUAL 13S
   ========================================================= */
.delivery-flow-card{overflow:hidden;border:1px solid rgba(255,170,0,.42);border-radius:19px;background:linear-gradient(160deg,#14161b,#0c0e12);box-shadow:0 26px 80px rgba(0,0,0,.6)}
.delivery-flow-heading{text-align:center;padding:24px 18px 10px}.delivery-flow-heading h2{margin:0 0 7px;font-size:27px}.delivery-flow-heading p{margin:0;color:#a9aeb8}.delivery-flow-heading.success h2{font-size:30px}
.delivery-diamond-stage{position:relative;height:230px;display:grid;place-items:center;perspective:800px;overflow:hidden}
.delivery-diamond{
  position:relative;
  width:270px;
  height:180px;
  z-index:2;
  background:url('assets/delivery-diamond-uhd.webp?v=DIAMOND-SPIN-360-V2-20260824') center/contain no-repeat;
  transform-origin:50% 53%;
  transform-style:preserve-3d;
  backface-visibility:visible;
  animation:deliveryDiamondSpin360V2 2.8s linear infinite;
  filter:drop-shadow(0 0 20px rgba(0,155,255,.95)) drop-shadow(0 0 52px rgba(0,105,255,.52));
  will-change:transform,filter;
}
.delivery-diamond.fast{animation-duration:1.15s}
.delivery-diamond.stopped{
  animation-play-state:paused;
  filter:grayscale(.35) opacity(.68) drop-shadow(0 0 18px rgba(0,130,255,.45));
}
.delivery-diamond.complete{animation:deliveryDiamondFinish .72s ease forwards}
.delivery-diamond span{display:none!important}
@keyframes deliveryDiamondSpin360V2{
  0%{
    transform:perspective(900px) translateY(2px) rotateX(-5deg) rotateY(0deg) rotateZ(-1deg);
    filter:drop-shadow(0 0 20px rgba(0,155,255,.95)) drop-shadow(0 0 52px rgba(0,105,255,.52)) brightness(1);
  }
  25%{
    transform:perspective(900px) translateY(-5px) rotateX(-5deg) rotateY(90deg) rotateZ(.7deg);
    filter:drop-shadow(0 0 30px rgba(0,205,255,1)) drop-shadow(0 0 66px rgba(0,105,255,.66)) brightness(1.32);
  }
  50%{
    transform:perspective(900px) translateY(1px) rotateX(-5deg) rotateY(180deg) rotateZ(1deg);
    filter:drop-shadow(0 0 22px rgba(0,155,255,.95)) drop-shadow(0 0 56px rgba(0,105,255,.58)) brightness(1.08);
  }
  75%{
    transform:perspective(900px) translateY(-5px) rotateX(-5deg) rotateY(270deg) rotateZ(-.7deg);
    filter:drop-shadow(0 0 30px rgba(0,205,255,1)) drop-shadow(0 0 66px rgba(0,105,255,.66)) brightness(1.32);
  }
  100%{
    transform:perspective(900px) translateY(2px) rotateX(-5deg) rotateY(360deg) rotateZ(-1deg);
    filter:drop-shadow(0 0 20px rgba(0,155,255,.95)) drop-shadow(0 0 52px rgba(0,105,255,.52)) brightness(1);
  }
}
@keyframes deliveryDiamondFinish{
  0%{transform:scale(1);opacity:1}
  52%{transform:rotateZ(16deg) scale(1.18);filter:drop-shadow(0 0 65px #5eff7a) drop-shadow(0 0 95px rgba(0,210,255,.75))}
  100%{transform:rotateZ(340deg) scale(.05);opacity:0}
}
.delivery-diamond-ring{position:absolute;width:220px;height:52px;border:3px solid #008cff;border-radius:50%;box-shadow:0 0 18px #008cff,inset 0 0 15px #008cff;transform:translateY(56px);animation:deliveryRingPulse 1.8s ease-in-out infinite}
@keyframes deliveryRingPulse{50%{transform:translateY(56px) scale(1.08);opacity:.55}}
.delivery-diamond-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#7feaff;box-shadow:0 0 15px #0cf;animation:deliverySpark 1.4s ease-in-out infinite}.delivery-diamond-spark.s1{margin:-110px 0 0 -190px}.delivery-diamond-spark.s2{margin:-70px -180px 0 0;animation-delay:.4s}.delivery-diamond-spark.s3{margin:90px 0 0 185px;animation-delay:.8s}@keyframes deliverySpark{50%{transform:scale(2.4);opacity:.25}}
.delivery-order-summary{display:flex;justify-content:space-between;gap:20px;margin:0 22px 17px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#17191e}.delivery-order-summary small,.delivery-order-summary b,.delivery-order-summary strong{display:block}.delivery-order-summary small{margin-bottom:5px;color:#a6acb6;font-size:10px}.delivery-order-summary strong{color:#f2aa13}
.delivery-timeline{margin:0 22px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#111318}
.delivery-status-item{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:8px 11px;border:1px solid transparent;border-radius:11px;color:#777d88}.delivery-status-item:not(:last-child):after{content:"";position:absolute;left:30px;bottom:-9px;width:2px;height:18px;background:#34373e}.delivery-status-icon{display:grid;place-items:center;width:34px;height:34px;border:2px solid #3b3e45;border-radius:50%;font-weight:900}.delivery-status-item b,.delivery-status-item small{display:block}.delivery-status-item small{margin-top:4px;color:#858b95;font-size:11px}.delivery-status-item em{font-style:normal;font-size:11px}.delivery-status-item.active{border-color:rgba(255,171,0,.42);background:rgba(255,171,0,.055);color:#fff}.delivery-status-item.active .delivery-status-icon{border-color:#f2aa13;color:#f2aa13;box-shadow:0 0 15px rgba(242,170,19,.2)}.delivery-status-item.active em{color:#f2aa13}.delivery-status-item.done{color:#aab0b8}.delivery-status-item.done .delivery-status-icon{border-color:#54e027;color:#54e027}.delivery-status-item.done .delivery-status-icon:before{content:"✓";font-size:17px}.delivery-status-item.done .delivery-status-icon{font-size:0}.delivery-status-item.done em{color:#52dc28}.delivery-status-item.failed{border-color:rgba(255,63,70,.5);color:#ff6b72}
.delivery-progress-box{margin:16px 22px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#111318}.delivery-progress-copy{display:flex;justify-content:space-between;gap:15px;margin-bottom:11px}.delivery-progress-copy span{color:#f2aa13}.delivery-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#050608}.delivery-progress-track i{display:block;width:3%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#df7900,#ffc13c);box-shadow:0 0 13px rgba(255,172,0,.55);transition:width .35s ease}.delivery-progress-box>small{display:block;margin-top:10px;color:#8f95a0;text-align:center}
.delivery-security-copy{display:grid;gap:8px;padding:16px 22px 24px;text-align:center;color:#aeb3bc;font-size:12px}.delivery-security-copy b{color:#d5d5d5}
.delivery-error-box{margin:16px 22px;padding:16px;border:1px solid rgba(255,66,72,.42);border-radius:12px;background:rgba(255,42,50,.07);text-align:center}.delivery-error-box b{color:#ff6b72}.delivery-error-box p{color:#bbb}.delivery-error-box button{padding:11px 18px;border:0;border-radius:9px;background:#e89708;font-weight:900;cursor:pointer}
.delivery-success-view{padding-bottom:8px}.delivery-success-check{display:grid;place-items:center;width:165px;height:165px;margin:22px auto 28px;border:6px solid #55ec27;border-radius:50%;background:radial-gradient(circle,#2c791a,#0e1d0b 70%);color:#8cff66;font-size:88px;box-shadow:0 0 26px #41de18,0 0 70px rgba(76,238,35,.48);animation:deliverySuccessPop .65s cubic-bezier(.18,.9,.25,1.25) both}@keyframes deliverySuccessPop{from{transform:scale(.25) rotate(-15deg);opacity:0}to{transform:scale(1);opacity:1}}
.delivery-success-message{margin:0 22px 18px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111318;text-align:center}.delivery-success-message h3{margin:0 0 8px}.delivery-success-message p{margin:0 0 13px;color:#b3b8c1}.delivery-success-message span{color:#54e12b}
.delivery-success-actions{display:grid;gap:10px;margin:0 22px}.delivery-primary-action,.delivery-secondary-action{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:11px;font-weight:950;text-transform:uppercase;text-decoration:none;cursor:pointer}.delivery-primary-action{border:0;background:linear-gradient(90deg,#df7900,#ffc13c);color:#111}.delivery-secondary-action{border:1px solid rgba(255,171,0,.6);background:transparent;color:#fff}
@media(max-width:700px){.delivery-flow-heading h2{font-size:22px}.delivery-diamond-stage{height:190px}.delivery-diamond{width:225px;height:150px}.delivery-order-summary,.delivery-timeline,.delivery-progress-box,.delivery-error-box,.delivery-success-message,.delivery-success-actions{margin-left:13px;margin-right:13px}.delivery-status-item{grid-template-columns:36px 1fr auto;padding:7px}.delivery-status-item small{font-size:10px}.delivery-success-check{width:132px;height:132px;font-size:70px}.delivery-progress-copy{font-size:12px}}

/* Hotfix: feedback mientras se inicia directamente la recarga */
.checkout-send-button.is-loading,
.checkout-send-button:disabled{
  opacity:.72;
  cursor:wait;
  pointer-events:none;
}


/* =========================================================
   MOMENTO WOW — FINAL DE COMPRA
   ========================================================= */
.delivery-success-view{
  position:relative;
  overflow:hidden;
}
.delivery-success-view.is-visible{
  animation:deliverySuccessEnter .45s cubic-bezier(.18,.82,.22,1) both;
}
@keyframes deliverySuccessEnter{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:none}
}
.delivery-success-celebration{
  position:relative;
  height:178px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.delivery-success-logo-glow{
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(99,255,45,.3) 0 20%,rgba(56,237,18,.12) 38%,transparent 69%);
  filter:blur(5px);
  animation:deliveryGlowPulse 1.45s ease-in-out infinite alternate;
}
@keyframes deliveryGlowPulse{
  from{transform:scale(.88);opacity:.68}
  to{transform:scale(1.08);opacity:1}
}
.delivery-success-check{
  position:relative;
  z-index:3;
  width:112px;
  height:112px;
  font-size:70px;
  box-shadow:
    0 0 0 7px rgba(78,255,31,.1),
    0 0 34px rgba(64,255,21,.72),
    inset 0 0 24px rgba(255,255,255,.17);
  animation:deliveryCheckPop .72s cubic-bezier(.16,1.2,.3,1) both;
}
@keyframes deliveryCheckPop{
  0%{transform:scale(.15) rotate(-18deg);opacity:0}
  65%{transform:scale(1.13) rotate(4deg)}
  100%{transform:scale(1) rotate(0);opacity:1}
}
.delivery-success-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.delivery-success-particles i{
  --x:0px;
  --y:-90px;
  position:absolute;
  left:50%;
  top:52%;
  width:7px;
  height:13px;
  border-radius:2px;
  background:#ffc325;
  opacity:0;
  transform:translate(-50%,-50%);
  animation:deliveryParticleBurst 1.25s ease-out .18s both;
}
.delivery-success-particles i:nth-child(1){--x:-115px;--y:-64px;transform:rotate(18deg)}
.delivery-success-particles i:nth-child(2){--x:-76px;--y:-106px;background:#61e72b}
.delivery-success-particles i:nth-child(3){--x:-24px;--y:-122px;transform:rotate(45deg)}
.delivery-success-particles i:nth-child(4){--x:38px;--y:-117px;background:#61e72b}
.delivery-success-particles i:nth-child(5){--x:96px;--y:-80px}
.delivery-success-particles i:nth-child(6){--x:124px;--y:-24px;background:#61e72b}
.delivery-success-particles i:nth-child(7){--x:108px;--y:48px}
.delivery-success-particles i:nth-child(8){--x:54px;--y:92px;background:#61e72b}
.delivery-success-particles i:nth-child(9){--x:-12px;--y:105px}
.delivery-success-particles i:nth-child(10){--x:-78px;--y:82px;background:#61e72b}
.delivery-success-particles i:nth-child(11){--x:-122px;--y:34px}
.delivery-success-particles i:nth-child(12){--x:-131px;--y:-18px;background:#61e72b}
@keyframes deliveryParticleBurst{
  0%{opacity:0;translate:0 0;scale:.4}
  18%{opacity:1}
  100%{opacity:0;translate:var(--x) var(--y);rotate:220deg;scale:1}
}
.delivery-thank-you{
  margin:-5px 22px 18px;
  padding:14px 18px;
  border:1px solid rgba(255,184,24,.28);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,174,0,.13),transparent 66%),
    rgba(255,255,255,.025);
  text-align:center;
  animation:deliveryThankYouIn .55s ease .4s both;
}
.delivery-thank-you b,.delivery-thank-you span{display:block}
.delivery-thank-you b{
  color:#ffc33c;
  font-size:18px;
}
.delivery-thank-you span{
  margin-top:5px;
  color:#b8bdc7;
  font-size:12px;
}
@keyframes deliveryThankYouIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
.delivery-more-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:17px 22px 0;
  padding:15px;
  border:1px solid rgba(255,174,0,.24);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,171,0,.08),rgba(255,255,255,.02));
}
.delivery-more-card b,.delivery-more-card span{display:block}
.delivery-more-card b{font-size:14px}
.delivery-more-card span{margin-top:4px;color:#969ca7;font-size:11px}
.delivery-more-card button{
  flex:0 0 auto;
  min-height:39px;
  padding:0 15px;
  border:1px solid #f0a50a;
  border-radius:10px;
  background:transparent;
  color:#ffb71b;
  font-weight:900;
  cursor:pointer;
}
.delivery-more-card button:hover{
  background:#f0a50a;
  color:#101010;
}
.delivery-auto-redirect{
  margin:13px 22px 0;
  color:#848a95;
  text-align:center;
  font-size:11px;
}
.delivery-auto-redirect b{color:#f4ad17}

@media(max-width:520px){
  .delivery-success-celebration{height:150px}
  .delivery-success-check{width:94px;height:94px;font-size:60px}
  .delivery-success-logo-glow{width:155px;height:155px}
  .delivery-more-card{
    align-items:stretch;
    flex-direction:column;
  }
  .delivery-more-card button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .delivery-success-view.is-visible,
  .delivery-success-check,
  .delivery-success-logo-glow,
  .delivery-success-particles i,
  .delivery-thank-you{
    animation:none !important;
  }
}


/* =========================================================
   HOTFIX URGENTE — SCROLL DEL CHECKOUT EN MÓVIL
   Permite bajar hasta el campo UID y el botón.
   ========================================================= */
.checkout-page-modal{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

.checkout-page{
  min-height:100dvh;
  height:auto !important;
  overflow:visible !important;
}

.checkout-page-main{
  min-height:auto;
  padding-bottom:calc(48px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:700px){
  .checkout-page-modal{
    display:none;
    position:fixed;
    inset:0;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    align-items:flex-start !important;
  }

  .checkout-page-modal.open{
    display:block !important;
  }

  .checkout-page{
    min-height:100dvh;
    padding-bottom:env(safe-area-inset-bottom);
  }

  .checkout-id-card,
  .checkout-next-card{
    overflow:hidden;
  }

  .checkout-id-input-wrap input{
    font-size:16px !important; /* evita zoom automático de iPhone al enfocar */
  }
}


/* SILVER STORE — Checkout visual dinámico por tipo de producto */
.delivery-diamond-stage .delivery-product-visual{
  display:block;
  position:absolute;
  left:50%;top:50%;
  width:min(150px,44vw);height:min(150px,44vw);
  object-fit:contain;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 18px rgba(255,190,38,.35));
  animation:ssProductDeliveryFloat 1.9s ease-in-out infinite;
  z-index:5;
}
.delivery-diamond-stage .delivery-product-visual[hidden]{display:none!important}
.delivery-diamond-stage.product-mode .delivery-diamond,
.delivery-diamond-stage.product-mode .delivery-diamond-ring{display:none!important}
.delivery-diamond-stage.product-mode .delivery-diamond-spark{opacity:.55}
@keyframes ssProductDeliveryFloat{
  0%,100%{transform:translate(-50%,-50%) scale(.96)}
  50%{transform:translate(-50%,-56%) scale(1.04)}
}
@media (max-width:600px){
  .delivery-diamond-stage .delivery-product-visual{width:118px;height:118px}
}


/* PARCHE EMOTES · 8 tarjetas ordenadas en 2 filas de 4 en PC */
@media (min-width:1024px){
  .extras-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
  }
  .extras-grid .extra-card,
  .extras-grid .extra-card:nth-child(5){
    grid-column:auto !important;
  }
  .extras-grid .extra-image{
    height:365px !important;
    min-height:365px !important;
    flex:0 0 365px !important;
  }
  .extras-grid .extra-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}


/* =========================================================
   SILVER STORE 2026-08-17 · SECCIONES DIAMANTES / EXTRAS / EMOTES / SKINS
   ========================================================= */
.section-anchor{scroll-margin-top:92px}
.ff-catalog-jump{
  position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  margin:0 0 30px;padding:8px;border:1px solid rgba(242,180,0,.24);border-radius:14px;
  background:linear-gradient(180deg,rgba(22,18,9,.92),rgba(8,9,11,.96));box-shadow:0 12px 34px rgba(0,0,0,.25)
}
.ff-catalog-jump a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:10px;color:#d8dbe0;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.65px;text-decoration:none;transition:.2s ease}
.ff-catalog-jump a:hover{color:#111;background:linear-gradient(90deg,#e19a00,#ffc94b);border-color:#ffd365;transform:translateY(-2px)}
.catalog-section{width:min(1380px,calc(100% - 44px));margin:74px auto 92px}
.section-heading-premium{position:relative}
.section-heading-premium p{margin:8px 0 0;color:#858b94;font-size:12px}
.section-heading-premium h2{display:flex;align-items:center;gap:10px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.catalog-grid .extra-card{grid-column:auto!important}
.extras-grid-clean .extra-card:nth-child(5){grid-column:auto!important}
.gift-card{border-color:rgba(183,132,25,.34);background:radial-gradient(circle at 50% 0%,rgba(242,180,0,.08),transparent 28%),linear-gradient(#171a21,#0c0e12)}
.gift-card-image{position:relative;background:radial-gradient(circle at 50% 50%,rgba(216,152,18,.08),transparent 55%),#08090b}
.gift-card-image img{object-fit:contain!important}
.gift-subtype{position:absolute;left:10px;bottom:10px;z-index:3;padding:6px 9px;border:1px solid rgba(255,203,62,.55);border-radius:999px;background:rgba(7,7,7,.84);color:#ffd15c;font-size:9px;font-weight:950;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 5px 18px rgba(0,0,0,.45)}
.catalog-empty{grid-column:1/-1;padding:34px;border:1px dashed #383d46;border-radius:14px;color:#8b9099;background:#0c0e12;text-align:center}
.skins-section .gift-card{border-color:rgba(126,95,255,.20)}
.skins-section .gift-card:not(.sold-out):hover{border-color:#f2b400}

@media(max-width:1220px){
  .catalog-section{width:min(1040px,calc(100% - 36px))}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .extras-grid-clean{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .extras-grid-clean .extra-card{grid-column:auto!important}
}
@media(max-width:850px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ff-catalog-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .catalog-section{width:calc(100% - 16px)!important;margin:34px auto!important}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .catalog-grid .extra-card{min-height:0!important;height:auto!important}
  .catalog-grid .extra-image{height:210px!important;min-height:210px!important;flex:0 0 210px!important}
  .gift-subtype{left:6px;bottom:6px;padding:4px 6px;font-size:7px}
  .ff-catalog-jump{margin-bottom:18px;padding:6px;gap:6px}
  .ff-catalog-jump a{min-height:38px;font-size:10px}
  .section-heading-premium p{font-size:10px;line-height:1.35}
}
@media(max-width:360px){.catalog-grid{grid-template-columns:1fr!important}.ff-catalog-jump{grid-template-columns:1fr 1fr}}

/* EXTRAS: una sola vitrina limpia de 5 tarjetas en escritorio */
@media (min-width:1221px){
  .extras-grid-clean{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .extras-grid-clean .extra-card,
  .extras-grid-clean .extra-card:nth-child(5){grid-column:auto !important}
  .extras-grid-clean .extra-image{
    height:300px !important;
    min-height:300px !important;
    flex:0 0 300px !important;
  }
}


/* =========================================================
   RESELLER EXCLUSIVE · RSS · 2026-08-23
   ========================================================= */
.reseller-exclusive-card{
  border-color:rgba(255,176,0,.78)!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(127,55,255,.20),transparent 35%),
    radial-gradient(circle at 50% 0%,rgba(255,186,35,.13),transparent 45%),
    linear-gradient(180deg,#17120c 0%,#0b0c10 58%,#111318 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(125,65,255,.12),0 12px 34px rgba(0,0,0,.38);
}
.reseller-exclusive-card:not(.sold-out):hover{
  border-color:#ffd55c!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 28px rgba(132,61,255,.18),0 0 22px rgba(255,181,25,.24)!important;
}
.reseller-exclusive-ribbon{
  position:absolute;z-index:7;top:11px;right:10px;
  min-width:44px;padding:6px 10px;border:1px solid #ffcf52;border-radius:999px;
  color:#1a0d00;background:linear-gradient(180deg,#ffe26c,#f2a600);
  font-size:10px;font-weight:1000;letter-spacing:1px;text-align:center;
  box-shadow:0 5px 18px rgba(0,0,0,.45),0 0 16px rgba(255,187,28,.28);
}
.reseller-exclusive-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at center,rgba(255,66,0,.10),transparent 36%),
    radial-gradient(circle at center,rgba(122,56,255,.10),transparent 58%),transparent!important;
}
.reseller-exclusive-image img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  margin:auto!important;
  width:76%!important;
  height:auto!important;
  max-width:76%!important;
  max-height:76%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 0 18px rgba(255,171,0,.28)) drop-shadow(0 0 12px rgba(119,49,255,.18));
}
.reseller-exclusive-card .extra-info h3{color:#ffd46b;letter-spacing:.35px}
.reseller-exclusive-stock{color:#e8d7ff!important;background:rgba(91,38,177,.22)!important;border-color:rgba(157,91,255,.38)!important}
.reseller-exclusive-card .extra-info>strong{color:#ffd44e!important}
.reseller-exclusive-card button{background:linear-gradient(90deg,#a55cff,#f0a500 58%,#ffc84a)!important;color:#0b0711!important}

.reseller-access-message{
  margin:9px 0 0;padding:10px 12px;border:1px solid rgba(255,188,45,.36);border-radius:9px;
  color:#ffd36d;background:rgba(255,171,0,.08);font-size:11px;font-weight:850;text-align:center;
}
.reseller-access-message.is-error{border-color:rgba(255,77,92,.45);color:#ff8b97;background:rgba(255,55,72,.08)}

.reseller-message-group{margin:15px 22px 0;padding:13px 14px;border:1px solid rgba(177,104,255,.32);border-radius:12px;background:linear-gradient(180deg,rgba(91,33,152,.10),rgba(8,9,12,.5))}
.checkout-page-modal .reseller-message-group>label{margin:0 0 7px!important;color:#f2c95b;font-size:11px!important;letter-spacing:.45px}
.reseller-message-group>label span{color:#9c83c9;font-size:9px}
.reseller-message-input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #373044;border-radius:9px;background:#07080b;padding:0 11px}
.reseller-message-input-wrap>span{color:#b467ff;font-size:14px}
#resellerMessage{width:100%;height:42px;border:0!important;outline:0;color:#fff;background:transparent!important;font-size:13px}
#resellerMessage::placeholder{color:#71727b}
.reseller-message-group>small{display:block;margin-top:7px;color:#888d96;font-size:10px;line-height:1.35}

@media(max-width:1220px){
  .reseller-exclusive-image img{width:68%!important;max-width:68%!important;height:auto!important;max-height:68%!important}
}
@media(max-width:760px){
  .reseller-message-group{margin:12px 14px 0}
  .reseller-exclusive-ribbon{top:7px;right:7px;padding:5px 8px;font-size:8px}
  .reseller-exclusive-image{padding:8px 0!important}
}


/* =========================================================
   RSS · HOTFIX MÓVIL + VALIDACIÓN UID · 2026-08-23
   Evita desplazamiento/recorte horizontal del checkout.
   ========================================================= */
@media(max-width:700px){
  .checkout-page-modal{
    width:100vw !important;
    max-width:100vw !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  .checkout-page{
    width:100% !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin:0 !important;
    overflow-x:hidden !important;
  }

  .checkout-page-main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .checkout-id-card,
  .checkout-next-card,
  .checkout-id-hero,
  .checkout-id-order,
  .checkout-id-help,
  .checkout-id-input-wrap,
  .player-validation-card,
  .reseller-message-group,
  .checkout-id-security{
    min-width:0 !important;
    max-width:100% !important;
  }

  .checkout-id-order{
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  .checkout-id-order > div{
    min-width:0 !important;
    max-width:100% !important;
  }

  .checkout-id-input-wrap input,
  #resellerMessage{
    min-width:0 !important;
    max-width:100% !important;
    font-size:16px !important;
  }

  .reseller-message-group{
    margin-left:14px !important;
    margin-right:14px !important;
  }

  .checkout-page-progress{
    max-width:100% !important;
    overflow:hidden !important;
  }

  .checkout-page-progress-step{
    min-width:0 !important;
  }
}


/* =========================================================
   RESELLER DIAMOND · RD · 2026-08-24
   Tarjeta premium azul/negra al final de Diamantes.
   ========================================================= */
.reseller-diamond-card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(40,181,255,.95)!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(0,157,255,.22),transparent 36%),
    radial-gradient(circle at 50% 0%,rgba(27,84,255,.15),transparent 45%),
    linear-gradient(180deg,#07111f 0%,#06090f 58%,#0a0e16 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(93,214,255,.12),
    0 0 0 1px rgba(0,112,255,.08),
    0 14px 36px rgba(0,0,0,.44),
    0 0 24px rgba(0,151,255,.13)!important;
}
.reseller-diamond-card::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:6;
  pointer-events:none;
  border:1px solid rgba(49,188,255,.48);
  border-radius:9px;
  box-shadow:
    inset 0 0 11px rgba(0,164,255,.10),
    0 0 13px rgba(0,151,255,.22);
}
.reseller-diamond-card::after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:0;
  height:2px;
  z-index:6;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#0a8fff 18%,#63dcff 50%,#0a8fff 82%,transparent);
  box-shadow:0 0 13px rgba(0,174,255,.88);
}
.reseller-diamond-card:not(.sold-out):hover{
  transform:translateY(-7px);
  border-color:#67dbff!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.58),
    0 0 0 1px rgba(75,208,255,.22),
    0 0 34px rgba(0,149,255,.28)!important;
}
.reseller-diamond-ribbon{
  position:absolute;z-index:10;top:11px;right:10px;
  min-width:44px;padding:6px 10px;
  border:1px solid #59d9ff;border-radius:999px;
  color:#dff8ff;
  background:linear-gradient(180deg,#0d6ee7,#062451);
  font-size:10px;font-weight:1000;letter-spacing:1px;text-align:center;
  box-shadow:0 5px 18px rgba(0,0,0,.50),0 0 16px rgba(0,170,255,.42);
}
.reseller-diamond-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at center,rgba(0,167,255,.16),transparent 42%),
    linear-gradient(180deg,#050b14,#02050a)!important;
}
.reseller-diamond-image img{
  width:88%!important;height:88%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:12px;
  filter:drop-shadow(0 0 18px rgba(0,177,255,.38));
}
.reseller-diamond-info h2{
  color:#eafaff!important;
  font-size:22px!important;
  letter-spacing:.35px;
}
.reseller-diamond-info h2 em{color:#24baff!important;text-shadow:0 0 13px rgba(0,166,255,.30)}
.reseller-diamond-info .label{color:#91dfff}
.reseller-diamond-stock{
  color:#b7eeff!important;
  background:rgba(0,111,255,.18)!important;
  border:1px solid rgba(46,190,255,.34)!important;
}
.reseller-diamond-requirement{
  display:block;
  min-height:30px;
  margin:0 auto 8px;
  color:#7fa9c8;
  font-size:9px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.45px;
}
.reseller-diamond-info>strong{
  margin-top:auto!important;
  color:#26bdff!important;
  text-shadow:0 0 12px rgba(0,167,255,.22);
}
.reseller-diamond-card button{
  background:linear-gradient(90deg,#043c9f,#007fe8 55%,#25c8ff)!important;
  color:#f2fbff!important;
  border:1px solid rgba(89,218,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,88,255,.20)!important;
}
.reseller-diamond-card:not(.sold-out):hover button{
  filter:brightness(1.10);
  box-shadow:0 8px 22px rgba(0,119,255,.30),0 0 18px rgba(0,190,255,.26)!important;
}
.catalog-dialog.rd-catalog{
  border-color:#168dd8;
  box-shadow:0 28px 85px rgba(0,0,0,.72),0 0 32px rgba(0,139,255,.20);
}
.catalog-dialog.rd-catalog header{
  background:linear-gradient(135deg,#061a38,#030a15);
}
.catalog-dialog.rd-catalog header p{color:#60d8ff}
.catalog-dialog.rd-catalog .catalog-note{color:#276b91}
.catalog-dialog.rd-catalog .catalog-buy{
  background:linear-gradient(180deg,#108fe9,#0758b0);
  color:#fff;
}
.catalog-dialog.rd-catalog .reseller-access-message{
  border-color:rgba(39,183,255,.38);
  color:#43cfff;
  background:rgba(0,126,255,.08);
}
@media(max-width:760px){
  .reseller-diamond-ribbon{top:7px;right:7px;padding:5px 8px;font-size:8px}
  .reseller-diamond-info h2{font-size:17px!important}
  .reseller-diamond-requirement{font-size:7.5px}
}


/* =========================================================
   RD V2 · BORDE FINO + LÍNEA AZUL QUE RECORRE LA TARJETA
   Mantiene la estructura aprobada de RSS, con identidad Diamond.
   ========================================================= */

@property --rd-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

@keyframes rdDiamondBorderRun{
  from{--rd-border-angle:0deg}
  to{--rd-border-angle:360deg}
}

.reseller-diamond-card{
  overflow:hidden;
  border:1px solid rgba(37,154,218,.48)!important;
  box-shadow:
    inset 0 0 0 1px rgba(61,190,255,.035),
    0 12px 34px rgba(0,0,0,.38),
    0 0 12px rgba(0,145,255,.055)!important;
}

/* La línea azul es SOLO un tramo luminoso fino que da la vuelta completa. */
.reseller-diamond-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border:0;
  border-radius:inherit;
  padding:1px;
  background:
    conic-gradient(
      from var(--rd-border-angle),
      transparent 0deg,
      transparent 274deg,
      rgba(0,132,255,.05) 288deg,
      #087cff 304deg,
      #38c8ff 318deg,
      #a5f3ff 327deg,
      #2bc6ff 336deg,
      #087cff 347deg,
      transparent 360deg
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 3px rgba(32,185,255,.78));
  animation:rdDiamondBorderRun 3.6s linear infinite;
}

/* Quitamos la barra azul fija de abajo del V1. */
.reseller-diamond-card::after{
  display:none!important;
}

/* Hover fino, sin engordar el borde. */
.reseller-diamond-card:not(.sold-out):hover{
  border-color:rgba(75,197,245,.62)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 18px rgba(0,151,255,.10)!important;
}

/* En móvil sigue siendo una línea de 1px; no invade el contenido. */
@media(max-width:760px){
  .reseller-diamond-card{
    border-width:1px!important;
    box-shadow:
      inset 0 0 0 1px rgba(61,190,255,.025),
      0 10px 26px rgba(0,0,0,.36),
      0 0 9px rgba(0,145,255,.045)!important;
  }
  .reseller-diamond-card::before{
    padding:1px;
    filter:drop-shadow(0 0 2px rgba(32,185,255,.68));
    animation-duration:3.9s;
  }
}

/* Si el navegador no anima @property, queda el borde azul fino estático;
   la tarjeta nunca vuelve al borde grueso del V1. */
@media(prefers-reduced-motion:reduce){
  .reseller-diamond-card::before{animation-duration:7s}
}


/* =========================================================
   DIAMANTES MÓVIL COMPACTOS · V1 · 2026-08-24
   Objetivo: que la zona de diamantes ocupe visualmente lo mismo
   que las tarjetas compactas de Extras / Fragmentos / Cajas.
   SOLO móvil. PC queda intacto.
   ========================================================= */
@media(max-width:760px){

  /* 3 tarjetas por fila, como la vitrina compacta de Extras */
  #diamantes + .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    align-items:start !important;
  }

  #diamantes + .product-grid .product-card{
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    border-radius:8px !important;
  }

  /* Reducimos la parte que más altura consumía */
  #diamantes + .product-grid .product-image{
    height:112px !important;
    min-height:112px !important;
    flex:0 0 112px !important;
  }

  #diamantes + .product-grid .product-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  #diamantes + .product-grid .product-info{
    padding:6px 5px 7px !important;
  }

  #diamantes + .product-grid .product-info h2{
    font-size:12px !important;
    line-height:1.05 !important;
    white-space:nowrap;
  }

  #diamantes + .product-grid .product-info .label{
    margin:2px 0 4px !important;
    font-size:6.5px !important;
    letter-spacing:.55px !important;
  }

  #diamantes + .product-grid .stock{
    margin:0 auto 4px !important;
    padding:2px 4px !important;
    font-size:6px !important;
    line-height:1.15 !important;
  }

  #diamantes + .product-grid .product-info del{
    margin:0 0 1px !important;
    font-size:7px !important;
  }

  #diamantes + .product-grid .product-info>strong{
    margin:1px 0 5px !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  #diamantes + .product-grid .product-info button{
    min-height:29px !important;
    height:29px !important;
    padding:0 3px !important;
    font-size:8px !important;
    border-radius:5px !important;
    white-space:nowrap;
  }

  /* La tarjeta RD también se compacta para no romper la fila */
  #diamantes + .product-grid .reseller-diamond-image{
    height:112px !important;
    min-height:112px !important;
    flex:0 0 112px !important;
  }

  #diamantes + .product-grid .reseller-diamond-image img{
    width:82% !important;
    height:82% !important;
    max-width:82% !important;
    max-height:82% !important;
  }

  #diamantes + .product-grid .reseller-diamond-info h2{
    font-size:10px !important;
    white-space:normal !important;
    line-height:1.05 !important;
  }

  #diamantes + .product-grid .reseller-diamond-requirement{
    min-height:0 !important;
    margin:1px 0 4px !important;
    font-size:5.8px !important;
    line-height:1.15 !important;
  }

  #diamantes + .product-grid .reseller-diamond-ribbon{
    top:5px !important;
    right:5px !important;
    min-width:30px !important;
    padding:3px 5px !important;
    font-size:6px !important;
  }
}

/* En pantallas extremadamente angostas damos un poco más de aire,
   pero seguimos mucho más compactos que antes. */
@media(max-width:330px){
  #diamantes + .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #diamantes + .product-grid .product-image,
  #diamantes + .product-grid .reseller-diamond-image{
    height:126px !important;
    min-height:126px !important;
    flex-basis:126px !important;
  }
}


/* =========================================================
   RD V3 · EMBLEMA CANDELA
   Solo icono: centrado + transparente + sin caja detrás.
   La tarjeta permanece exactamente donde estaba.
   ========================================================= */

.reseller-diamond-image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
}

.reseller-diamond-image::before,
.reseller-diamond-image::after{
  display:none!important;
  content:none!important;
}

.reseller-diamond-image img{
  display:block!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 0 8px rgba(26,178,255,.28))
    drop-shadow(0 5px 9px rgba(0,0,0,.34))!important;
}

/* Escritorio */
@media(min-width:761px){
  .reseller-diamond-image img{
    width:76%!important;
    height:76%!important;
    max-width:76%!important;
    max-height:76%!important;
  }
}

/* Móvil: centrado dentro de la tarjeta compacta de 3 columnas */
@media(max-width:760px){
  #diamantes + .product-grid .reseller-diamond-image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
  }

  #diamantes + .product-grid .reseller-diamond-image img{
    width:68%!important;
    height:68%!important;
    max-width:68%!important;
    max-height:68%!important;
    margin:auto!important;
    transform:none!important;
  }
}


/* RSS · requisito de ingreso visible */
.reseller-entry-requirement{
  display:block;
  min-height:28px;
  margin:0 auto 8px;
  color:#b79a61;
  font-size:9px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.42px;
  text-align:center;
}
@media(max-width:760px){
  .reseller-entry-requirement{
    min-height:0;
    margin:1px 0 4px;
    font-size:5.8px;
    line-height:1.15;
  }
}


/* RSS · saldo mínimo visible en tarjeta */
.rss-min-balance-note{
  display:block;
  margin:4px auto 7px;
  color:#d2ad54;
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.35px;
  text-align:center;
}
@media(max-width:760px){
  .rss-min-balance-note{
    margin:2px auto 4px;
    font-size:5.7px;
    line-height:1.15;
  }
}


/* =========================================================
   SILVER STORE · CHECKOUT · LOGO REAL GRANDE
   Solo imagen; clic lleva al inicio · 2026-08-30
   ========================================================= */
.checkout-page-logo{
  width:280px!important;
  height:72px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:visible!important;
}

.checkout-page-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 0 10px rgba(141,91,255,.10)) drop-shadow(0 0 7px rgba(241,199,90,.08));
  transition:transform .18s ease,filter .18s ease;
}

.checkout-page-logo>div{
  display:none!important;
}

@media (hover:hover) and (pointer:fine){
  .checkout-page-logo:hover img{
    transform:scale(1.025);
    filter:drop-shadow(0 0 12px rgba(141,91,255,.16)) drop-shadow(0 0 10px rgba(241,199,90,.13));
  }
}

@media(max-width:700px){
  .checkout-page-logo{
    width:190px!important;
    height:56px!important;
  }
  .checkout-page-logo img{
    width:100%!important;
    height:100%!important;
  }
}

@media(max-width:430px){
  .checkout-page-logo{
    width:150px!important;
    height:48px!important;
  }
}


/* Silver Store — badge de entrega inmediata (Free Fire Sudamérica y Norte) */
.instant-delivery-badges .extra-image,
.instant-delivery-badges .membership-product-image,
.instant-delivery-badges .gift-card-image{position:relative}
.instant-delivery-badges .extra-image::after,
.instant-delivery-badges .membership-product-image::after,
.instant-delivery-badges .gift-card-image::after{
  content:"⚡ ENTREGA INMEDIATA";
  position:absolute;left:7px;top:7px;right:auto;bottom:auto;z-index:4;
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:calc(100% - 58px);min-height:22px;
  padding:4px 7px;box-sizing:border-box;white-space:nowrap;
  border:1px solid rgba(255,193,7,.88);border-radius:7px;
  background:linear-gradient(90deg,rgba(24,17,2,.96),rgba(68,43,0,.97));
  box-shadow:0 0 10px rgba(255,183,0,.20),inset 0 0 7px rgba(255,183,0,.08);
  color:#ffd84a;font-size:9px;font-weight:900;line-height:1;letter-spacing:.1px;
  text-align:center;text-shadow:0 1px 3px #000;pointer-events:none;
  opacity:1;transition:none;
}
/* Las membresías ya están dentro de una zona de entrega inmediata;
   no repetir la etiqueta sobre sus imágenes. */
.instant-delivery-badges .membership-product-card .membership-product-image::after{
  display:none;
}
@media(max-width:540px){
  .instant-delivery-badges .extra-image::after,
  .instant-delivery-badges .membership-product-image::after,
  .instant-delivery-badges .gift-card-image::after{
    left:5px;top:5px;max-width:calc(100% - 50px);min-height:19px;
    padding:3px 5px;font-size:7.5px;border-radius:6px;
  }
}

/* Membresías reubicadas junto a las tarifas de diamantes. */
@media(max-width:760px){
  #diamantes + .product-grid .membership-product-card .product-info h2{
    min-height:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:9px!important;
    line-height:1.02!important;
    white-space:normal!important;
  }
}

/* EXTRAS comparte directamente la cuadrícula real de EMOTES. */
.extras-catalog-grid .extra-card{
  grid-column:auto!important;
}
.extras-catalog-grid .extra-image img{
  object-fit:contain!important;
  object-position:center center!important;
}

/* TOKEN / Fragmentos: su arte es casi cuadrado; se reduce para igualar
   visualmente la escala de Pase Booyah y Caja de Tokens. */
.extras-catalog-grid .extra-card[data-product-id="extra-fragmentos"] .extra-image img{
  width:84%!important;
  height:84%!important;
  max-width:84%!important;
  max-height:84%!important;
  margin:auto!important;
}


/* === SILVER STORE · 100 LIKES FREE FIRE (test 2026-09-29) === */
.likes-ff-card{
  position:relative;
  border-color:rgba(255,187,45,.54)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,91,110,.10),transparent 36%),
    linear-gradient(180deg,#171a21 0%,#101217 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,200,72,.04),0 14px 34px rgba(0,0,0,.26);
}
.likes-ff-card::before{
  content:'NUEVO';position:absolute;z-index:8;top:11px;right:11px;
  padding:5px 9px;border:1px solid rgba(255,202,73,.65);border-radius:999px;
  background:linear-gradient(135deg,#2b1803,#6f3b04);color:#ffd86d;
  font-size:8px;font-weight:900;letter-spacing:.8px;box-shadow:0 5px 15px rgba(0,0,0,.32);
}
.likes-ff-image{position:relative;isolation:isolate;overflow:hidden;background:#090b10!important}
.likes-ff-image>img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.82) brightness(.48) contrast(1.1)!important;transform:scale(1.04)}
.likes-ff-card:hover .likes-ff-image>img{filter:saturate(1) brightness(.58) contrast(1.08)!important;transform:scale(1.075)!important}
.likes-ff-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,11,.05),rgba(5,7,11,.42) 52%,rgba(5,7,11,.95)),radial-gradient(circle at 50% 34%,rgba(255,75,104,.33),transparent 34%)}
.likes-ff-brand{position:absolute;z-index:3;top:22px;left:20px;color:#fff;font-size:19px;font-weight:950;letter-spacing:.4px;text-shadow:0 2px 8px #000}.likes-ff-brand b{color:#ffbd32;font-weight:950}
.likes-ff-heart{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-6deg);font-size:92px;line-height:1;color:#ff355d;text-shadow:0 0 13px rgba(255,53,93,.8),0 10px 28px rgba(0,0,0,.58)}
.likes-ff-heart::after{content:'+';position:absolute;right:-8px;top:1px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ffca42;color:#171006;font-size:24px;font-weight:950;border:3px solid #151820;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.likes-ff-count{position:absolute;z-index:4;left:0;right:0;bottom:34px;display:flex;align-items:baseline;justify-content:center;gap:9px;text-shadow:0 3px 12px #000}.likes-ff-count b{font-size:42px;color:#fff;line-height:1;font-weight:950}.likes-ff-count span{font-size:18px;color:#ffd14f;font-weight:950;letter-spacing:2px}
.likes-ff-flash{position:absolute;z-index:4;left:50%;bottom:11px;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border-radius:999px;background:rgba(7,9,13,.78);border:1px solid rgba(255,200,64,.4);color:#ffd35f;font-size:8px;font-weight:900;letter-spacing:.65px}
.likes-ff-info h3{color:#fff!important;letter-spacing:.25px}.likes-ff-region{display:block;margin:-1px 0 8px;color:#8d96a4;font-size:9px;font-weight:800;letter-spacing:.55px}.likes-ff-card .extra-info>strong{color:#ff526f!important}.likes-ff-card button{background:linear-gradient(90deg,#fff1bc 0%,#ffca42 50%,#f0a515 100%)!important;color:#100b04!important}
.likes-ff-card.likes-test-locked{opacity:.62}.likes-ff-card.likes-test-locked button{cursor:not-allowed!important;filter:grayscale(.35)!important}.likes-ff-card.likes-test-locked::after{content:'PRUEBA · SOLO SUPER ADM';position:absolute;z-index:9;left:11px;top:11px;padding:5px 8px;border-radius:999px;background:#2b173f;color:#e0bdff;border:1px solid #7c49a4;font-size:8px;font-weight:900;letter-spacing:.45px}

/* === SILVER STORE · likes card art override (WEBP) === */
.likes-ff-card{
  border-color:rgba(144,97,255,.38)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 0 1px rgba(255,194,53,.06) inset!important;
}
.likes-ff-card::before{display:none!important}
.likes-ff-image{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#090b10!important;
}
.likes-ff-image>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  transform:none!important;
}
.likes-ff-card:hover .likes-ff-image>img{
  filter:none!important;
  transform:scale(1.025)!important;
}
.likes-ff-shade,
.likes-ff-brand,
.likes-ff-heart,
.likes-ff-count,
.likes-ff-flash{
  display:none!important;
}
.likes-ff-info h3{
  color:#fff!important;
  letter-spacing:.2px;
}
.likes-ff-region{
  display:block;
  margin:-1px 0 8px;
  color:#9da7b6;
  font-size:9px;
  font-weight:800;
  letter-spacing:.55px;
}
.likes-ff-card .extra-info>strong{
  color:#ff526f!important;
}
.likes-ff-card button{
  background:linear-gradient(90deg,#fff1bc 0%,#ffca42 50%,#f0a515 100%)!important;
  color:#100b04!important;
}