/* Animações compartilhadas — RK Top Motos (index.html e mottu.html) */
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
@keyframes slide{from{opacity:0;transform:translateX(-32px)}}
@keyframes grow{from{transform:skewX(-30deg) scaleX(0)}to{transform:skewX(-30deg) scaleX(1)}}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes ring{0%{box-shadow:0 4px 18px rgba(0,0,0,.6),0 0 0 0 rgba(27,127,70,.75)}100%{box-shadow:0 4px 18px rgba(0,0,0,.6),0 0 0 18px rgba(27,127,70,0)}}
@keyframes glow{0%{box-shadow:0 0 0 0 rgba(255,90,95,.8)}100%{box-shadow:0 0 0 16px rgba(255,90,95,0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
/* 1-3 entrada do hero */
.hero>*{animation:rise .6s ease-out both}
.hero>:nth-child(1){animation-name:slide;animation-delay:.05s}
.hero>:nth-child(2){animation-delay:.15s}
.hero>:nth-child(3){animation-delay:.25s}
.hero>:nth-child(4){animation-delay:.35s}
.hero>:nth-child(5){animation-delay:.45s}
.hero>:nth-child(6){animation-delay:.55s}
.hero>.stripe{transform-origin:left center;animation-name:grow;animation-duration:.6s}
/* 4 faixa Mottu no index */
.mtt{animation:drop .5s ease-out .3s both}
.mtt .arr{display:inline-block;transition:transform .2s;animation:nudge 1.2s ease-in-out 1s 3}
.mtt a:hover .arr{transform:translateX(6px)}
/* 5 revelar ao rolar */
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
/* 6 sombra do cabeçalho */
header{transition:box-shadow .3s}
header.scrolled{box-shadow:0 6px 18px rgba(0,0,0,.6)}
/* 7 botões */
.btn{transition:transform .15s,background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.5)}
.btn:active{transform:scale(.97)}
/* 8 fotos */
.car img,.shots img{transition:filter .3s}
.car figure:hover img,.shots figure:hover img{filter:brightness(1.15)}
/* formas de pagamento */
.chips li{transition:transform .2s,box-shadow .2s}
.chips li:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,0,0,.5)}
/* 9 WhatsApp flutuante */
.fab{animation:ring 2.4s ease-out 1.5s 3}
/* 10 status aberto */
.status.open::before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.5em;border-radius:50%;background:#6CCB7A;animation:blink 1.6s ease-in-out infinite}
/* 11 botão copiar */
.promo.in #copiar{animation:glow 1.6s ease-out .9s 2}
#copiar.pop{animation:pop .25s ease-out}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1!important;transform:none!important}}