/* Calculadora de ações: quanto a empresa rende por ano, comparada ao Tesouro.
   Reaproveita as variáveis e o grid do style.css. */

/* o .calc-card do site centraliza tudo por dentro; aqui o formulario e alinhado a esquerda */
.calc-card .ac-form, .calc-card .ac-hint, .calc-card .ac-erro { text-align:left; }
.ac-form { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.ac-campo { flex:1 1 260px; }
.ac-campo-curto { flex:0 1 220px; }
.ac-label { display:block; font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  color:#8090a8; margin-bottom:8px; font-weight:700; }
.ac-input { width:100%; background:#141a2c; border:1px solid rgba(255,255,255,.12);
  border-radius:12px; padding:15px 16px; color:#e8edf7; font-size:20px; font-weight:700;
  font-family:inherit; }
.ac-input:focus { outline:none; border-color:#3B82F6; box-shadow:0 0 0 3px rgba(59,130,246,.2); }
.ac-hint { font-size:13px; color:#8090a8; margin-top:12px; }
.ac-hint a { color:#3B82F6; }
.ac-erro { color:#ef4444; font-weight:600; margin-top:14px; }

.ac-destaque { background:linear-gradient(160deg,rgba(59,130,246,.16),rgba(59,130,246,.04));
  border:2px solid rgba(59,130,246,.38); border-radius:20px; padding:30px; margin:26px 0 20px; }
.ac-papel { font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:#8090a8; font-weight:700; }
.ac-big { font-size:56px; font-weight:900; letter-spacing:-.02em; line-height:1.05; margin:12px 0 6px; color:#fff; }
.ac-big span { color:#C9A227; }
.ac-veredito { font-size:17px; font-weight:600; margin-top:10px; }
.ac-veredito.sim { color:#22c55e; }
.ac-veredito.nao { color:#ef4444; }

.ac-alerta { background:rgba(239,68,68,.10); border:1px solid rgba(239,68,68,.35);
  border-radius:14px; padding:16px 18px; margin-bottom:20px; font-size:15px; color:#fca5a5; }
.ac-alerta b { color:#fff; }

.ac-grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin-bottom:26px; }
.ac-cel { background:#0e1220; border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:16px; }
.ac-cel .l { font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:#8090a8;
  font-weight:700; margin-bottom:8px; min-height:30px; }
.ac-cel .v { font-size:26px; font-weight:800; color:#e8edf7; }
.ac-cel .v.ouro { color:#C9A227; }
.ac-cel .n { font-size:12.5px; color:#8090a8; margin-top:6px; line-height:1.35; }

h2.ac-passos-titulo { font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:#C9A227;
  margin:0 0 14px; font-weight:800; }
.ac-passo { background:#0e1220; border:1px solid rgba(255,255,255,.10); border-left:3px solid #3B82F6;
  border-radius:0 12px 12px 0; padding:15px 18px; margin-bottom:10px; font-size:15.5px; line-height:1.55; }
.ac-passo b { color:#fff; }
.ac-conta { font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:16px;
  color:#C9A227; display:block; margin-top:7px; }

@media (max-width:560px){ .ac-big { font-size:40px; } }

/* o cartao de chamada so fica centrado dentro da secao central da home;
   nesta pagina ele mora numa secao alinhada a esquerda, entao centraliza aqui */
.calc-cta-card { text-align:center; margin-top:32px; }
