/* LaranSys v5.8.4 - Scroll normal + cue abaixo da imagem
   Escopo:
   1) O scroll do mouse deve descer/subir a página normalmente.
   2) O slider troca somente por setas, botões internos, teclado e swipe.
   3) "Role para começar" fica mais baixo, fora de cima da imagem.
   Não altera banco, não remove volumes, não usa prune e não reestrutura rodapé. */

.v58-hero-slider[data-v584-scroll-normal]{
  overflow:hidden;
}

/* Mantém indicadores 00-04 ocultos. */
.v58-hero-slider[data-v584-scroll-normal] .v58-progress,
.v58-hero-slider[data-v584-scroll-normal] [data-v58-progress],
.v58-hero-slider[data-v584-scroll-normal] [data-v582-horizontal-progress]{
  display:none !important;
}

/* Garante setas laterais centralizadas, uma de cada lado. */
.v58-hero-slider[data-v584-scroll-normal] .v58-nav{
  position:absolute !important;
  inset:0 !important;
  z-index:8;
  pointer-events:none;
}

.v58-hero-slider[data-v584-scroll-normal] .v58-nav button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  pointer-events:auto;
}

.v58-hero-slider[data-v584-scroll-normal] .v58-nav [data-v58-prev]{
  left:clamp(12px, 1.8vw, 28px);
}

.v58-hero-slider[data-v584-scroll-normal] .v58-nav [data-v58-next]{
  right:clamp(12px, 1.8vw, 28px);
}

/* "Role para começar" mais baixo e fora de cima do mockup/imagem.
   O JS move o elemento para fora da imagem, no final do slide inicial. */
.v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-scroll-cue{
  position:absolute !important;
  left:auto !important;
  right:clamp(92px, 8.5vw, 165px) !important;
  bottom:clamp(8px, 1.5vw, 18px) !important;
  transform:none !important;
  z-index:9;
  background:rgba(3,17,31,.42);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* Reserva um pouco de espaço visual para o cue não encostar na borda. */
.v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-visual{
  padding-bottom:34px;
}

/* Caso o navegador mantenha o cue dentro do bloco visual por cache/ordem de JS,
   ainda assim ele fica abaixo da arte principal, não no meio dela. */
.v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-visual .v58-scroll-cue{
  position:absolute !important;
  right:clamp(30px, 6vw, 110px) !important;
  bottom:-18px !important;
}

/* Nenhum bloqueio de wheel/scroll via CSS. */
.v58-hero-slider[data-v584-scroll-normal]{
  overscroll-behavior:auto;
}

@media(max-width:980px){
  .v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-scroll-cue{
    right:26px !important;
    bottom:8px !important;
  }

  .v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-visual .v58-scroll-cue{
    right:22px !important;
    bottom:-14px !important;
  }
}

@media(max-width:720px){
  .v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-scroll-cue{
    left:50% !important;
    right:auto !important;
    bottom:8px !important;
    transform:translateX(-50%) !important;
  }

  .v58-hero-slider[data-v584-scroll-normal] #v58-slide-0 .v58-visual .v58-scroll-cue{
    left:50% !important;
    right:auto !important;
    bottom:-12px !important;
    transform:translateX(-50%) !important;
  }
}