.banner{
  height: calc(90vh - var(--altura-header) - var(--altura-paginacao)) ;
  width: 100%;
  overflow: hidden;
}

  .contem__banners{
    height: 100%;
    width: 400%;
    display: flex;
    flex-direction: row;

    transition: 0.3s ease-in;
  }

  .banner__item{
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10%;

  }

    .banner__titulo{
      color: var(--branco);
      text-transform: uppercase;

      font-size: 3rem;
      font-weight: var(--pesoFonte-titulo);
      text-shadow: 1px 1px 2px black;
    }

    .banner__descricao{
      color: var(--branco);
      text-align: left;

      font-size: 1.25rem;
      text-shadow: 1px 1px 2px black;
    }

    .banner__link{
      width: 15rem;
      padding: 0.25rem;
      font-size: 1rem;
      font-weight: var(--pesoFonte-titulo);
      cursor: pointer;
      outline: none;border: none;
      transition: 0.2s ease-in-out;
      color: var(--preto-claro);
      background-color:var(--branco);
      text-align: center;
    }
      .banner__link:hover{
        background-color: var(--amarelo);
        color: var(--preto);
      }

  /* PAGINAÇÃO */
  .banner__paginacao{
    width: 100%;
    display: flex;
    
    flex-direction: row;

    
    align-items: center;
  }

    .banner__paginacao-item{
      width: 1rem;
      height: 1rem;
      background-color: var(--cinza-claro);
      cursor: pointer;

      transition: 0.2s;
    }

    .banner__paginacao-selecionado{
      background-color: var(--amarelo);
    }
/* MOBILE */
@media screen and (min-width:0){
  .banner__titulo, .banner__descricao{
    max-width: 100%;
  }

  .banner__paginacao{
    height: var(--altura-paginacao);
    justify-content: space-between;
    margin-top:-2rem;
  }

  .banner__paginacao-item{
    width: 24%;
    height: var(--altura-paginacao);
  }
}/* MOBILE - FIM */


/* TABLET */
@media screen and (min-width: 768px){
  
}/* TABLET - FIM */


/* 1024 */
@media screen and (min-width: 1024px){
  .banner__titulo, .banner__descricao{
    max-width: 50%;
  }

  .banner__paginacao{
    height: var(--altura-paginacao);
    justify-content: center;
    gap: 1rem;
    margin-top:-5rem;
  }

  .banner__paginacao-item{
    width: 1rem;
    height: 1rem;
  }
}/* 1024 - FIM */


/* 1200 */
@media screen and (min-width: 1200px){
  
}/* 1200 - FIM */