/* ---------- Simulador dos Elos (seção dentro de afiliados.html) ---------- */
#simulador .sim-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px clamp(18px,3vw,32px);margin-bottom:18px;box-shadow:var(--sh-sm)}
#simulador .sim-card-title{font-family:"Nunito";font-weight:700;font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px;display:flex;justify-content:space-between;
  align-items:center;gap:8px}
#simulador .sim-tag{font-size:.75rem;letter-spacing:0;text-transform:none;padding:.3em .7em;
  border-radius:var(--r-pill);background:var(--cloud);color:var(--amber-ink)}

#simulador .sim-vendas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#simulador .sim-vendas label{font-family:"Nunito";font-weight:700;color:var(--navy)}
#simulador .sim-stepper{display:flex;align-items:center;gap:10px}
#simulador .sim-stepper button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);
  background:#fff;font-size:1.2rem;font-weight:700;color:var(--navy);cursor:pointer}
#simulador .sim-stepper input{width:5.5ch;height:44px;text-align:center;font-family:"Nunito";font-size:1.4rem;font-weight:700;
  color:var(--navy);background:var(--mist);border:1.5px solid var(--line);border-radius:10px;padding:0 4px;
  -moz-appearance:textfield;appearance:textfield}
#simulador .sim-stepper input::-webkit-inner-spin-button,#simulador .sim-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#simulador .sim-stepper input:focus{outline:0;background:#fff;border-color:var(--green);box-shadow:0 0 0 4px rgba(63,176,140,.14)}

#simulador .sim-elos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
#simulador .sim-elo{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;
  box-shadow:var(--sh-sm);transition:opacity .2s var(--ease)}
#simulador .sim-elo.fora{opacity:.7}
#simulador .sim-elo-topo{display:flex;align-items:center;gap:12px;margin-bottom:10px}
#simulador .sim-elo-nome{font-family:"Nunito";font-weight:700}
#simulador .sim-elo-sub{font-size:.76rem;color:var(--ink-soft);line-height:1.45}
#simulador .sim-elo-chega{font-size:.86rem;font-weight:700;color:var(--navy);margin:4px 0}

#simulador .sim-meses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#simulador .sim-mes{min-width:0}
#simulador .sim-mes-val{font-family:"Nunito";font-size:clamp(1rem,3.6vw,1.4rem);font-weight:700;color:var(--green);overflow-wrap:anywhere}
#simulador .sim-mes-det{font-size:.7rem;color:var(--ink-soft);margin-top:4px}
#simulador .sim-mes-det b{overflow-wrap:anywhere}
#simulador .sim-mes-det b{display:block;font-weight:600;font-variant-numeric:tabular-nums}
#simulador .sim-mes-elo{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;margin-top:4px}

/* barras empilhadas: novas vendas (verde, base) + recorrência (laranja, topo) */
#simulador .sim-rec-quando{font-size:.82rem;color:var(--navy);line-height:1.5;margin:16px 0 0}
#simulador .sim-rec-quando:empty{display:none}
#simulador .sim-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.75rem;color:var(--ink-soft);margin-top:18px}
#simulador .sim-leg span{display:inline-flex;align-items:center;gap:6px}
#simulador .sim-leg i{width:10px;height:10px;border-radius:3px}
#simulador .sim-leg-ades{background:var(--green)}
#simulador .sim-leg-rec{background:var(--amber)}
#simulador .sim-eixo{margin-left:auto;font-variant-numeric:tabular-nums}
#simulador .sim-barras{display:flex;align-items:flex-end;gap:4px;height:96px;margin-top:8px;border-bottom:1px solid var(--line)}
#simulador .sim-barra{flex:1;display:flex;flex-direction:column;justify-content:flex-end;border-radius:3px 3px 0 0;overflow:hidden}
#simulador .sim-barra-rec{background:var(--amber)}
#simulador .sim-barra-ades{flex:1;background:var(--green)}
#simulador .sim-totais{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
#simulador .sim-tot{min-width:0;font-size:.72rem;color:var(--ink-soft)}
#simulador .sim-tot b{display:block;font-family:"Nunito";font-size:clamp(.95rem,3.2vw,1.15rem);font-weight:700;color:var(--navy);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px}
#simulador .sim-tot-final b{color:var(--green)}
#simulador .sim-barras-leg{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-soft);margin-top:4px}

#simulador .sim-como{font-size:.8rem;color:var(--ink-soft);margin:0 0 18px;line-height:1.5}

#simulador .sim-cta{text-align:center;background:var(--grad-brand);border-radius:var(--r-lg);
  padding:32px 24px;color:#fff;margin-top:6px}
#simulador .sim-cta h3{color:#fff;font-size:clamp(1.15rem,2.4vw,1.45rem)}
#simulador .sim-cta p{color:rgba(255,255,255,.88);font-size:.92rem;margin:8px 0 20px}
#simulador .sim-cta .btn-primary{background:#fff;color:var(--green)}
#simulador .sim-cta .btn-primary:hover{background:#fff}

#simulador .sim-foot{text-align:center;font-size:.78rem;color:var(--ink-soft);margin-top:18px;line-height:1.7}
#simulador .sim-foot a{color:var(--ink-soft);font-weight:600;border-bottom:1px solid var(--line)}
#simulador .sim-foot a:hover{color:var(--green)}

@media(max-width:720px){
  #simulador .sim-elos{grid-template-columns:1fr}
}
@media(max-width:480px){
  #simulador .sim-totais{grid-template-columns:1fr;gap:8px}
  #simulador .sim-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  #simulador .sim-tot b{margin-top:0}
}

/* área de toque de 44px no stepper sem mudar o desenho */
#simulador .sim-stepper button{position:relative}
#simulador .sim-stepper button::after{content:"";position:absolute;inset:-2px}