/* LaranSys v5.8.2 - Hotfix Hero Slider Horizontal
   Escopo: os slides do topo deixam de ficar um embaixo do outro.
   A troca passa a ser horizontal, dentro de uma única área de tela cheia.
   Mantém menu fixo, rodapé e banco sem alterações. */

.v58-hero-slider[data-v582-horizontal-slider]{
  position:relative;
  min-height:calc(100svh - var(--v57-header-height, 78px));
  height:calc(100svh - var(--v57-header-height, 78px));
  overflow:hidden;
  background:#03111f;
  isolation:isolate;
}

/* Cada slide ocupa exatamente a mesma área.
   Não existe mais empilhamento vertical entre slides. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  min-width:100% !important;
  height:100% !important;
  min-height:100% !important;
  overflow:hidden;
  transform:translateX(100%);
  opacity:0;
  pointer-events:none;
  transition:
    transform .72s cubic-bezier(.22,1,.36,1),
    opacity .46s ease;
  will-change:transform, opacity;
}

/* O JS v5.8.2 controla o translateX com style inline.
   A classe continua servindo para liberar interação e animação visual. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-slide.is-visible{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}

/* Slides vizinhos continuam fora da tela, permitindo transição horizontal. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-slide.v582-near{
  opacity:.34;
  z-index:1;
}

/* Conteúdo interno sempre visível no slide ativo. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-slide.is-visible .v58-content,
.v58-hero-slider[data-v582-horizontal-slider] .v58-slide.is-visible .v58-visual{
  opacity:1;
  transform:none;
}

/* Ajuste dos controles para indicar movimento horizontal. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-nav{
  right:clamp(22px,5vw,82px);
  bottom:32px;
}

.v58-hero-slider[data-v582-horizontal-slider] .v58-nav button{
  font-size:24px;
  line-height:1;
}

/* Indicadores laterais continuam clicáveis, mas representam posição horizontal. */
.v58-progress[data-v582-horizontal-progress] a{
  position:relative;
}

.v58-progress[data-v582-horizontal-progress] a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:6px;
  width:0;
  height:2px;
  border-radius:999px;
  background:#12b886;
  transform:translateX(-50%);
  transition:width .22s ease;
}

.v58-progress[data-v582-horizontal-progress] a.is-active::after{
  width:18px;
}

/* Dica de rolagem: rolar avança os slides horizontalmente. */
.v58-hero-slider[data-v582-horizontal-slider] .v58-scroll-cue{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(3,17,31,.28);
  border-radius:999px;
  padding:9px 13px;
  backdrop-filter:blur(14px);
}

/* Impede que a parte inferior da Home suba por trás do slider. */
.v58-hero-slider[data-v582-horizontal-slider] + *{
  position:relative;
  z-index:1;
}

/* Mobile: continua horizontal, mas sem travar altura excessiva. */
@media(max-width:900px){
  .v58-hero-slider[data-v582-horizontal-slider]{
    height:auto;
    min-height:calc(100svh - var(--v57-header-height, 78px));
    overflow:hidden;
  }

  .v58-hero-slider[data-v582-horizontal-slider] .v58-slide{
    min-height:calc(100svh - var(--v57-header-height, 78px)) !important;
    height:auto !important;
    overflow:auto;
  }
}

@media(max-width:720px){
  .v58-hero-slider[data-v582-horizontal-slider] .v58-nav{
    position:absolute;
    left:18px;
    right:auto;
    bottom:18px;
  }

  .v58-hero-slider[data-v582-horizontal-slider] .v58-scroll-cue{
    display:inline-flex;
  }
}

@media(prefers-reduced-motion:reduce){
  .v58-hero-slider[data-v582-horizontal-slider] .v58-slide{
    transition:none !important;
  }
}