/* ==========================================================================
 * Silhuetas de Veículos — Sinal Verde
 * --------------------------------------------------------------------------
 * As imagens em web/Imagens/ são PNGs de silhueta em tom neutro (cinza/azul).
 * Aplicamos `filter: hue-rotate(...) brightness(...) saturate(...)` para
 * pintar a silhueta na cor real do veículo retornada pelo DETRAN.
 *
 * Uso:
 *   <img class="veiculo-silhueta veiculo-vermelho" src="/Imagens/sedan.png">
 *
 * Variantes "thumb" para listas compactas (área do cliente).
 * ========================================================================== */

.veiculo-silhueta,
.veiculo-silhueta-thumb {
  display: block;
  object-fit: contain;
  filter: none;
  transition: filter .25s ease, opacity .2s ease;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.veiculo-silhueta {
  width: 100%;
  height: auto;
  max-width: 220px;
  max-height: 140px;
  margin: 0 auto;
}

.veiculo-silhueta-thumb {
  width: 56px;
  height: 56px;
  max-width: 56px;
  max-height: 56px;
  margin: 0;
}

.veiculo-silhueta:not([src]),
.veiculo-silhueta-thumb:not([src]) { opacity: 0; }

/* Wrapper usado no painel de informações do veículo (consulta) */
.sv-vehicle-silhueta-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
  border-radius: 16px;
  padding: 14px;
  min-height: 140px;
}

/* ---- Cores ---- */
/* Calibradas para silhuetas neutras tom azulado padrão dos PNGs em Imagens/ */
.veiculo-vermelho   { filter: hue-rotate(150deg) saturate(2.8) brightness(0.9); }
.veiculo-laranja    { filter: hue-rotate(180deg) saturate(2.4) brightness(1.05); }
.veiculo-amarelo    { filter: hue-rotate(210deg) saturate(2.6) brightness(1.15); }
.veiculo-verde      { filter: hue-rotate(280deg) saturate(1.8) brightness(0.95); }
.veiculo-azul       { filter: hue-rotate(0deg)   saturate(1.7) brightness(0.95); }
.veiculo-roxo       { filter: hue-rotate(60deg)  saturate(1.7) brightness(0.85); }
.veiculo-rosa       { filter: hue-rotate(120deg) saturate(2.0) brightness(1.05); }
.veiculo-preto      { filter: brightness(0.18) saturate(0.4); }
.veiculo-branco     { filter: brightness(2.2) saturate(0); }
.veiculo-prata      { filter: brightness(1.55) saturate(0); }
.veiculo-cinza      { filter: brightness(1.0) saturate(0); }
.veiculo-marrom     { filter: hue-rotate(195deg) saturate(0.9) brightness(0.6); }
.veiculo-bege       { filter: hue-rotate(215deg) saturate(0.5) brightness(1.4); }
.veiculo-dourado    { filter: hue-rotate(210deg) saturate(2.0) brightness(1.1); }
.veiculo-vinho      { filter: hue-rotate(150deg) saturate(2.5) brightness(0.55); }

/* Estado padrão — quando a cor não foi mapeada */
.veiculo-default { filter: none; }

/* ---- Variações de uso ---- */
.ac-veiculo-icon img.veiculo-silhueta-thumb {
  width: 100%;
  height: 100%;
}