
.wlcm-wrap{
margin:40px 0;
--logo-h:55px;
--logo-h-mob:34px;
}

/* tamaños por línea */
.wlcm-wrap.wlcm-size-sm{--logo-h:40px;--logo-h-mob:26px}
.wlcm-wrap.wlcm-size-lg{--logo-h:85px;--logo-h-mob:50px}
.wlcm-wrap.wlcm-size-xl{--logo-h:120px;--logo-h-mob:66px}
.wlcm-title{
font-size:11px;
letter-spacing:.25em;
text-transform:uppercase;
font-weight:600;
color:#7b8794;
margin:0 0 25px;
}

.wlcm-grid{
display:flex;
flex-wrap:wrap;
gap:80px;
align-items:center;
padding:40px;
background:#fff;
}

.wlcm-marquee{
position:relative;
overflow:hidden;
background:#fff;
padding:70px 40px;
}

.wlcm-marquee:before,
.wlcm-marquee:after{
content:'';
position:absolute;
top:0;
height:100%;
width:120px;
z-index:2;
pointer-events:none;
}

.wlcm-marquee:before{
left:0;
background:transparent;
}

.wlcm-marquee:after{
right:0;
background:transparent;
}

.wlcm-track{
display:flex;
align-items:center;
gap:120px;
width:max-content;
animation:wlcm-scroll var(--speed) linear infinite;
}

.wlcm-marquee:hover .wlcm-track{
animation-play-state:paused;
}

.wlcm-logo img{
max-height:var(--logo-h,55px);
width:auto;
opacity:.85;
filter:grayscale(100%);
transition:.3s ease;
}

.wlcm-logo img:hover{
opacity:1;
filter:none;
}

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

@media(max-width:768px){
.wlcm-track{gap:50px}
.wlcm-logo img{max-height:var(--logo-h-mob,34px)}
.wlcm-marquee{padding:45px 20px}
}
