/* Client marks reuse the original portfolio image without altering the artwork. */
#clientes { scroll-margin-top: calc(var(--header-h, 88px) + 28px); }
.clients-heading { margin-bottom: 30px; }
.client-showcase { border:1px solid #d7e1db; border-radius:22px; background:#f4f6f1; overflow:hidden; box-shadow:0 16px 44px #123f320a; }
.client-showcase-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #dce4df; }
.client-showcase-toolbar > p { margin:0; font-size:14px; color:#35564a; }
.client-showcase-controls { display:flex; flex-wrap:wrap; gap:8px; }
.client-showcase-controls[hidden] { display:none; }
.client-control { border:1px solid #b7c9be; border-radius:999px; padding:9px 15px; min-height:40px; background:#fff; color:#173e31; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.client-control:hover { background:#e5eee6; }
.client-control:focus-visible, .client-whatsapp:focus-visible { outline:3px solid #b47b00; outline-offset:4px; }
.client-control[aria-pressed="true"] { background:#173e31; color:#fff; }
.client-lane { padding:22px 0; }
.client-lane + .client-lane { border-top:1px solid #dce4df; }
.client-lane-heading { padding:0 24px; margin-bottom:16px; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 20px; }
.client-lane-heading h3 { margin:0; color:#123f32; font-size:17px; }
.client-lane-heading p { margin:0; color:#526a5e; font-size:13px; line-height:1.5; }
.client-marquee { padding:2px 24px; }
.client-track { width:100%; }
.client-brand-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.client-brand { margin:0; padding:16px 12px 12px; background:#fff; border:1px solid #e0e6df; border-radius:12px; min-width:0; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:8px; }
.client-brand-mark { height:92px; width:156px; max-width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.client-brand-mark img { display:block; width:154px; max-width:100%; height:88px; object-fit:contain; }
.client-brand-name { display:block; max-width:100%; color:#4e6359; text-align:center; font-size:11px; line-height:1.4; font-weight:600; min-height:31px; }
.client-logo-sprite { display:block; flex-shrink:0; background-image:url('clientes-atendidos-sondamais.png'); background-repeat:no-repeat; }
.client-wordmark { font-family:Arial,sans-serif; font-size:35px; line-height:1; font-weight:800; color:#173e31; letter-spacing:1px; }
.client-wordmark small { display:block; margin-top:8px; font-size:9px; font-weight:600; letter-spacing:2px; text-transform:uppercase; }
.client-brand-dark { background:#173e31; border-color:#173e31; }
.client-brand-dark .client-brand-name { color:#f2f5ef; }
.client-showcase[data-ready="true"]:not([data-view="all"]) .client-marquee { overflow:hidden; padding-right:0; padding-left:0; mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent); }
.client-showcase[data-ready="true"]:not([data-view="all"]) .client-track { display:flex; width:max-content; animation:client-drift var(--client-duration,60s) linear infinite; will-change:transform; }
.client-showcase[data-ready="true"]:not([data-view="all"]) .client-brand-list { display:flex; flex-shrink:0; gap:12px; padding-right:12px; }
.client-showcase[data-ready="true"]:not([data-view="all"]) .client-brand { width:190px; flex:0 0 190px; }
.client-showcase[data-paused="true"] .client-track,
.client-showcase[data-offscreen="true"] .client-track,
.client-showcase[data-background="true"] .client-track,
.client-marquee:hover .client-track,
.client-marquee:focus-within .client-track { animation-play-state:paused !important; }
.client-showcase[data-view="all"] [data-client-clone] { display:none; }
.client-contact { margin-top:26px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.client-contact strong { color:#123f32; font-size:18px; }
.client-contact p { max-width:660px; margin:7px 0 0; font-size:14px; line-height:1.6; color:#526a5e; }
.client-whatsapp { display:inline-flex; align-items:center; justify-content:center; gap:14px; flex-shrink:0; padding:15px 20px; border-radius:12px; color:#173e31; background:#f4c54c; font-size:14px; font-weight:800; text-decoration:none; }
.client-whatsapp:hover { background:#ffda6c; }
@keyframes client-drift { to { transform:translateX(-50%); } }
@media(max-width:700px) {
 .client-showcase-toolbar { align-items:flex-start; flex-direction:column; padding:18px; }
 .client-lane-heading { padding:0 18px; }
 .client-marquee { padding:2px 16px; }
 .client-showcase[data-ready="true"]:not([data-view="all"]) .client-brand { width:172px; flex-basis:172px; }
 .client-contact { flex-direction:column; align-items:stretch; }
 .client-whatsapp { text-align:center; font-size:13px; }
 .client-brand-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .client-brand { padding:12px 8px 10px; }
 .client-brand-mark { transform:scale(.88); }
}
@media(prefers-reduced-motion:reduce) {
 .client-showcase .client-track { animation:none !important; transform:none !important; width:100% !important; display:block !important; will-change:auto !important; }
 .client-showcase .client-marquee { padding:2px 16px !important; mask-image:none !important; overflow:visible !important; }
 .client-showcase[data-ready="true"] .client-brand-list { display:grid !important; padding-right:0 !important; }
 .client-showcase[data-ready="true"] .client-brand { width:auto !important; }
 .client-showcase [data-client-clone], .client-showcase-controls { display:none !important; }
}

/* Plain name cards are used where an official logo was not available. */
.client-nameplate { color:#173e31; text-align:center; font-size:22px; line-height:1.15; font-weight:700; letter-spacing:-.4px; }
.client-nameplate small { display:block; margin-top:8px; font-size:11px; line-height:1.3; font-weight:500; letter-spacing:.3px; }
.client-professional { display:block; margin-top:4px; font-size:10px; font-weight:400; }