/* Dica de rolagem para os lados (celular): borda esmaecida, setas e "espiadinha" */
@media (max-width:900px){
  .rola-mais{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 52px),transparent)}
  .rola-mais.rola-ini{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 52px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 52px),transparent)}
  .rola-dica{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 10px;font-size:13px;font-weight:700;color:#4a554d;letter-spacing:.01em;transition:opacity .4s,max-height .4s;max-height:30px;overflow:hidden}
  .rola-dica i{font-style:normal;font-size:18px;line-height:1;animation:rola-seta 1.2s ease-in-out infinite}
  .rola-dica.some{opacity:0;max-height:0;margin:0}
  @keyframes rola-seta{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
  /* setas dos carrosséis: mais visíveis */
  .rolar-controles span{font-weight:700}
  .rolar-setas button{animation:rola-pulso 2.2s ease-out 1.2s 3}
  @keyframes rola-pulso{0%{box-shadow:0 0 0 0 rgba(24,52,37,.35)}70%,100%{box-shadow:0 0 0 12px rgba(24,52,37,0)}}
}
@media (min-width:901px){.rola-dica{display:none}}