/* Infiestor Recargas — página pública */
:root{
  --ir-bg:#0a0b16;
  --ir-bg2:#10121f;
  --ir-card:#12152a;
  --ir-line:#232743;
  --ir-text:#eef0ff;
  --ir-muted:#8e93b8;
  --ir-green:#19e68c;
  --ir-amber:#ffb81c;
  --ir-red:#ff5d6c;
  --ir-on-accent:#03130b;
  --ir-r-card:14px;
  --ir-r-btn:11px;
  --ir-logo-w:330px;
  --ir-banner-h:300px;
  --ir-cols:3;
}
*{box-sizing:border-box}
.ir-body{margin:0;background:var(--ir-bg);color:var(--ir-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4;min-height:60vh}
.ir-body a{color:inherit}
.ir-wrap{width:min(1180px,100% - 32px);margin-inline:auto}
[hidden]{display:none !important}

/* Hero */
.ir-hero{position:relative;min-height:var(--ir-banner-h);padding-bottom:70px;background:linear-gradient(180deg,rgba(10,11,22,.25),var(--ir-bg) 96%),var(--ir-banner,none) center/cover no-repeat,var(--ir-bg2)}
.ir-top{display:flex;align-items:center;padding:14px 24px}
.ir-brand{font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;font-size:.95rem;text-shadow:0 1px 8px #000}
.ir-crumbs{display:flex;gap:8px;align-items:center;font-size:.8rem;color:#cfd3f5;padding-top:26px;text-shadow:0 1px 6px #000}
.ir-crumbs a{text-decoration:none;opacity:.85}
.ir-crumbs a:hover{opacity:1}
.ir-crumbs span{opacity:.5}
.ir-logo{display:block;width:var(--ir-logo-w);max-width:80%;height:auto;max-height:none;margin-top:22px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.ir-title{margin:24px 0 0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;text-shadow:0 3px 18px #000}

/* Layout */
.ir-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;margin-top:-56px;padding-bottom:64px;position:relative}
.ir-left{min-width:0}
.ir-right{position:sticky;top:16px}

.ir-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ir-head h2,.ir-proof h3{margin:0;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:10px}
.ir-head em,.ir-proof em{font-style:normal;color:var(--ir-green)}
.ir-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ir-green);color:var(--ir-on-accent);font-weight:800;font-size:.9rem}

/* Tabs */
.ir-tabs{display:flex;gap:6px;background:var(--ir-card);border:1px solid var(--ir-line);padding:5px;border-radius:12px}
.ir-tabs button{border:1px solid transparent;background:transparent;color:var(--ir-muted);padding:8px 18px;border-radius:9px;font-weight:600;letter-spacing:.04em;cursor:pointer;font-size:.85rem}
.ir-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--ir-green) 12%,transparent);border-color:color-mix(in srgb,var(--ir-green) 55%,#000);color:var(--ir-green)}

/* Paquetes */
.ir-grid{display:grid;grid-template-columns:repeat(var(--ir-cols),minmax(0,1fr));gap:14px}
.ir-pkg{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--ir-r-card);background:var(--ir-card);border:1px solid var(--ir-line);transition:border-color .15s,transform .15s,box-shadow .15s}
.ir-pkg:hover{border-color:#3a3f6b;transform:translateY(-2px)}
.ir-pkg:focus-visible{outline:2px solid var(--ir-green);outline-offset:2px}
.ir-pkg[aria-pressed="true"]{border-color:var(--ir-green);box-shadow:0 0 0 1px var(--ir-green),0 8px 30px color-mix(in srgb,var(--ir-green) 14%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ir-green) 8%,transparent),var(--ir-card))}
.ir-pkg-top{display:flex;align-items:center;gap:10px}
.ir-ico{display:inline-block;width:40px;height:30px}
.ir-ico svg,.ir-ico img{width:100%;height:100%;object-fit:contain;display:block}
.ir-pkg-amt{font-size:1.12rem;font-weight:800}
.ir-pkg-extra{font-size:.74rem;font-weight:700;color:var(--ir-amber);margin-left:4px}
.ir-pkg-price{background:#0b0d1b;border:1px solid var(--ir-line);border-radius:9px;padding:9px 6px;text-align:center;font-weight:800}
.ir-pkg-price small{display:block;color:var(--ir-muted);font-weight:500;font-size:.72rem;margin-top:1px}

/* Tarjeta derecha */
.ir-card{background:var(--ir-card);border:1px solid var(--ir-line);border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.ir-card-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ir-line)}
.ir-card-head .ir-ico{width:44px;height:44px;background:#0b0d1b;border:1px solid var(--ir-line);border-radius:10px;padding:7px}
.ir-card-head strong{display:block;font-size:1rem}
.ir-card-head small{color:var(--ir-muted);font-size:.66rem;letter-spacing:.12em}
.ir-idbox{padding:16px 0 4px}
.ir-idbox label{display:block;font-size:.78rem;color:var(--ir-muted);margin-bottom:6px;font-weight:600}
.ir-idbox input,.ir-fields input[type=text]{width:100%;background:#0b0d1b;border:1px solid var(--ir-line);color:var(--ir-text);border-radius:10px;padding:12px 13px;font-size:1rem;outline:none}
.ir-idbox input:focus,.ir-fields input:focus{border-color:var(--ir-green)}
.ir-hint{margin:8px 0 0;font-size:.76rem;color:var(--ir-muted)}
.ir-nick{margin:10px 0 0;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--ir-green) 10%,transparent);border:1px solid color-mix(in srgb,var(--ir-green) 55%,#000);color:var(--ir-green);font-size:.85rem;font-weight:600}
.ir-summary{margin:14px 0;padding:14px 0;border-top:1px solid var(--ir-line)}
.ir-muted{color:var(--ir-muted);font-size:.9rem;margin:0}
.ir-sel-line{display:flex;align-items:center;gap:10px}
.ir-ico-sm{width:34px;height:26px}
.ir-sel-line b{display:block}
.ir-sel-line small{color:var(--ir-amber);font-weight:700}
.ir-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--ir-line)}
.ir-total span{color:var(--ir-muted)}
.ir-total div{text-align:right}
.ir-total b{display:block;font-size:1.3rem}
.ir-total small{color:var(--ir-muted)}
.ir-error{margin:0 0 12px;padding:9px 11px;border-radius:9px;background:rgba(255,93,108,.1);border:1px solid #7d2a33;color:#ff9aa4;font-size:.85rem}
.ir-btn{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;cursor:pointer;padding:14px;border-radius:var(--ir-r-btn);font-weight:800;letter-spacing:.1em;font-size:.9rem;background:var(--ir-green);color:var(--ir-on-accent);transition:filter .15s,opacity .15s}
.ir-btn:hover:not([disabled]){filter:brightness(1.08)}
.ir-btn[disabled]{background:#1b1f38;color:#6f759f;cursor:not-allowed}
.ir-btn-ghost{background:#1b1f38;color:var(--ir-text);margin-top:12px}
.ir-link{background:none;border:0;color:var(--ir-muted);cursor:pointer;font-size:.85rem;padding:4px}
.ir-link:hover{color:var(--ir-text)}

/* Paso 2 */
.ir-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.ir-method{background:var(--ir-card);color:var(--ir-text);border:1px solid var(--ir-line);padding:18px;border-radius:var(--ir-r-card);font-weight:700;font-size:1rem;cursor:pointer;transition:border-color .15s}
.ir-method:hover{border-color:#3a3f6b}
.ir-method[aria-selected="true"]{border-color:var(--ir-green);box-shadow:0 0 0 1px var(--ir-green);background:linear-gradient(180deg,color-mix(in srgb,var(--ir-green) 8%,transparent),var(--ir-card))}
.ir-paybox{background:var(--ir-card);border:1px solid var(--ir-line);border-radius:var(--ir-r-card);padding:18px;min-height:90px}
.ir-pay-amount{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,184,28,.08);border:1px solid #5b4310;border-radius:var(--ir-r-btn);padding:12px 14px;margin-bottom:14px}
.ir-pay-amount span{color:#e7c06a;font-size:.8rem}
.ir-pay-amount b{font-size:1.25rem}
.ir-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ir-line)}
.ir-row:last-of-type{border-bottom:0}
.ir-row span{color:var(--ir-muted);font-size:.85rem}
.ir-row b{font-weight:600;word-break:break-all;text-align:right}
.ir-copy{background:#1b1f38;border:1px solid var(--ir-line);color:var(--ir-text);border-radius:8px;padding:5px 10px;font-size:.75rem;cursor:pointer;margin-left:8px;white-space:nowrap}
.ir-copy:hover{border-color:var(--ir-green)}
.ir-note{margin:14px 0 0;font-size:.8rem;color:var(--ir-muted)}
.ir-proof{margin-top:26px}
.ir-fields{display:grid;gap:14px;margin-top:14px;max-width:560px}
.ir-fields label{font-size:.8rem;color:var(--ir-muted);font-weight:600;display:grid;gap:6px}
.ir-file{cursor:pointer}
.ir-file input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ir-file-name{display:block;background:#0b0d1b;border:1px dashed #3a3f6b;border-radius:10px;padding:14px;color:var(--ir-text);font-weight:500;text-align:center}
.ir-file:hover .ir-file-name{border-color:var(--ir-green)}

/* Modal */
.ir-modal{position:fixed;inset:0;background:rgba(3,4,10,.82);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:99999}
.ir-modal-card{width:min(440px,100%);background:var(--ir-card);border:1px solid var(--ir-line);border-radius:18px;padding:28px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.ir-modal-card h3{margin:14px 0 6px;font-size:1.3rem}
.ir-modal-card p{margin:8px 0}
.ir-code{background:#0b0d1b;border:1px solid var(--ir-line);border-radius:10px;padding:10px;font-size:.9rem}
.ir-code b{color:var(--ir-green);letter-spacing:.08em}
.ir-spinner{width:54px;height:54px;border-radius:50%;margin:0 auto;border:4px solid #262a4b;border-top-color:var(--ir-green);animation:irspin 1s linear infinite}
@keyframes irspin{to{transform:rotate(360deg)}}
.ir-done{width:58px;height:58px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:var(--ir-green);color:var(--ir-on-accent);font-size:1.8rem;font-weight:900}
.ir-done.ir-bad{background:var(--ir-red);color:#fff}
.ir-wa{display:inline-block;margin-top:10px;padding:10px 16px;border-radius:10px;background:#1fa855;color:#fff;font-weight:700;text-decoration:none}
.ir-empty{color:var(--ir-muted)}

/* Refuerzo: gana a los estilos de botones del tema/Elementor (que los pintan de naranja) */
.ir-body.ir-body button.ir-pkg{background:var(--ir-card) !important;color:var(--ir-text) !important;border:1px solid var(--ir-line) !important;border-radius:var(--ir-r-card) !important;padding:16px !important;box-shadow:none !important;font:inherit !important;text-transform:none !important;letter-spacing:normal !important;text-shadow:none !important}
.ir-body.ir-body button.ir-pkg:hover,.ir-body.ir-body button.ir-pkg:focus{background:var(--ir-card) !important;color:var(--ir-text) !important;border-color:#3a3f6b !important}
.ir-body.ir-body button.ir-pkg[aria-pressed="true"]{background:linear-gradient(180deg,color-mix(in srgb,var(--ir-green) 8%,transparent),var(--ir-card)) !important;border-color:var(--ir-green) !important;box-shadow:0 0 0 1px var(--ir-green),0 8px 30px color-mix(in srgb,var(--ir-green) 14%,transparent) !important}
.ir-body.ir-body button.ir-btn{background:var(--ir-green) !important;color:var(--ir-on-accent) !important;border:0 !important;border-radius:var(--ir-r-btn) !important;padding:14px !important;font-weight:800 !important;letter-spacing:.1em !important;font-size:.9rem !important;text-transform:none !important;box-shadow:none !important}
.ir-body.ir-body button.ir-btn:hover:not([disabled]),.ir-body.ir-body button.ir-btn:focus{background:var(--ir-green) !important;color:var(--ir-on-accent) !important;filter:brightness(1.08) !important}
.ir-body.ir-body button.ir-btn[disabled]{background:#1b1f38 !important;color:#6f759f !important}
.ir-body.ir-body button.ir-btn.ir-btn-ghost{background:#1b1f38 !important;color:var(--ir-text) !important}
.ir-body.ir-body .ir-tabs button{background:transparent !important;color:var(--ir-muted) !important;border:1px solid transparent !important;border-radius:9px !important;padding:8px 18px !important;box-shadow:none !important;text-transform:none !important}
.ir-body.ir-body .ir-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--ir-green) 12%,transparent) !important;border-color:color-mix(in srgb,var(--ir-green) 55%,#000) !important;color:var(--ir-green) !important}
.ir-body.ir-body button.ir-method{background:var(--ir-card) !important;color:var(--ir-text) !important;border:1px solid var(--ir-line) !important;border-radius:var(--ir-r-card) !important;padding:18px !important;box-shadow:none !important;text-transform:none !important}
.ir-body.ir-body button.ir-method[aria-selected="true"]{background:linear-gradient(180deg,color-mix(in srgb,var(--ir-green) 8%,transparent),var(--ir-card)) !important;border-color:var(--ir-green) !important;box-shadow:0 0 0 1px var(--ir-green) !important}
.ir-body.ir-body button.ir-copy{background:#1b1f38 !important;color:var(--ir-text) !important;border:1px solid var(--ir-line) !important;border-radius:8px !important;padding:5px 10px !important;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important}
.ir-body.ir-body button.ir-link{background:none !important;color:var(--ir-muted) !important;border:0 !important;box-shadow:none !important;text-transform:none !important}

/* Verificación de ID, nombre/imagen de paquete, agotado, enlace de pago */
.ir-idrow{display:flex;gap:8px}
.ir-idrow input{flex:1;min-width:0}
.ir-verify{background:var(--ir-green);color:var(--ir-on-accent);border:0;border-radius:var(--ir-r-btn);padding:0 16px;font-weight:800;font-size:.82rem;cursor:pointer;white-space:nowrap}
.ir-verify[disabled]{background:#1b1f38;color:#6f759f;cursor:not-allowed}
.ir-body.ir-body button.ir-verify{background:var(--ir-green) !important;color:var(--ir-on-accent) !important;border:0 !important;border-radius:var(--ir-r-btn) !important;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important}
.ir-body.ir-body button.ir-verify[disabled]{background:#1b1f38 !important;color:#6f759f !important}
.ir-idmsg{margin:10px 0 0;padding:8px 10px;border-radius:9px;font-size:.82rem;background:#0b0d1b;border:1px solid var(--ir-line);color:var(--ir-muted)}
.ir-idmsg.is-bad{background:rgba(255,93,108,.1);border-color:#7d2a33;color:#ff9aa4}
.ir-idmsg.is-warn{background:rgba(255,184,28,.08);border-color:#5b4310;color:#e7c06a}
.ir-idmsg a{color:inherit;font-weight:700}
.ir-pkg-name{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ir-green)}
.ir-pkg.is-off{opacity:.45;cursor:not-allowed}
.ir-pkg.is-off:hover{transform:none;border-color:var(--ir-line)}
.ir-sel-name{color:var(--ir-green) !important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.ir-pay-link{display:block;text-align:center;margin:0 0 14px;padding:12px;border-radius:var(--ir-r-btn);background:var(--ir-green);color:var(--ir-on-accent) !important;font-weight:800;text-decoration:none}
.ir-pay-link:hover{filter:brightness(1.08)}
.ir-body.ir-body button.ir-pkg.is-off,.ir-body.ir-body button.ir-pkg.is-off:hover{background:var(--ir-card) !important;border-color:var(--ir-line) !important;color:var(--ir-muted) !important}

/* Tarjetas de juegos ([infystore_juegos]) — variables --irc-* inline desde Recargas → Tarjetas de juegos */
.ir-games{display:grid;grid-template-columns:repeat(var(--irc-cols,3),minmax(0,1fr));gap:var(--irc-gap,18px);font-family:var(--irc-ff,inherit)}
.ir-game-card{display:block;border-radius:var(--irc-r,16px);overflow:hidden;background:var(--irc-bg,#12152a);border:1px solid var(--irc-border,#232743);text-decoration:none !important;color:var(--irc-text,#eef0ff) !important;transition:transform .15s,border-color .15s,box-shadow .15s}
.ir-game-card:hover{transform:translateY(var(--irc-lift,-3px));border-color:var(--ir-green,#19e68c)}
.ir-game-cover{display:block;width:100%;height:var(--irc-img-h,170px);background-color:rgba(255,255,255,.04);background-position:center;background-repeat:no-repeat;background-size:var(--irc-fit,cover)}
.ir-game-name{display:block;padding:14px 12px;font-size:var(--irc-fs,16px);font-weight:var(--irc-fw,700);text-align:var(--irc-ta,center);line-height:1.25;color:var(--irc-text,#eef0ff)}

/* Selector de moneda */
.ir-country{margin-left:auto;background:var(--ir-card);color:var(--ir-text);border:1px solid var(--ir-line);border-radius:var(--ir-r-btn);padding:6px 10px;font-size:.85rem;font-weight:600;cursor:pointer}

/* Responsive */
@media (max-width:980px){
  .ir-layout{grid-template-columns:1fr;gap:24px}
  .ir-right{position:static}
}
@media (max-width:640px){
  .ir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ir-games{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ir-hero{min-height:230px}
  .ir-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:380px){.ir-grid,.ir-games{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation-duration:2s !important}}