/* ============================================================
   FORJA — CALCULADORA "QUAL PLANO ESCOLHER" (A9)
   ------------------------------------------------------------
   Estilos próprios desta página. As classes de radio (.qf-*) vêm
   de contato.css e as de preço/entrega (.plano-*) vêm de
   planos.css — reaproveitadas de propósito, para que o resultado
   pareça a mesma família visual dos cards de planos.html, não um
   componente inventado à parte.
   ============================================================ */

.qp-wrap { max-width: 640px; margin: 0 auto; }

.qp-form .qf-grupo { margin-bottom: 28px; }

.qp-resultado {
  margin-top: 32px;
  padding: 28px 26px;
  background: var(--forja-surface);
  border: 1px solid var(--forja-border);
  border-radius: var(--radius);
}

.qp-resultado:focus { outline: none; }

.qp-resultado__selo {
  display: inline-block;
  font-family: var(--font-title);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--forja-copper-strong);
  margin-bottom: 10px;
}

.qp-resultado__nome { margin: 0 0 4px; }

.qp-resultado__subtitulo {
  color: var(--forja-ink-soft);
  font-size: 0.9375rem;
  margin: 0 0 16px;
}

.qp-resultado__preco {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 16px;
}

.qp-resultado__valor { font-family: var(--font-title); font-size: 1.75rem; font-weight: 700; color: var(--forja-ink); }
.qp-resultado__periodo { font-size: 0.9375rem; color: var(--forja-ink-soft); }

.qp-resultado__descricao { margin: 0 0 20px; }

.qp-resultado__rotulo {
  font-family: var(--font-title);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--forja-ink);
  margin: 0 0 10px;
}

.qp-resultado__destaques {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
  gap: 8px;
}

.qp-resultado__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 16px;
}

.qp-resultado__explicacao {
  font-size: 0.875rem;
  color: var(--forja-ink-soft);
  border-top: 1px solid var(--forja-border);
  padding-top: 16px;
  margin: 16px 0 0;
}

.qp-resultado__refazer {
  background: none;
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 0.875rem;
  color: var(--forja-copper-strong);
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 480px) {
  .qp-resultado__acoes { flex-direction: column; }
  .qp-resultado__acoes .btn { width: 100%; }
}