@import url("https://use.typekit.net/nge6abb.css");

/* Contêiner */
.container-slider-home-banners{
  margin-top: 50px; position: relative; width:100%; max-width:100%; margin:auto; overflow:hidden;
}

/* Track */
.slider-home-banners{
  h1{color: #fff !important; font-size:50px; line-height:1.1 !important; margin:0;}
  display:flex;
  transition: transform .5s ease-in-out;
  /* >>> REMOVER width: calc(100% * 2);  O JS cuida do translate proporcional */
}

/* Cada slide ocupa 100% da largura visível */
.slide{
  flex: 0 0 100%;
  display:flex; align-items:center; justify-content:center; /* centraliza conteúdo */
  min-height: 600px; border-radius:10px; overflow:hidden;
}

/* Conteúdo interno do slide */
.slide > div{ text-align:center; padding: 16px; }


/* Navegação */
.slider-home-banners-nav{
  position:absolute; inset:0; pointer-events:none; /* container cobre o slider */
}
.slider-home-banners-nav .prev,
.slider-home-banners-nav .next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.5); border:0; border-radius:50%; color:#fff;
  width:60px; height:60px; font-size:18px !important; cursor:pointer; margin:5px;
  pointer-events:auto; /* reabilita clique só neles */
}
.slider-home-banners-nav .prev{ left:8px; }
.slider-home-banners-nav .next{ right:8px; }
.slider-home-banners-nav .prev:hover,
.slider-home-banners-nav .next:hover{ background:rgba(0,0,0,.7); }

/* Backgrounds dos slides */
.slider-home-banners .slide:nth-child(1){
  background:url("/imgs/img-home-banners/news-letter-formulario-01.jpg") center/cover no-repeat;
}
.slider-home-banners .slide:nth-child(2){
  background:url("/imgs/img-home-banners/banner-triptofano-main.jpg") center/cover no-repeat;
}

/* Responsivo: altura mais baixa em telas pequenas */
@media (max-width: 600px){
  .slide{ min-height: clamp(220px, 55vw, 360px); }

.slider-home-banners{
  h1{font-size:30px;}
}



.container-slider-home-banners{margin-top: 100px;}

  h1{font-size:20px; line-height:1.1 !important; margin:0; }
}