.parceiros {
  min-height: auto !important;
  display: grid;
  place-items: center;
  padding: 80px 0;
  

  
}




.carrossel::before,
.carrossel::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}




.itens-carrossel {
    margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 40px;

  
  animation: loop-deslizante 10s ease-in-out infinite;
  width: max-content;
}

.itens-carrossel img {
  height: 50px;
  opacity: 0.9;
  cursor: pointer;

 
  filter: none;

  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    filter 0.4s ease;
}

.itens-carrossel img:hover {
  transform: scale(1.15);
  opacity: 1;

 
  filter: drop-shadow(0 6px 12px rgba(31, 79, 216, 0.25));
}


@keyframes loop-deslizante {
  0% { transform: translateX(10%); }
  50% { transform: translateX(-60%); }
  100% { transform: translateX(10%); }
}


/* Mobile */
@media (max-width: 767px) {
    .parceiros h2 {
        font-size: 1.3rem;
        margin-top: 10px;
        margin-bottom: 2rem;
        padding: 0 20px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .parceiros {
        padding: 30px 20px;
        overflow: hidden;
    }

    .carrossel {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .itens-carrossel {
        gap: 30px;
        animation: loop-deslizante 15s ease-in-out infinite;
    }

    .itens-carrossel img {
        height: 40px;
    }

    .carrossel::before,
    .carrossel::after {
        width: 60px;
    }
}

/* Telas muito pequenas (até 480px) */
@media (max-width: 480px) {
  .parceiros h2 {
    font-size: 1.1rem;
    padding: 0 15px;
  }
  
  .parceiros {
    padding: 20px 15px;
  }
  
  .itens-carrossel img {
    height: 30px;
  }
}