/* CAROUSEL GENERALE */
.logos-wrapper { position: relative; width:100%; overflow:hidden; margin:5px 0; }
.marquee-track { display:flex; align-items:center; will-change: transform; }

/* LOGHI */
.logo-portfolio {
  width: 160px;
  max-height:46px;
  height: 46px;
  margin-right: 80px;
  flex-shrink: 0;
  pointer-events: none;
 /* border-radius: 8px;*/
  overflow: hidden;
 /* box-shadow: 0 4px 10px rgba(0,0,0,0.15);*/
}
#carousel-1 .logo-portfolio {
	margin-bottom:20px;
}
/* Carousel 2 e 3 più compatti */
#carousel-2 .logo-portfolio,
#carousel-3 .logo-portfolio,
#carousel-4 .logo-portfolio,
#carousel-5 .logo-portfolio,
#carousel-6 .logo-portfolio  
{
  margin-right: 0px; /* prima 80px */
   height: 46px;
}

.logo-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.85;
  transform: translateY(-2px);
}

.logo-link {
  display:block;
  width:100%;
  height:100%;
}

.logo-portfolio {
  pointer-events:auto;
}

.logo-inner {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.logo-link:hover .logo-inner {
  transform: translateY(-2px) scale(1.08);
  opacity:1;
}


/* FADE AI BORDI */
.logos-wrapper::before,
.logos-wrapper::after {
  content:"";
  position:absolute;
  top:0;
  width:138px;
  height:100%;
  z-index:2;
  pointer-events:none;
}
.logos-wrapper::before { left:0; background:linear-gradient(to right,#DDE3F0 0%,transparent 100%); }
.logos-wrapper::after { right:0; background:linear-gradient(to left,#DDE3F0 0%,transparent 100%); }


/* default (carousel 1) */
/* MOBILE */
@media (max-width:820px) {
  .logo-portfolio { 
  width:160px; 
  height:46px; 
  margin-right:80px; 
/*  box-shadow:0 3px 8px rgba(0,0,0,0.15); */
}
#carousel-2 .logo-portfolio,
#carousel-3 .logo-portfolio,
#carousel-4 .logo-portfolio,
#carousel-5 .logo-portfolio ,
#carousel-6 .logo-portfolio 
 {
    margin-right: 0px;
 }
}