/* ===== VCL — efeitos da página Importação de Carro (camada extra, reversível) ===== */

/* anti-flash: esconde os alvos até o GSAP assumir (removido em até 4s se o GSAP não carregar) */
.fx .step, .fx .card, .fx .cad-card,
.fx .sec-head, .fx .faq details, .fx .cta .wrap > *,
.fx .carls-hero, .fx .hero .eyebrow, .fx .hero h1, .fx .hero-in p, .fx .hero-cta{ opacity:0 }

/* linha vermelha que cresce sob o título de cada seção */
.sec-line{height:3px;width:64px;border-radius:2px;margin-top:16px;
  background:linear-gradient(90deg,var(--red2),var(--red))}

/* ---- Card do Cadillac: zoom lento contínuo + brilho no hover ---- */
.cad-media{position:relative;overflow:hidden;line-height:0}
.cad-media img.cad-photo{transform-origin:center;animation:cadZoom 18s ease-in-out infinite alternate}
.cad-media video.cad-photo{width:100%;height:auto;display:block}
@keyframes cadZoom{from{transform:scale(1)}to{transform:scale(1.09)}}
.cad-media::after{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-18deg);opacity:0;pointer-events:none}
.cad-card:hover .cad-media::after{animation:cadShine 1.1s ease-out}
@keyframes cadShine{0%{left:-65%;opacity:0}18%{opacity:1}100%{left:135%;opacity:0}}

@media(prefers-reduced-motion: reduce){
  .cad-media .cad-photo{animation:none}
  .fx .step,.fx .card,.fx .cad-card,.fx .sec-head,.fx .faq details,.fx .cta .wrap>*,
  .fx .carls-hero,.fx .hero .eyebrow,.fx .hero h1,.fx .hero-in p,.fx .hero-cta{opacity:1}
}