/* 29/10/2026 · cartões dos veículos do TRANSFER no gerador: o desenho do carro sobre uma foto de montanha com neve (16:9), cantos 14px, borda no azul do logo;
   escolhido = azul bem clarinho com o ✓ numa bolinha azul no canto da foto. Sem sombra, sem verde. As fotos: assets/img/transfer/ (CREDITOS.txt). */
html:root body #gerador .veiculos { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: 14px !important; }
html:root body #gerador .veic:not(.x) {
  background: #fff !important; border: 1.5px solid #006E83 !important; border-radius: 14px !important; box-shadow: none !important;
  padding: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; text-align: left !important; }
html:root body #gerador .veic[aria-pressed="true"]:not(.x) { background: #F8F6F2 !important; border: 1.5px solid #006E83 !important; box-shadow: none !important; }
html:root body #gerador .veic:hover:not(.x) { border-color: #004E5D !important; box-shadow: none !important; transform: none !important; }
html:root body #gerador .veic .img { aspect-ratio: 16 / 9; position: relative; display: block !important; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.55) 100%), url('../assets/img/botao-montanhas.jpg') center 40% / cover no-repeat !important; }   /* 29/10: o carro de antes sobre montanha com neve */
html:root body #gerador .veic .img img { position: absolute; left: 8%; right: 8%; bottom: 5%; width: 84%; height: 70%; object-fit: contain !important; object-position: center bottom; padding: 0 !important; transition: transform .4s ease; }
html:root body #gerador .veic:hover .img img { transform: scale(1.04); }
html:root body #gerador .veic .img svg { position: absolute; left: 50%; bottom: 12%; width: 38%; height: auto; transform: translateX(-50%); color: #006E83; opacity: .9; }
html:root body #gerador .veic .img img + svg, html:root body #gerador .veic .img svg:has(+ img) { display: none !important; }
html:root body #gerador .veic .veic-ok:not(.x) { position: absolute; top: 10px; right: 10px; z-index: 2; width: 30px; height: 30px; border-radius: 50%;
  background: #006E83 !important; color: #fff !important; border: 2px solid #fff !important; box-shadow: none !important; display: grid; place-items: center; font-size: 16px; font-weight: 700; }
html:root body #gerador .veic .txt { padding: 12px 14px 14px !important; display: grid; gap: 3px; }
html:root body #gerador .veic .txt b { color: #006E83 !important; font-size: 18px !important; font-weight: 600; }
html:root body #gerador .veic .txt span { color: #2A2A2A !important; font-size: 14px !important; line-height: 1.4; }
html:root body #gerador .veic .txt span + span { color: #2A2A2A !important; }
@media (max-width: 560px) { html:root body #gerador .veiculos { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { html:root body #gerador .veic .img img { transition: none; } html:root body #gerador .veic:hover .img img { transform: none; } }
/* 29/10/2026: o carro "pousa" na neve: chão de neve clarinho embaixo da foto, carro encostado nele e uma sombrinha leve sob as rodas */
html:root body #gerador .veic .img { background:
  linear-gradient(0deg, #F8F6F2 0%, #F8F6F2 16%, rgba(248,246,242,.85) 24%, rgba(248,246,242,0) 42%),
  url('../assets/img/botao-montanhas.jpg') center 30% / cover no-repeat !important; }
html:root body #gerador .veic .img img { left: 6% !important; right: 6% !important; width: 88% !important; height: 86% !important; bottom: -2% !important; object-position: center bottom !important;
  filter: drop-shadow(0 6px 5px rgba(30,45,55,.28)); }
/* 29/10/2026: as rodas encostam bem na divisa entre a foto e o texto */
html:root body #gerador .veic .img img { bottom: -9% !important; }
html:root body #gerador .veic .img img { bottom: -13% !important; }
@media (max-width: 560px) { html:root body #gerador .veic .img img { bottom: -19% !important; } }
html:root body #gerador .veic .img img { top: auto !important; bottom: -6% !important; }   /* solto do alto: as rodas encostam na divisa */
@media (max-width: 560px) { html:root body #gerador .veic .img img { bottom: -6% !important; } }