/* ========================= */
/* SLIDER FULL WIDTH */
/* ========================= */

.slider {

  position: relative;

  width: 100vw;
  max-width: 100vw;

  left: 50%;
  margin-left: -50vw;

  overflow: hidden;

  height: 600px;
}


/* ========================= */
/* SLIDES */
/* ========================= */

.slides {

  display: flex;
  height: 100%;

  transition: transform 0.6s ease-in-out;
}

.slide {

  min-width: 100vw;
  height: 100%;

  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
}


/* ========================= */
/* IMAGEM */
/* ========================= */

.slide img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  /*filter: brightness(0.5);*/

}


/* ========================= */
/* TEXTO */
/* ========================= */

.slide-texto {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: black;

  z-index: 2;
}

.slide-texto h2,
.slide-texto p {

  color: #000 !important;

}


/* ========================= */
/* BULLETS */
/* ========================= */

.manual-navegation {

  position: absolute;

  bottom: 20px;

  width: 100%;

  display: flex;

  justify-content: center;

  z-index: 3;
}

.manual-btn {

  width: 12px;
  height: 12px;

  border: 2px solid #fff;

  border-radius: 50%;

  margin: 0 6px;

  cursor: pointer;
}

.manual-btn.active {

  background: #fff;
}


/* ========================= */
/* MOBILE */
/* ========================= */

@media (max-width: 1322px) {

  .slider {

    height: auto;

  }

  .slide {
    height: auto;
  }

  .slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .slide-texto {
    top: 40%;
    transform: translateY(-40%);
    padding: 0px;
    
  }
  .slide-texto h2,
    .slide-texto p {
    margin: 0px;
    padding: 0px;
    line-height: 10px !important;
    }
}


@media (max-width: 480px) {

  .slide-texto h2 {

    font-size: 20px;

  }

  .slide-texto p {

    font-size: 14px;

  }

}