/* === SIMULADOR ====================================================== */
.sim__grid {
  display: grid; gap: var(--sp-6);
  grid-template-columns: 1fr;
}
@media (min-width: 960px) { .sim__grid { grid-template-columns: 1fr 1.1fr; align-items: start; } }

.sim__controles { display: flex; flex-direction: column; gap: var(--sp-5); position: sticky; top: calc(var(--topstrip-h) + var(--header-h) + var(--sp-4)); }
.sim__controles h3 { color: var(--navy); }

.sim__resultados { display: flex; flex-direction: column; gap: var(--sp-5); }

.sim__destaque {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);
  color: #fff; border-radius: var(--r-lg);
  padding: var(--sp-7);
  position: relative; overflow: hidden;
}
.sim__destaque::before { content: ""; position: absolute; right: -60px; top: -60px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(247,199,61,.3), transparent 70%); border-radius: 50%; }
.sim__destaque p.muted { color: rgba(255,255,255,.7); margin-bottom: var(--sp-2); }

.sim__faixa-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: var(--r-pill);
  background: var(--yellow); color: var(--navy);
  font-weight: 700; font-size: var(--fs-xs); letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: var(--sp-5); position: relative;
}

.sim__parcela {
  font-family: var(--font-body); font-weight: 800;
  font-size: clamp(48px, 7vw, 80px); line-height: 1;
  color: var(--yellow); letter-spacing: -.02em;
  margin-bottom: var(--sp-2); position: relative;
}

.sim__metas {
  display: grid; gap: var(--sp-4);
  grid-template-columns: 1fr 1fr;
  margin-top: var(--sp-6);
  padding-top: var(--sp-5);
  border-top: 1px solid rgba(255,255,255,.18);
  position: relative;
}
.sim__metas small { display: block; color: rgba(255,255,255,.65); font-size: var(--fs-xs); margin-bottom: 4px; text-transform: uppercase; letter-spacing: .06em; }
.sim__metas b { font-size: var(--fs-lg); color: #fff; font-weight: 700; }

/* Nota dentro do card de resultado (≈ estimativa) */
.sim__nota {
  margin-top: var(--sp-5); padding-top: var(--sp-4);
  border-top: 1px dashed rgba(255,255,255,.18);
  font-size: var(--fs-xs); color: rgba(255,255,255,.7);
  position: relative;
}

/* === AVISO-CARD (disclaimer completo abaixo do simulador) ============ */
.aviso-card {
  display: grid; grid-template-columns: 1fr; gap: var(--sp-4);
  background: #fff;
  border: 1.5px solid var(--yellow);
  border-radius: var(--r-lg);
  padding: var(--sp-6);
  max-width: 880px; margin-inline: auto;
  box-shadow: 0 4px 24px rgba(247,199,61,.15);
}
@media (min-width: 720px) {
  .aviso-card { grid-template-columns: 64px 1fr; align-items: start; }
}
.aviso-card__icone {
  width: 64px; height: 64px; border-radius: 16px;
  background: var(--yellow); color: var(--navy);
  display: grid; place-items: center;
  font-size: 32px;
}
.aviso-card h3 { color: var(--navy); margin-bottom: var(--sp-2); }
.aviso-card p  { color: var(--ink-2); }
.aviso-card__lista {
  display: flex; flex-direction: column; gap: var(--sp-2);
  padding-left: 0; list-style: none;
  margin-top: var(--sp-3);
}
.aviso-card__lista li {
  display: flex; align-items: flex-start; gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-3); background: var(--bg-soft);
  border-radius: var(--r-sm); font-size: var(--fs-sm); color: var(--ink-2);
}
.aviso-card__lista li::before {
  content: "•"; color: var(--pink); font-weight: 800; flex-shrink: 0;
}

@media (max-width: 960px) {
  /* Em mobile/tablet os controles ficam acima dos resultados — sem sticky */
  .sim__controles { position: static; top: auto; }
}
@media (max-width: 720px) {
  .sim__destaque { padding: var(--sp-5); border-radius: var(--r); }
  .sim__metas { gap: var(--sp-3); margin-top: var(--sp-5); padding-top: var(--sp-4); }
  .sim__faixa-pill { margin-bottom: var(--sp-3); }
}