/* ============================================================
   ERA GAMER — Pulido UI. Lead magnet + ajustes de rendimiento.
   Consume los tokens --eg-* de era-tokens (con fallbacks propios).
   Dirección "Deep Glass" — ningún hex de marca fuera de los tokens.
   ============================================================ */

/* --- Tarjeta de regalo (lead magnet) del formulario de suscripción --- */
.eraui-gift{
  --lg-bg:     var(--eg-surface-2, #13233F);
  --lg-line:   var(--eg-line-strong, rgba(255,255,255,.16));
  --lg-ink:    var(--eg-ink, #E6EBF2);
  --lg-muted:  var(--eg-muted, #8A97AC);
  --lg-amber:  var(--eg-amber, #FFC83D);
  --lg-azure:  var(--eg-azure, #38B6FF);

  display:flex;align-items:flex-start;gap:16px;
  max-width:560px;margin:0 auto 28px;padding:20px 22px;
  background:linear-gradient(150deg,var(--lg-bg),color-mix(in srgb,var(--lg-bg) 62%,transparent));
  border:1px solid var(--lg-line);border-radius:var(--eg-r-md, 12px);
  text-align:left;box-shadow:0 14px 38px rgba(0,0,0,.35);box-sizing:border-box}
.eraui-gift *{box-sizing:border-box}
.eraui-gift-badge{
  flex:0 0 auto;width:46px;height:46px;border-radius:var(--eg-r-sm, 6px);
  display:flex;align-items:center;justify-content:center;
  color:var(--lg-amber);background:color-mix(in srgb,var(--lg-amber) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--lg-amber) 38%,transparent)}
.eraui-gift-badge svg{width:26px;height:26px}
.eraui-gift-title{display:block;font-family:var(--eg-font-display, monospace);
  font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--lg-ink);margin:0 0 6px}
.eraui-gift-title::after{content:"";display:inline-block;width:8px;height:8px;border-radius:var(--eg-r-pill, 999px);
  background:linear-gradient(90deg,var(--lg-azure),var(--lg-amber));margin-left:10px;vertical-align:1px}
.eraui-gift-sub{font-size:14px;line-height:1.5;color:var(--lg-muted);margin:0 0 10px}
.eraui-gift-sub b{color:var(--lg-ink);font-weight:700}
.eraui-gift-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.eraui-gift-list li{position:relative;padding-left:18px;font-size:12.5px;color:var(--lg-muted)}
.eraui-gift-list li::before{content:"▸";position:absolute;left:0;top:0;color:var(--lg-amber);font-weight:700}

@media(max-width:560px){
  .eraui-gift{padding:16px;gap:12px;margin-bottom:22px}
  .eraui-gift-badge{width:40px;height:40px}
  .eraui-gift-badge svg{width:22px;height:22px}
}

@media (prefers-reduced-motion: reduce){
  .eraui-gift *{transition-duration:.001ms !important}
}