.carrusel-wrap {
  overflow: hidden;
  position: relative;
}

.carrusel-track {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: max-content;
  animation: scroll-left 30s linear infinite;
  will-change: transform;
}
.carrusel-track--reverse { animation: scroll-right 36s linear infinite; }

.carrusel-wrap:hover .carrusel-track { animation-play-state: paused; }

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

.carrusel-row { margin-bottom: 0.75rem; }
.carrusel-row:last-child { margin-bottom: 0; }

/* Pills style A — sobre fondo naranja (hero / integraciones) */
.logo-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 7px 15px;
  background: rgba(255,232,208,0.14);
  border: 1px solid rgba(255,232,208,0.28);
  border-radius: 100px;
  color: var(--bg-main);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 200ms;
}
.logo-pill:hover { background: rgba(255,232,208,0.22); }

.logo-pill__icon { font-size: 16px; line-height: 1; }

/* Gradientes laterales de integraciones */
.integraciones__logos-area {
  overflow: hidden;
  position: relative;
}
.integraciones__logos-area::before,
.integraciones__logos-area::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}
.integraciones__logos-area::before { left: 0; background: linear-gradient(to right, var(--orange), transparent); }
.integraciones__logos-area::after  { right: 0; background: linear-gradient(to left, var(--orange), transparent); }