/* CONTENEDOR GENERAL */
.marcas-slider-home{
position:relative;
overflow:hidden;
width:100%;
padding:40px 0;
background:#f8f8f8;
}

/* EFECTO FADE LATERALES */
.marcas-slider-home::before,
.marcas-slider-home::after{
content:"";
position:absolute;
top:0;
width:120px;
height:100%;
z-index:2;
pointer-events:none;
}

.marcas-slider-home::before{
left:0;
background:linear-gradient(to right, #f8f8f8, transparent);
}

.marcas-slider-home::after{
right:0;
background:linear-gradient(to left, #f8f8f8, transparent);
}

/* TRACK */
.marcas-track{
display:flex;
align-items:center;
gap:80px;
width:max-content;
animation: scrollMarcas 30s linear infinite;
}

/* PAUSA AL PASAR EL MOUSE */
.marcas-slider-home:hover .marcas-track{
animation-play-state: paused;
}

/* ITEM */
.marca-item{
display:flex;
align-items:center;
justify-content:center;
min-width:120px;
}

/* LOGOS */
.marca-item img{
height:75px;
width:auto;
object-fit:contain;

filter:grayscale(100%);
opacity:0.75;

transition:all .3s ease;
}

.marca-item img{
height:75px;
width:auto;
object-fit:contain;

background:white;
padding:10px 15px;
border-radius:12px;

box-shadow:0 4px 10px rgba(0,0,0,0.08);

transition:all .3s ease;
}

.marca-item img:hover{
transform:scale(1.08);
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* ANIMACIÓN INFINITA */
@keyframes scrollMarcas{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

/* RESPONSIVE */
@media (max-width:768px){

.marcas-track{
gap:40px;
animation: scrollMarcas 20s linear infinite;
}

.marca-item img{
height:55px;
}

.marcas-slider-home::before,
.marcas-slider-home::after{
width:60px;
}

}
.marca-item img{
height:60px;
}
/* FORZAR LOGOS EN COLOR */
.marcas-slider-home .marca-item img{
filter: none !important;
-webkit-filter: grayscale(0%) !important;

opacity:1 !important;
}