.absa-clients {
    --clients-visible: 6;
    position: relative;
    height: 70px;
    margin-top: 40px;
    background: transparent;
    color: #fff;
}
.absa-clients-viewport {
    container-type: inline-size;
    width: calc(100% - 2 * var(--site-gutter, 24px));
    max-width: calc(var(--site-width, 1400px) - 2 * var(--site-gutter, 24px));
    height: 100%;
    margin-inline: auto;
    overflow: hidden;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}
.absa-clients.is-dragging .absa-clients-viewport { cursor: grabbing; }
.absa-clients-track {
    display: flex;
    width: max-content;
    height: 100%;
    animation: absa-clients-scroll 75s linear infinite;
}
.absa-clients-group {
    display: flex;
    flex: none;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.absa-clients-item {
    --client-logo-height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--client-item-width, calc(100cqw / var(--clients-visible)));
    height: 100%;
    padding: 8px 12px;
}
.absa-clients-item img {
    display: block;
    width: var(--client-image-width, auto);
    height: auto;
    max-width: min(100%, 150px);
    max-height: var(--client-logo-height);
    object-fit: contain;
}
/* Compact emblems need more height than wide wordmarks to carry similar visual weight. */
.absa-clients-item[data-client="ingemetal"] { --client-logo-height: 54px; }
.absa-clients-item[data-client="buses-sandoval"] { --client-logo-height: 54px; }
.absa-clients-item[data-client="promasa"] { --client-logo-height: 48px; }
.absa-clients-item[data-client="foraction"] { --client-logo-height: 46px; }
.absa-clients-item[data-client="emin"],
.absa-clients-item[data-client="cmpc"] { --client-logo-height: 42px; }
.absa-clients-item[data-client="ava-montajes"] { --client-logo-height: 40px; }
.absa-clients:hover .absa-clients-track {
    animation-play-state: paused;
}
.absa-clients.is-dragging .absa-clients-track { animation-play-state: paused; }
@keyframes absa-clients-scroll {
    to { transform: translateX(-50%); }
}
@media (max-width: 900px) {
    .absa-clients { --clients-visible: 3; }
}
@media (max-width: 600px) {
    .absa-clients { --clients-visible: 3; }
    .absa-clients-item { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .absa-clients-viewport { overflow-x: auto; }
    .absa-clients-track { animation: none; }
    .absa-clients-group[aria-hidden] { display: none; }
}