.clientes { position: relative; z-index: 2; padding: clamp(80px, 10vw, 130px) 0 clamp(60px, 8vw, 100px); background: var(--wp-surface-tint); border-radius: clamp(28px, 4vw, 48px) clamp(28px, 4vw, 48px) 0 0; }
.clientes__cab { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: end; margin-bottom: 56px; }

.faixa { position: relative; overflow: hidden; padding: 14px 0; -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.faixa__trilho { display: flex; align-items: center; gap: clamp(40px, 5vw, 72px); width: max-content; animation: corre var(--dur, 80s) linear infinite; }
.faixa--volta .faixa__trilho { animation-direction: reverse; }
.faixa:hover .faixa__trilho { animation-play-state: paused; }
@keyframes corre { to { transform: translateX(-50%); } }

.logo { flex: none; display: flex; align-items: center; justify-content: center; height: 64px; }
.logo img { height: var(--h); width: auto; filter: grayscale(1); opacity: 0.55; transition: filter 0.35s, opacity 0.35s, transform 0.35s var(--ease-standard); }
.logo:hover img { filter: none; opacity: 1; transform: scale(1.08); }

.mural-wrap { display: grid; justify-items: center; margin-top: 44px; }
.mural-wrap summary { list-style: none; cursor: pointer; }
.mural-wrap summary::-webkit-details-marker { display: none; }
.mural__fechar { display: none; }
.mural-wrap[open] .mural__abrir { display: none; }
.mural-wrap[open] .mural__fechar { display: inline; }
.mural { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 4px; width: 100%; margin-top: 40px; }
.mural .logo { height: 110px; border-radius: var(--radius-md); background: var(--wp-white); opacity: 0; transform: translateY(12px); animation: entra 0.5s forwards; animation-delay: calc(var(--i, 0) * 12ms); }
.mural .logo img { filter: none; opacity: 1; max-width: 80%; height: auto; max-height: 56px; }
.mural .logo:hover { background: var(--wp-surface-tint); }
@keyframes entra { to { opacity: 1; transform: none; } }

@media (max-width: 980px) { .clientes__cab { grid-template-columns: 1fr; gap: 20px; } }