/* Carrossel de logos - 4 faixas diagonais em loop profissional */
/* Garante que nada extrapole horizontalmente a viewport */
html, body{
  overflow-x: hidden !important;
  max-width: 100vw;
}

.elementor-element-0085003{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
}
.elementor-element-0085003 .elementor-widget-container{
  overflow: hidden !important;
  position: relative;
  padding: 40px 0 !important;
  width: 100%;
  max-width: 100%;
}

/* Stack das 4 faixas */
.ay-bands-stack{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 30px 0;
  overflow: hidden;
}

/* Faixa diagonal preta — bem maior que a viewport para a rotação não revelar o corte */
.ay-diag-band{
  position: relative;
  width: 160%;
  left: -30%;
  background: #000;
  padding: 18px 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.45);
  border-top: 1px solid rgba(73,193,218,0.30);
  border-bottom: 1px solid rgba(73,193,218,0.30);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
}

/* Rotações variadas por faixa */
.ay-diag-band--1{ transform: rotate(-4deg); }
.ay-diag-band--2{ transform: rotate(3deg); }
.ay-diag-band--3{ transform: rotate(-2.5deg); }
.ay-diag-band--4{ transform: rotate(3.5deg); }

/* Galeria base: linha horizontal animada */
.ay-diag-band .elementor-gallery__container{
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  gap: 28px;
  align-items: center;
  will-change: transform;
}

/* Velocidades e direções diferentes para sensação orgânica */
.ay-diag-band--1 .elementor-gallery__container{ animation: ay-logos-scroll-left 95s linear infinite; }
.ay-diag-band--2 .elementor-gallery__container{ animation: ay-logos-scroll-right 110s linear infinite; }
.ay-diag-band--3 .elementor-gallery__container{ animation: ay-logos-scroll-left 130s linear infinite; }
.ay-diag-band--4 .elementor-gallery__container{ animation: ay-logos-scroll-right 85s linear infinite; }

.ay-diag-band:hover .elementor-gallery__container{
  animation-play-state: paused;
}

.ay-diag-band .e-gallery-item{
  flex: 0 0 auto !important;
  width: 200px !important;
  height: 112px !important;
  border: 1.5px solid #49C1DA !important;
  border-radius: 10px;
  background: #0a0a0a;
  box-shadow: 0 0 12px rgba(73, 193, 218, 0.25);
  overflow: hidden;
  transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease;
}
.ay-diag-band .e-gallery-item:hover{
  box-shadow: 0 0 22px rgba(73, 193, 218, 0.7), 0 0 40px rgba(73, 193, 218, 0.3);
  border-color: #7fdcef !important;
  transform: translateY(-2px);
}
.ay-diag-band .e-gallery-image{
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: brightness(1.05);
}
.ay-diag-band .elementor-gallery-item__overlay{ display:none !important; }

@keyframes ay-logos-scroll-left{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes ay-logos-scroll-right{
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

@media (max-width: 768px){
  .ay-bands-stack{ gap: 12px; padding: 16px 0; }
  .ay-diag-band{ padding: 10px 0; }
  .ay-diag-band--1{ transform: rotate(-3deg); }
  .ay-diag-band--2{ transform: rotate(2.5deg); }
  .ay-diag-band--3{ transform: rotate(-2deg); }
  .ay-diag-band--4{ transform: rotate(3deg); }
  .ay-diag-band .elementor-gallery__container{ gap: 18px; }
  .ay-diag-band .e-gallery-item{ width: 140px !important; height: 82px !important; }
  .ay-diag-band--1 .elementor-gallery__container{ animation-duration: 60s; }
  .ay-diag-band--2 .elementor-gallery__container{ animation-duration: 70s; }
  .ay-diag-band--3 .elementor-gallery__container{ animation-duration: 80s; }
  .ay-diag-band--4 .elementor-gallery__container{ animation-duration: 55s; }
}