/* ============================================================
   IPVA — formulário vertical: rótulo à esquerda, campo à direita.
   A página tem a MESMA largura do configurador (1140, x=174) e os
   cards são os mesmos; o que muda é a organização interna, que
   segue o formato de referência.
   ============================================================ */

#conteudo{display:block;max-width:none;margin:0;padding:0}
#loading{display:none}

.ip-palco{max-width:1140px;margin:0 auto;padding:14px 24px 26px;box-sizing:border-box}
.ip-bloco{background:var(--v2-papel);border:1px solid #E5E9E9;border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 26px -16px rgba(0,0,0,.22);
  padding:14px 18px 18px;margin-bottom:10px;box-sizing:border-box}
.ip-bloco > h2{
  font:600 11px 'Public Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:var(--v2-ink3);padding:0 0 7px;margin:0 0 14px;
  border-bottom:1px solid var(--v2-hair);text-align:center}
/* o título da calculadora é o nome da tela, não um rótulo de seção */
.ip-bloco > h2.grande{font:700 21px 'Public Sans',sans-serif;letter-spacing:-.02em;
  text-transform:none;color:var(--v2-ink);padding-bottom:11px;margin-bottom:18px}

/* Três colunas: o rótulo fica na primeira, encostado à direita, e o CAMPO
   ocupa a coluna do meio, de largura fixa. Assim é a moldura do campo que
   cai no centro do card — não o conjunto rótulo+campo, que deixava as
   caixas deslocadas para a direita. */
.ip-form{max-width:none}

/* ── linha: rótulo à esquerda, controle à direita ──────────── */
.ip-linha{display:grid;grid-template-columns:1fr 300px 1fr;
  gap:12px 16px;align-items:start;margin-bottom:12px}
.ip-linha:last-child{margin-bottom:0}
.ip-linha > label{grid-column:1;justify-self:end;text-align:right;padding-top:11px;
  font:500 13px 'Public Sans',sans-serif;color:var(--v2-ink2)}
.ip-ctrl{grid-column:2;min-width:0}

.ip-ctrl input,.ip-ctrl select{
  appearance:none;-webkit-appearance:none;width:100%;height:40px;box-sizing:border-box;
  background:var(--v2-papel);border:1px solid var(--v2-hair2);border-radius:8px;
  padding:0 12px;color:var(--v2-ink);font:400 13.5px 'Public Sans',sans-serif;
  box-shadow:var(--v2-sh1);margin:0;outline:none;
  transition:border-color 150ms var(--v2-e),box-shadow 150ms var(--v2-e)}
.ip-ctrl input{text-align:right;font:600 14px 'Public Sans',sans-serif;
  font-variant-numeric:tabular-nums}
.ip-ctrl select{cursor:pointer;padding-right:34px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0h10L5 6z' fill='%234F596B'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center}
.ip-ctrl input:hover,.ip-ctrl select:hover{border-color:var(--v2-ink3)}
.ip-ctrl input:focus,.ip-ctrl select:focus{border-color:var(--v2-acc);
  box-shadow:0 0 0 3px rgba(14,99,97,.14)}
.ip-ctrl input[aria-invalid="true"]{border-color:var(--v2-neg)}

.ip-dica{margin:7px 0 0;text-align:left;font:400 11.5px/1.5 'Public Sans',sans-serif;color:var(--v2-ink3)}

/* ── ação ─────────────────────────────────────────────────── */
.ip-linha-acao{margin-top:18px;padding-top:16px;border-top:1px solid var(--v2-hair)}
.ip-linha-acao .ip-ctrl{display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap}
.ip-btn{height:44px;padding:0 24px;border:none;border-radius:var(--v2-r);
  font:600 13.5px 'Public Sans',sans-serif;letter-spacing:-.008em;cursor:pointer;
  background:var(--v2-acc);color:#fff;box-shadow:0 8px 18px -10px rgba(14,99,97,.7);
  transition:background 160ms var(--v2-e),transform 130ms var(--v2-e)}
.ip-btn:hover{background:#0B5250}
.ip-btn:active{transform:scale(.978)}
.ip-msg{font:500 12.5px 'Public Sans',sans-serif;color:var(--v2-neg)}
.ip-msg:empty{display:none}

/* ── resultado ────────────────────────────────────────────── */
.ip-saida{display:grid;gap:0;border:1px solid var(--v2-hair);border-radius:10px;overflow:hidden;
  max-width:520px;margin:0 auto}
.ip-saida > div{display:grid;grid-template-columns:1fr auto;gap:16px;
  align-items:baseline;padding:10px 16px;border-bottom:1px solid var(--v2-hair)}
.ip-saida > div:last-child{border-bottom:none}
.ip-saida span{font:500 13px 'Public Sans',sans-serif;color:var(--v2-ink2)}
.ip-saida b{font:700 15px 'Public Sans',sans-serif;color:var(--v2-ink);
  font-variant-numeric:tabular-nums lining-nums}

.ip-destaque{max-width:520px;margin:12px auto 0;padding:16px 18px;border-radius:12px;
  background:var(--v2-acc);color:#fff;
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ip-destaque span{font:700 10.5px 'Public Sans',sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.8)}
.ip-destaque strong{font:700 28px 'Public Sans',sans-serif;letter-spacing:-.02em;
  color:#fff;font-variant-numeric:tabular-nums lining-nums}

.ip-conta{max-width:520px;margin:12px auto 0;text-align:center;font:400 12px/1.6 'Public Sans',sans-serif;color:var(--v2-ink2);
  font-variant-numeric:tabular-nums}
.ip-conta b{color:var(--v2-ink);font-weight:700}

.ip-aviso{max-width:520px;margin:12px auto 0;padding:12px 15px;border-radius:10px;
  background:#FBF6E9;border:1px solid #DFCB92;border-left:3px solid #B98900;
  font:400 12.5px/1.6 'Public Sans',sans-serif;color:#6B5312}
.ip-aviso b{color:#4E3C08;font-weight:700}