:root{
  --escuro:#253238; --petroleo:#315B63; --laranja:#D96C3D; --offwhite:#FFFEFA;
  --bege:#E5DED4; --cinza-1:#B9B9C3; --cinza-2:#71828A;
  --alerta:#A8221A; --alerta-fundo:#FDECEA;
  --raio:12px;
  color-scheme: light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--offwhite);color:var(--escuro);
  font:400 16px/1.55 "Archivo",system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 16px}
main{flex:1;padding-top:32px;padding-bottom:40px}

.topo{background:var(--escuro);padding:18px 0}
.marca{display:inline-block;line-height:0}
.marca img{height:30px;width:auto}

.titulo{margin-bottom:20px}
h1{margin:0 0 4px;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.titulo p{margin:0;color:var(--cinza-2)}
h2{margin:0 0 12px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-2)}

.card{background:var(--offwhite);border:1px solid var(--bege);border-radius:var(--raio);padding:20px;
  box-shadow:0 1px 2px rgba(37,50,56,.06),0 6px 20px rgba(37,50,56,.06)}
.entrada{display:grid;gap:16px}
.campo label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem}
input,select{width:100%;min-height:52px;padding:10px 14px;font:inherit;font-size:1.1rem;font-weight:600;color:var(--escuro);
  background:#fff;border:1.5px solid var(--cinza-1);border-radius:10px;appearance:none;-webkit-appearance:none}
select{padding-right:44px;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5 7 7.5l6-6' fill='none' stroke='%23315B63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center}
input::placeholder{color:var(--cinza-1);font-weight:500}
input:focus,select:focus{outline:none;border-color:var(--petroleo);box-shadow:0 0 0 3px rgba(49,91,99,.22)}
input[aria-invalid="true"]{border-color:var(--alerta)}
.erro{margin:6px 0 0;font-size:.875rem;font-weight:600;color:var(--alerta)}

.alerta{display:flex;gap:14px;margin-top:16px;padding:18px;background:var(--alerta-fundo);border:2px solid var(--alerta);border-radius:var(--raio);color:#6e1510}
.alerta-icone{flex:none;color:var(--alerta);margin-top:2px}
.alerta p{margin:0 0 6px}
.alerta-titulo{font-weight:800;font-size:1.05rem;line-height:1.35;color:var(--alerta)}
.alerta .nota{margin:12px 0 0;font-size:.82rem;color:#7d3a35}
.botao{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:8px;padding:10px 20px;
  font-weight:700;text-decoration:none;color:var(--escuro);background:var(--laranja);border-radius:10px;transition:filter .15s}
.botao:hover{filter:brightness(1.06)}
.botao:focus-visible{outline:3px solid var(--escuro);outline-offset:2px}

.resultado{margin-top:16px}
.vazio{margin:0;color:var(--cinza-2)}
dl{margin:0}
.linha{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--bege)}
.linha dt{color:var(--cinza-2);font-size:.95rem}
.linha dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.linha .tag{margin-right:8px;font-size:.75rem;font-weight:600;color:var(--cinza-2)}
.linha.liquido{margin-top:8px;padding:16px;border:0;border-radius:10px;background:var(--bege);flex-wrap:wrap}
.linha.liquido dt{color:var(--escuro);font-weight:700}
.linha.liquido dd{font-size:clamp(1.7rem,8vw,2.3rem);font-weight:800;letter-spacing:-.02em;color:var(--petroleo)}

.rodape{background:var(--escuro);color:var(--cinza-1);padding:20px 0;font-size:.85rem}
.rodape .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.rodape p{margin:0;max-width:34ch}
.rodape .marca img{height:22px}

@media (min-width:560px){
  .entrada{grid-template-columns:1.3fr 1fr}
  .card{padding:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}