/* ===========================
   parallax.css (FINAL)
   =========================== */

/* segurança contra scroll lateral */
html, body { overflow-x: hidden; }

/* Faixa do parallax */
#paralax-implantacao.paralax{
  position: relative;
  display: block;
  width: 100%;                        /* nunca 100vw para não “vazar” */
  height: clamp(480px, 70vh, 960px);  /* MAIS ALTA = imagem maior */
  margin: 0;
  padding: 0;

  /* caminho relativo (CSS está em /css, imagem em /img) */
  background-image: url("../img/paralax-montagem.jpg");
  background-size: cover;
  background-position: center bottom; /* começa pela BASE da imagem */
  background-repeat: no-repeat;
  height: clamp(480px, 70vh, 960px);
  /* nada de background-attachment (efeito é pelo JS) */
  overflow: hidden;
  will-change: background-position;
}

@media (max-width: 1024px){
  #paralax-implantacao.paralax{
    height: clamp(360px, 55vh, 760px);
  }
}