/* Franja "Empresas que han confiado en Procolor": carrusel en bucle solo con CSS */
.trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 30px}
.trust-t{margin:0 0 18px;text-align:center;font-family:var(--hd);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.trust-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.trust-track{display:flex;width:max-content;animation:trust-loop 48s linear infinite;will-change:transform}
.trust-view:hover .trust-track{animation-play-state:paused}
.trust-group{display:flex;flex:none;align-items:center;margin:0;padding:0;list-style:none}
.trust-group li{flex:none;display:flex;align-items:center;padding:0 clamp(32px,5.5vw,72px)}
.trust-group img{display:block;width:auto}
.trust-group .l-bmw{height:84px}.trust-group .l-dem{height:46px}.trust-group .l-arq{height:72px}.trust-group .l-gar{height:72px}
@keyframes trust-loop{to{transform:translateX(-50%)}}
.trust-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:640px){.trust{padding:22px 0 24px}.trust-group .l-bmw{height:66px}.trust-group .l-dem{height:36px}.trust-group .l-arq{height:56px}.trust-group .l-gar{height:56px}.trust-track{animation-duration:40s}}
@media(prefers-reduced-motion:reduce){
  .trust-track{animation:none;width:auto;justify-content:center}
  .trust-view{-webkit-mask-image:none;mask-image:none}
  .trust-group.dup,.trust-group .r{display:none}
  .trust-group{flex-wrap:wrap;justify-content:center;row-gap:18px}
}