/* ===========================================
   SLIDER DE LOGOS DE CLIENTES - CSS SIMPLIFICADO
   =========================================== */

/* CONTENEDOR PRINCIPAL */
.logos-clientes {
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
    margin: 5rem auto;
}

/* SLIDER PRINCIPAL */
.logos-clientes-slider {
    width: 100%;
    height: 60px;
    overflow: hidden;
}

/* WRAPPER DEL SLIDER */
.logos-clientes-slider .swiper-wrapper {
    height: 60px;
    align-items: center;
}

/* SLIDES */
.logos-clientes-slider .swiper-slide {
    width: auto !important;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* CONTENEDOR DE LOGO */
.logos-clientes-slider .logo-cliente {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}

/* IMAGEN DE LOGO */
.logos-clientes-slider .logo-cliente img {
    height: 60px;
    width: auto;
    object-fit: contain;
  
    transition: filter 0.3s ease;
}