.logo-slider {
      overflow: hidden;
      position: relative;
      background: #fff;
      padding: 30px 0;
    }

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

    .logo-item {
      flex: 0 0 auto;
      width: 180px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
    }

    .logo-item img {
      max-width: 120px;
      opacity: 0.7;
      transition: all 0.3s ease;
    }

    .logo-item img:hover {
      opacity: 1;
      transform: scale(1.1);
    }

    /* Animación infinita REAL */
    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    /* Difuminado en bordes (pro visual) */
    .logo-slider::before,
    .logo-slider::after {
      content: "";
      position: absolute;
      top: 0;
      width: 100px;
      height: 100%;
      z-index: 2;
    }

    .logo-slider::before {
      left: 0;
      background: linear-gradient(to right, #fff 0%, transparent 100%);
    }

    .logo-slider::after {
      right: 0;
      background: linear-gradient(to left, #fff 0%, transparent 100%);
    }

    /* Pausa al pasar mouse */
    .logo-slider:hover .logo-track {
      animation-play-state: paused;
    }
    
    .escalaGris {
    filter: grayscale(50%);
    }