/* Movimento de baixa amplitude, sem alterar as dimensões ou a composição. */
@media(prefers-reduced-motion:no-preference){
  .hero-moto>img{--float-distance:-12px;animation:moto-float 5.5s ease-in-out infinite}
  .btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
  .audiences>article{transition:transform .22s ease,box-shadow .22s ease;position:relative}
  .reference-social>a{transition:transform .18s ease,background-color .18s ease}
  .btn:active{transform:scale(.985);transition-duration:.08s}
  .btn:focus-visible{transform:translateY(-3px);box-shadow:0 5px 12px #0a1b4818}
  @media(hover:hover) and (pointer:fine){
    .btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0a1b4820}
    .btn:active{transform:translateY(0) scale(.985)}
    .audiences>article:hover,.audiences>article:focus-within{transform:translateY(-3px);box-shadow:0 9px 22px #0a1b4812;z-index:1}
    .reference-social>a:hover{transform:translateY(-3px);background:#e1e9f9}
    .hero-moto:hover>img{animation-play-state:paused}
  }
  @media(max-width:767px){.hero-moto>img{--float-distance:-6px;animation-duration:6.5s}}
}
@keyframes moto-float{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--float-distance,-8px))}}
@media(prefers-reduced-motion:reduce){
  .hero-moto>img,.floating,.draw-route{animation:none!important}
  .btn,.audiences>article,.reference-social>a{transition:none!important;transform:none!important}
  html{scroll-behavior:auto}
}
/* Chamadas com intervalos de repouso; também aparecem em telas de toque. */
@media(prefers-reduced-motion:no-preference){
  .final-cta .btn.whatsapp,.quote .btn.whatsapp{--cta-scale:1.025;transform-origin:center;animation:cta-attention 5.5s ease-in-out infinite}
  .quote .btn.whatsapp{animation-duration:7s;animation-delay:1.8s}
  .final-cta .btn.whatsapp:focus-visible,.quote .btn.whatsapp:focus-visible,
  .final-cta .btn.whatsapp:active,.quote .btn.whatsapp:active{animation:none}
  @media(hover:hover) and (pointer:fine){.final-cta .btn.whatsapp:hover,.quote .btn.whatsapp:hover{animation:none}}
  @media(max-width:767px){.final-cta .btn.whatsapp,.quote .btn.whatsapp{--cta-scale:1.018}}
}
@keyframes cta-attention{
  0%,58%,100%{transform:scale(1);box-shadow:0 0 0 0 #1c9e5200}
  68%{transform:scale(var(--cta-scale,1.025));box-shadow:0 0 0 7px #1c9e5228}
  79%{transform:scale(1);box-shadow:0 0 0 12px #1c9e5200}
}
@media(prefers-reduced-motion:reduce){.final-cta .btn.whatsapp,.quote .btn.whatsapp{animation:none!important;transform:none!important}}