/* =====================================================
   CARROSSEL DE MARCAS
===================================================== */

.brands-section{
  width:100%;

  background:#555555;

  padding:35px 0;

  overflow:hidden;
}

.brands-container{
  width:100%;

  overflow:hidden;

  position:relative;

  background:#555555;
}

.brands-track{
  display:flex;

  align-items:center;

  width:max-content;

  animation:
    brandsScroll 60s linear infinite;
}

.brand-item{
  width:150px;

  height:100px;

  margin:0 15px;

  display:flex;

  align-items:center;

  justify-content:center;

  flex-shrink:0;

  text-decoration:none;
}

.brand-item img{
  display:block;

  width:auto;

  max-width:105px;

  max-height:70px;

  object-fit:contain;

  filter:
    brightness(0)
    invert(1);

  opacity:.75;

  transition:
    opacity .3s ease,
    transform .3s ease;
}

.brand-item:hover img{
  opacity:1;

  transform:scale(1.08);
}


/* =====================================================
   ANIMAÇÃO
===================================================== */

@keyframes brandsScroll{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }

}


/* =====================================================
   CELULAR
===================================================== */

@media(max-width:650px){

  .brands-section{
    padding:25px 0;
  }

  .brand-item{
    width:115px;

    height:80px;

    margin:0 8px;
  }

  .brand-item img{
    max-width:80px;

    max-height:55px;
  }

}