.dv-marcas {
  background:#f5f5f5;
  padding:65px 0 55px;
  overflow:hidden;
  color:#141414;
}

.dv-marcas-topo {
  padding:0 7%;
  text-align:center;
  margin-bottom:35px;
}

.dv-marcas-topo span {
  color:#E83939;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
}

.dv-marcas h2 {
  font-size:clamp(27px,4vw,43px);
  line-height:1.15;
  letter-spacing:-1.5px;
  margin:15px 0;
}

.dv-marcas-topo p {
  color:#666;
  line-height:1.7;
}

.dv-marcas-janela {
  overflow:hidden;
  width:100%;
  mask-image:linear-gradient(
    to right,
    transparent,
    black 8%,
    black 92%,
    transparent
  );
}

.dv-marcas-trilho {
  display:flex;
  width:max-content;
  gap:18px;
  animation:dvMarcasMover 28s linear infinite;
}

.dv-marcas-janela:hover .dv-marcas-trilho {
  animation-play-state:paused;
}

.dv-marca {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  height:105px;
  padding:22px 32px;
  border:1px solid #e8e8e8;
  background:white;
  border-radius:13px;
  transition:transform .3s,box-shadow .3s;
}

.dv-marca:hover {
  transform:translateY(-5px);
  box-shadow:0 12px 30px #00000012;
}

.dv-marca span {
  font-weight:900;
  font-size:26px;
  letter-spacing:-1px;
  white-space:nowrap;
}

.dv-marca-vivo {color:#7824BE}
.dv-marca-samsung {color:#1645A5}
.dv-marca-shopify {color:#76A934}
.dv-marca-shopee {color:#E95B2C}

.dv-marcas-nota {
  text-align:center;
  font-size:12px;
  color:#777;
  padding:18px 7% 0;
}

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

@media(max-width:600px) {
  .dv-marcas {padding:48px 0 38px}
  .dv-marcas-topo {padding:0 6%}
  .dv-marca {
    min-width:165px;
    height:85px;
    padding:16px;
  }
  .dv-marca span {font-size:21px}
  .dv-marcas-trilho {gap:12px}
}

@media(prefers-reduced-motion:reduce) {
  .dv-marcas-trilho {animation:none}
  .dv-marcas-janela {overflow-x:auto}
}

/* PADRONIZAÇÃO DOS LOGOTIPOS — 80x50 */
.dv-marca img {
  width: 80px !important;
  height: 50px !important;
  max-width: 80px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  display: block;
}

.dv-marca {
  min-width: 140px;
  height: 90px;
  padding: 15px;
}

@media (max-width: 600px) {
  .dv-marca {
    min-width: 120px;
    height: 80px;
    padding: 12px;
  }
}