/* Efeitos inspirados nos cartões do RDV, restritos à prévia. */
.brand{background:transparent!important;border:0!important;box-shadow:none!important}
.brand img{filter:brightness(0) invert(1);opacity:.96}
:is(.vehicle,.metric,.section-link){position:relative;isolation:isolate;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
:is(.vehicle,.metric,.section-link)::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:340px;height:340px;right:-100px;top:-190px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 28px,#ef9bac19 29px 31px,transparent 32px 56px);opacity:0;transition:opacity .3s ease;animation:capri-orbit 9s ease-in-out infinite alternate;animation-play-state:paused}
@media(hover:hover) and (pointer:fine){
 :is(.vehicle,.metric,.section-link):hover{transform:translateY(-3px);border-color:#d789a3;box-shadow:0 12px 30px #0005,0 0 20px #bf365419;background-color:#35202f}
 :is(.vehicle,.metric,.section-link):hover::after{opacity:1;animation-play-state:running}
}
:is(.vehicle,.section-link):focus-visible{outline:2px solid #f6b2bf;outline-offset:3px;box-shadow:0 10px 25px #0004}
:is(.vehicle,.section-link):focus-visible::after{opacity:1;animation-play-state:running}
.vehicle.selected{background:linear-gradient(120deg,#35202e,#4c2337,#301d2b);background-size:250% 250%;animation:capri-gradient 14s ease-in-out infinite;border-color:#f0a6b7}
@keyframes capri-orbit{from{transform:translate(24px,-8px) scale(.88)}to{transform:translate(-24px,26px) scale(1.08)}}
@keyframes capri-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){:is(.vehicle,.metric,.section-link),:is(.vehicle,.metric,.section-link)::after{animation:none!important;transition:none!important;transform:none!important}}