/* Identidade Peroni Veículos (manual da marca): preto, azul #012B64, cinza claro #D4D8E4, cinza #B4B4B4 e branco.
   Títulos em Contrail One; textos em Montserrat (no lugar da Garet). */
:root{
  --black:#000000; --navy:#012B64; --navy-2:#0A3A80; --navy-3:#00214D; --mist:#D4D8E4; --steel:#B4B4B4; --white:#FFFFFF;
  --bg:#FFFFFF; --surface:#D4D8E4; --surface-2:#C6CCDA; --line:#B4B4B4; --ink:#0B1426; --muted:#485266;
  --ok:#1E8E4E; --warn:#B26A00; --bad:#B42318; --wa:#1FA855;
  --display:"Contrail One","Arial Narrow",Impact,sans-serif;
  --body:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;color:var(--navy);text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:6px}
.label{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;
  font:700 16px/1 var(--body);letter-spacing:.01em;padding:16px 22px;text-decoration:none;cursor:pointer;
  transition:transform .1s, background .15s, opacity .15s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-navy{background:var(--navy);color:var(--white)} .btn-navy:hover{background:var(--navy-2)}
.btn-white{background:var(--white);color:var(--navy)}
.btn-line{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.btn-danger{background:transparent;color:var(--bad);box-shadow:inset 0 0 0 1.5px var(--bad)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  background:var(--navy);color:var(--white);padding:6px 10px;border-radius:4px}
.tag img{height:12px;width:auto}
.tag.light{background:var(--white);color:var(--navy)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}