/* ============================================================
   BASE — Calculadora de faixa (usa os tokens do landing.css)
   ============================================================ */
.cfaixa{ background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--r); padding:24px; margin:0 0 24px; }
.cfaixa__campos{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; margin-bottom:20px; }
.cfaixa__campo{ display:flex; flex-direction:column; gap:6px; }
.cfaixa__campo span{ font-family:'Satoshi',sans-serif; font-weight:600; font-size:13px; color:var(--ink); }
.cfaixa__campo input,
.cfaixa__campo select{ width:100%; height:44px; padding:0 12px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--bg); color:var(--ink); font:inherit; font-size:16px; }
.cfaixa__campo input:focus,
.cfaixa__campo select:focus{ outline:2px solid var(--accent); outline-offset:1px; border-color:transparent; }
.cfaixa .btn{ width:100%; }
.cfaixa__resultado{ margin:0 0 36px; }
.cfaixa-destaque{ font-size:18px; line-height:1.55; color:var(--ink); margin:0 0 16px; }
.cfaixa-tabela td{ font-variant-numeric:tabular-nums; }
.cfaixa-nota{ font-size:14px; color:var(--muted); margin:0 0 8px; }
@media (max-width: 720px){
  .cfaixa{ padding:18px; }
  .cfaixa__campos{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}