/* =========================================
   APRESENTAÇÃO HERO
   Isolado: afeta apenas a página de comparação.
   Não toca em nenhum estilo da home.
========================================= */

/* ─── Fix de contenção: garante que overlay e logo
       fiquem dentro do hero, não do viewport ─── */
.pres-slide .hero-split {
  position: relative;
}


/* ─────────────────────────────────────────
   SLIDER HORIZONTAL
───────────────────────────────────────── */

.pres-wrapper {
  width: 100%;
  overflow: hidden;
}

.pres-slider {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.pres-slider::-webkit-scrollbar {
  display: none;
}

.pres-slide {
  flex-shrink: 0;
  width: 100vw;
  scroll-snap-align: start;
}


/* ─────────────────────────────────────────
   INDICADOR  01 / 02
───────────────────────────────────────── */

.pres-indicator {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 300;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Nunito', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  user-select: none;
  pointer-events: none;
}

.pres-indicator__current {
  color: #fff;
  transition: color .3s ease;
}

.pres-indicator__sep {
  display: block;
  width: 22px;
  height: 1px;
  background: rgba(255, 255, 255, 0.32);
  flex-shrink: 0;
}


/* ─────────────────────────────────────────
   HERO V2 — mesmo posicionamento da V1,
   com fundo alt e overlay reforçado.
   Classe: .hero-split--alt
───────────────────────────────────────── */

/*
  Fundo vem inline do PHP (background-image).
  Aqui só garantimos posição e cobertura.
*/
.hero-split--alt {
  background-position: center center;
  background-size: cover;
}

/*
  Camada 1 — escurecimento base com gradiente horizontal.
  Esquerda bem fechada para proteger o texto;
  centro com escurecimento médio; direita quase aberta.
*/
.hero-split--alt::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(1, 10, 7, 0.72) 0%,
    rgba(1, 10, 7, 0.44) 42%,
    rgba(1, 10, 7, 0.14) 75%,
    rgba(1, 10, 7, 0.04) 100%
  );
  z-index: 0;
  pointer-events: none;
}

/*
  Camada 2 — overlay direcional em ângulo (igual ao V1).
  Adiciona profundidade vertical e reforça ainda mais a esquerda.
*/
.hero-split--alt .hero-overlay {
  background: linear-gradient(
    110deg,
    rgba(1, 10, 7, 0.62) 0%,
    rgba(1, 10, 7, 0.26) 50%,
    rgba(1, 10, 7, 0.00) 100%
  );
  z-index: 1;
}

/*
  Conteúdo de texto: mesmos valores do V1.
  Não reduz max-width, não centraliza.
*/
.hero-split--alt .hero-split__left {
  z-index: 2;
}

.hero-split--alt .hero-split__content {
  /* herda tudo do V1 — não sobrescrevemos max-width */
}

/* Logo removida da V2 — nenhum estilo de logo necessário aqui */