/* ════════════════════════════════════════════════════════
   AssinaGO — Pop-up Programa de Afiliados — Estilos
════════════════════════════════════════════════════════ */

/* ── OVERLAY ── */
#ago-aff-overlay{
  position:fixed; inset:0; z-index:99999;
  background:rgba(5,5,10,.75);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  opacity:0; pointer-events:none;
  transition:opacity .35s ease;
  box-sizing:border-box;
}
#ago-aff-overlay.show{ opacity:1; pointer-events:auto; }
#ago-aff-overlay *{ box-sizing:border-box; }

/* ── MODAL CARD ── */
#ago-aff-modal{
  position:relative;
  width:100%; max-width:430px;
  background:linear-gradient(160deg,#1c1530 0%,#15101f 55%,#0e0a17 100%);
  border:1px solid rgba(139,92,246,.25);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(24px) scale(.97);
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
  max-height:92vh; overflow-y:auto;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
#ago-aff-overlay.show #ago-aff-modal{ transform:translateY(0) scale(1); }
#ago-aff-modal::-webkit-scrollbar{ display:none; }

/* ── GLOW DECORATIONS ── */
.ago-aff-glow{
  position:absolute; border-radius:50%; filter:blur(70px); pointer-events:none; opacity:.45;
}
.ago-aff-glow-1{ width:260px; height:260px; background:#8b5cf6; top:-100px; left:-80px; animation:agoFloat 7s ease-in-out infinite; }
.ago-aff-glow-2{ width:200px; height:200px; background:#d946ef; bottom:-60px; right:-60px; animation:agoFloat 9s ease-in-out infinite reverse; }
@keyframes agoFloat{ 0%,100%{transform:translate(0,0) scale(1);} 50%{transform:translate(10px,-14px) scale(1.08);} }

/* ── CLOSE BUTTON ── */
#ago-aff-close{
  position:absolute; top:14px; right:14px; z-index:10;
  width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all .18s;
  color:#cbd5e1;
  padding:0;
}
#ago-aff-close:hover{ background:rgba(255,255,255,.16); transform:rotate(90deg); }
#ago-aff-close svg{ width:16px; height:16px; }

/* ── HEADER ── */
.ago-aff-header{
  position:relative; z-index:2;
  padding:32px 28px 0;
  text-align:center;
}
.ago-aff-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.3);
  color:#4ade80;
  font-size:11px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase;
  padding:6px 14px; border-radius:20px;
  margin-bottom:18px;
}
.ago-aff-badge .ago-dot{
  width:6px; height:6px; border-radius:50%; background:#4ade80;
  animation:agoPulse 1.6s ease-in-out infinite;
}
@keyframes agoPulse{ 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.4; transform:scale(.7)} }

.ago-aff-icon-wrap{
  width:72px; height:72px; margin:0 auto 18px;
  border-radius:20px;
  background:linear-gradient(135deg,#8b5cf6,#d946ef);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 32px rgba(139,92,246,.45);
  position:relative;
}
.ago-aff-icon-wrap svg{ width:34px; height:34px; color:#fff; }
.ago-aff-icon-wrap::after{
  content:''; position:absolute; inset:-6px;
  border-radius:24px; border:2px solid rgba(139,92,246,.3);
  animation:agoRing 2.4s ease-out infinite;
}
@keyframes agoRing{ 0%{transform:scale(.9); opacity:1} 100%{transform:scale(1.35); opacity:0} }

.ago-aff-title{
  font-size:26px; font-weight:900; color:#fff;
  line-height:1.18; letter-spacing:-.5px;
  margin:0 0 8px;
}
.ago-aff-title span{
  background:linear-gradient(120deg,#c4b5fd,#f0abfc);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.ago-aff-sub{
  font-size:14px; color:#a1a1aa; line-height:1.55;
  max-width:330px; margin:0 auto 22px;
}

/* ── EARNINGS HIGHLIGHT ── */
.ago-aff-earn{
  position:relative; z-index:2;
  margin:0 24px 20px;
  background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(217,70,239,.10));
  border:1px solid rgba(139,92,246,.3);
  border-radius:16px;
  padding:18px 20px;
  text-align:center;
}
.ago-aff-earn-label{
  font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:#c4b5fd; margin-bottom:4px;
}
.ago-aff-earn-value{
  font-size:38px; font-weight:900; letter-spacing:-1px;
  color:#fff; line-height:1.1;
}
.ago-aff-earn-desc{
  font-size:13px; font-weight:500; color:#a1a1aa; margin-top:4px;
}

/* ── BENEFITS LIST ── */
.ago-aff-list{
  position:relative; z-index:2;
  padding:0 24px; margin-bottom:22px;
  display:flex; flex-direction:column; gap:12px;
}
.ago-aff-item{
  display:flex; align-items:flex-start; gap:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px; padding:13px 14px;
}
.ago-aff-item-icon{
  flex-shrink:0; width:36px; height:36px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.ago-aff-item-text strong{
  display:block; font-size:13.5px; font-weight:700; color:#f4f4f5; margin-bottom:2px;
}
.ago-aff-item-text span{
  font-size:12.5px; color:#a1a1aa; line-height:1.45;
}
.ago-aff-item-text span b{ color:#c4b5fd; font-weight:700; }

/* ── EXAMPLE BOX ── */
.ago-aff-example{
  position:relative; z-index:2;
  margin:0 24px 22px;
  background:rgba(0,0,0,.25);
  border:1px dashed rgba(255,255,255,.12);
  border-radius:14px; padding:14px 16px;
  font-size:12px; color:#9ca3af; line-height:1.7;
}
.ago-aff-example b{ color:#e4e4e7; }

/* ── CTA ── */
.ago-aff-cta-wrap{
  position:relative; z-index:2;
  padding:0 24px 28px;
}
.ago-aff-cta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%;
  background:linear-gradient(135deg,#8b5cf6,#d946ef);
  color:#fff;
  font-size:15.5px; font-weight:800;
  padding:16px 18px; border-radius:14px;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(139,92,246,.4);
  transition:all .2s; border:none; cursor:pointer;
  line-height:1.3;
}
.ago-aff-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 38px rgba(139,92,246,.5); color:#fff; }
.ago-aff-cta svg{ width:18px; height:18px; flex-shrink:0; transition:transform .2s; }
.ago-aff-cta:hover svg{ transform:translateX(3px); }
.ago-aff-cta span{ white-space:nowrap; }

.ago-aff-foot{
  text-align:center; font-size:11.5px; color:#6b7280;
  margin-top:12px;
}
.ago-aff-foot a{ color:#9ca3af; text-decoration:underline; cursor:pointer; }
.ago-aff-foot a:hover{ color:#e4e4e7; }

/* ── MOBILE ── */
@media (max-width:480px){
  .ago-aff-title{ font-size:22px; }
  .ago-aff-earn-value{ font-size:32px; }
  .ago-aff-header{ padding:28px 18px 0; }
  .ago-aff-list{ padding:0 16px; }
  .ago-aff-earn,
  .ago-aff-example,
  .ago-aff-cta-wrap{
    margin-left:0; margin-right:0;
    padding-left:16px; padding-right:16px;
  }
  /* Botão CTA — corrige corte no mobile */
  .ago-aff-cta{
    font-size:14px;
    padding:15px 12px;
    gap:8px;
    white-space:normal;
    text-align:center;
  }
  .ago-aff-cta span{ white-space:normal; }
}

@media (max-width:360px){
  .ago-aff-title{ font-size:20px; }
  .ago-aff-cta{ font-size:13px; padding:14px 10px; }
}