/* Camada isolada para o indicador no rodapé da imagem principal. */
.hero.hero--carrossel-1 {
  position: relative;
}

.hero.hero--carrossel-1 .ier-scroll-cue {
  position: absolute;
  z-index: 2;
  bottom: 38px;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: max-content;
  color: #f4f4f4;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .42);
  transform: translateX(-50%);
}

.hero.hero--carrossel-1 .ier-scroll-cue i {
  color: #f4f4f4;
  font-size: 28px;
  line-height: 1;
  animation: ier-scroll-cue-bounce 1.7s ease-in-out infinite;
}

.hero.hero--carrossel-1 .ier-scroll-cue:hover { color: #fff; }
.hero.hero--carrossel-1 .ier-scroll-cue:focus-visible { outline: 2px solid #fff; outline-offset: 7px; }

@keyframes ier-scroll-cue-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

@media (max-width: 760px) {
  .hero.hero--carrossel-1 .ier-scroll-cue { bottom: 28px; font-size: 12px; }
  .hero.hero--carrossel-1 .ier-scroll-cue i { font-size: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero.hero--carrossel-1 .ier-scroll-cue i { animation: none; }
}