/* ══════════════════════════════════════════════════════════════
   CONFETI Y PREMIOS EN MIJN ACCOUNT — Añadido: 24/08/2026.
══════════════════════════════════════════════════════════════ */

/* ── Bloque de premios del Club, dentro del dashboard de la cuenta ── */
.zf-acc-club-premios{
  background:linear-gradient(135deg,#1A2E5A,#243B73);border-radius:20px;
  padding:22px 24px;margin:20px 0;color:#fff;
}
.zf-acc-club-titel{font-family:'Righteous',sans-serif;font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.zf-acc-club-titel i{color:#39C700;}
.zf-acc-club-fila{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.zf-acc-club-item{background:rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;flex:1;min-width:160px;}
.zf-acc-club-item-v{font-family:'Righteous',sans-serif;font-size:26px;color:#39C700;}
.zf-acc-club-item-l{font-size:11.5px;color:rgba(255,255,255,.75);margin-top:2px;}
.zf-acc-club-item-motivo{font-size:10px;color:rgba(255,255,255,.5);margin-top:4px;}
.zf-acc-club-historial{border-top:1px solid rgba(255,255,255,.15);padding-top:12px;display:flex;flex-direction:column;gap:8px;}
.zf-acc-club-hist-item{font-size:12px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:8px;}
.zf-acc-club-hist-item i{color:#0095FF;}

/* ── Emergente de "nuevo premio" ── */
.zf-confeti-overlay{
  position:fixed;inset:0;background:rgba(26,46,90,.55);backdrop-filter:blur(6px);
  z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.zf-confeti-overlay.open{ opacity:1;pointer-events:all; }
.zf-confeti-panel{
  background:#fff;border-radius:24px;padding:36px 30px;text-align:center;
  width:400px;max-width:100%;box-shadow:0 24px 60px rgba(26,46,90,.3);
  transform:scale(.85);transition:transform .3s cubic-bezier(.34,1.3,.64,1);
}
.zf-confeti-overlay.open .zf-confeti-panel{ transform:scale(1); }
.zf-confeti-emoji{font-size:52px;margin-bottom:10px;}
.zf-confeti-titel{font-family:'Righteous',sans-serif;font-size:21px;color:#1A2E5A;margin-bottom:16px;}
.zf-confeti-lista{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.zf-confeti-premio-item{background:#F5FFF0;border:2px solid #39C700;border-radius:12px;padding:10px 14px;font-size:13px;color:#1A2E5A;text-align:left;}
.zf-confeti-premio-item i{color:#39C700;margin-right:6px;}
.zf-confeti-btn{border:none;background:linear-gradient(135deg,#39C700,#2EA800);color:#fff;border-radius:12px;padding:13px 24px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;width:100%;}

/* ── Lluvia de confeti ── */
.zf-confeti-lluvia{ position:fixed;inset:0;z-index:999998;pointer-events:none;overflow:hidden; }
.zf-confeti-pieza{
  position:absolute;top:-20px;opacity:.9;
  animation-name:zf-confeti-caer;animation-timing-function:linear;animation-fill-mode:forwards;
}
@keyframes zf-confeti-caer{
  0%{ transform:translateY(0) rotate(0deg); opacity:1; }
  100%{ transform:translateY(105vh) rotate(720deg); opacity:.3; }
}