.lshowcase-carousel {
      width: 100%;
      max-width: 1200px;
      margin: 40px auto;
      padding: 20px 0;
      overflow: hidden;
      position: relative;
  }

  /* Difuminado en los bordes para que el slider "entre y salga" suavemente */
  .lshowcase-carousel::before,
  .lshowcase-carousel::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 80px;
      z-index: 2;
      pointer-events: none;
  }

  .lshowcase-carousel::before {
      left: 0;
      background: linear-gradient(to right, var(--fade), transparent);
  }

  .lshowcase-carousel::after {
      right: 0;
      background: linear-gradient(to left, var(--fade), transparent);
  }

  .lshowcase-track {
      display: flex;
      width: max-content;
      animation: lshowcase-scroll 100s linear infinite;
  }

  /* Pausa la animación al pasar el mouse por encima */
  .lshowcase-carousel:hover .lshowcase-track {
      animation-play-state: paused;
  }

  .lshowcase-slide {
      flex: 0 0 auto;
      width: 160px;
      height: 160px;
      margin-right: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .lshowcase-slide img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      object-fit: contain;
      filter: grayscale(0%);
      transition: transform 0.25s ease;
  }

  .lshowcase-slide:hover img {
      transform: scale(1.06);
  }

  /* Como el track contiene DOS copias idénticas del set de logos,
     al desplazar exactamente -50% el loop es perfectamente continuo */
  @keyframes lshowcase-scroll {
      from {
          transform: translateX(0);
      }

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

  /* Ajustes responsivos */
  @media (max-width: 768px) {
      .lshowcase-slide {
          width: 110px;
          height: 110px;
          margin-right: 20px;
      }

      .lshowcase-track {
          animation-duration: 28s;
      }

      .lshowcase-carousel::before,
      .lshowcase-carousel::after {
          width: 40px;
      }
  }