CINTA IMPERMEABLE - MULTIFUNCIONAL ®

.logo-ticker { width: 100%; overflow: hidden; padding: 14px 0; background: linear-gradient(180deg, #f3f2ed 0%, #eceae3 100%); border-radius: 14px; position: relative; } .logo-ticker__track { display: flex; align-items: center; gap: 18px; width: max-content; animation: logoTickerScroll 24s linear infinite; will-change: transform; } .logo-ticker__item { flex: 0 0 auto; width: 170px; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; padding: 10px 16px; box-sizing: border-box; } .logo-ticker__item img { max-height: 30px; max-width: 125px; width: auto; height: auto; object-fit: contain; display: block; opacity: 0.95; transition: transform 0.25s ease, opacity 0.25s ease; } .logo-ticker__item:hover img { transform: scale(1.04); opacity: 1; } .logo-ticker:hover .logo-ticker__track { animation-play-state: paused; } @keyframes logoTickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 749px) { .logo-ticker { padding: 10px 0; border-radius: 10px; } .logo-ticker__track { gap: 12px; animation-duration: 20s; } .logo-ticker__item { width: 140px; height: 56px; padding: 8px 12px; } .logo-ticker__item img { max-height: 24px; max-width: 100px; } } "" loading="lazy">