/* Pulso nos botões e nos cartões dos bancos (vem por último, sobrepõe a entrada estática) */
@keyframes pulso-botao{0%{box-shadow:0 0 0 0 rgba(128,188,0,.55)}70%{box-shadow:0 0 0 16px rgba(128,188,0,0)}100%{box-shadow:0 0 0 0 rgba(128,188,0,0)}}
@keyframes pulso-linha{0%{box-shadow:0 0 0 0 rgba(4,21,39,.14)}70%{box-shadow:0 0 0 12px rgba(4,21,39,0)}100%{box-shadow:0 0 0 0 rgba(4,21,39,0)}}
@keyframes pulso-card{0%,100%{scale:1}50%{scale:1.06}}
.hero-leilao .btn-grande{animation:pulso-botao 2s ease-out infinite!important}
.hero-leilao .btn-linha{animation:pulso-linha 2s ease-out .6s infinite!important}
.topo .menu .btn{animation:pulso-botao 2.4s ease-out infinite}
.hero-leilao .card-banco{animation:pulso-card 2.6s ease-in-out infinite!important}
.hero-leilao .c1{animation-delay:0s!important}
.hero-leilao .c2{animation-delay:.25s!important}
.hero-leilao .c3{animation-delay:.5s!important}
.hero-leilao .c4{animation-delay:.75s!important}
.hero-leilao .c5{animation-delay:1s!important}
/* logotipo grande na entrada */
.logo-hero{width:clamp(220px,24vw,330px)}
@media (max-width:820px){.logo-hero{width:230px;margin-bottom:20px}}
@media (prefers-reduced-motion:reduce){.hero-leilao .btn-grande,.hero-leilao .btn-linha,.topo .menu .btn,.hero-leilao .card-banco{animation:none!important}}
.logo-hero{transform:translateX(-6.3%)}