.dhlc-wrap{
    --dhlc-gap:16px;
    --dhlc-card-bg:#fff;
    --dhlc-card-border:#ececec;
    --dhlc-card-radius:12px;
    --dhlc-card-padding:24px;
    --dhlc-card-height:110px;
    --dhlc-arrow-color:#9aa0a6;
    --dhlc-arrow-bg:#f3f4f6;
    --dhlc-arrow-size:44px;
    --dhlc-logo-max-h:60px;
    --dhlc-items:5;
    width:100%;
    position:relative;
    box-sizing:border-box;
}
.dhlc-wrap *,.dhlc-wrap *::before,.dhlc-wrap *::after{box-sizing:border-box;}

.dhlc-viewport{
    overflow:hidden;
    width:100%;
}

.dhlc-track{
    display:flex;
    gap:var(--dhlc-gap);
    transition:transform .55s cubic-bezier(.45,.05,.25,1);
    will-change:transform;
}

.dhlc-slide{
    flex:0 0 calc((100% - (var(--dhlc-items) - 1) * var(--dhlc-gap)) / var(--dhlc-items));
    min-width:0;
}

.dhlc-slide > a{
    display:block;
    text-decoration:none;
    color:inherit;
}

.dhlc-card{
    background:var(--dhlc-card-bg);
    border:1px solid var(--dhlc-card-border);
    border-radius:var(--dhlc-card-radius);
    padding:var(--dhlc-card-padding);
    min-height:var(--dhlc-card-height);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:box-shadow .25s ease, transform .25s ease;
}
.dhlc-slide > a:hover .dhlc-card{
    box-shadow:0 6px 20px rgba(0,0,0,.06);
    transform:translateY(-2px);
}

.dhlc-card img{
    max-width:100%;
    max-height:var(--dhlc-logo-max-h);
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
    transition:filter .25s ease, opacity .25s ease;
}

.dhlc-wrap.dhlc-grayscale .dhlc-card img{
    filter:grayscale(100%);
    opacity:.75;
}
.dhlc-wrap.dhlc-grayscale .dhlc-slide:hover .dhlc-card img{
    filter:none;
    opacity:1;
}

/* Nav */
.dhlc-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:22px;
}
.dhlc-arrow{
    width:var(--dhlc-arrow-size);
    height:var(--dhlc-arrow-size);
    border-radius:50%;
    background:var(--dhlc-arrow-bg);
    color:var(--dhlc-arrow-color);
    border:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .2s, color .2s, transform .2s;
    padding:0;
}
.dhlc-arrow:hover{
    background:var(--dhlc-arrow-color);
    color:#fff;
}
.dhlc-arrow:active{transform:scale(.95);}
.dhlc-arrow[disabled]{opacity:.4;cursor:not-allowed;}
.dhlc-arrow svg{display:block;}

/* Responsivo */
@media (max-width:1024px){ .dhlc-wrap{ --dhlc-items: var(--dhlc-items-tablet, 3); } }
@media (max-width:640px){  .dhlc-wrap{ --dhlc-items: var(--dhlc-items-mobile, 2); } }