.clients-page .nav-inner{max-width:1380px;gap:24px}.clients-page .nav-links>a,.clients-page .nav-links>.nav-item-drop>a{font-size:12px;padding-left:8px;padding-right:8px}.clients-page .nav-actions{gap:10px}.clients-page .nav-actions>.btn-orange,.clients-page .nav-actions>.btn-ghost{font-size:11px}.clients-page .mobile-menu{max-height:calc(100dvh - 68px);overflow-y:auto}.clients-page .wit-programs-dropdown:focus-within>.nav-dropdown{visibility:visible;opacity:1;pointer-events:auto}.clients-page .wit-programs-dropdown .nav-dropdown{min-width:340px}.clients-page .wit-programs-dropdown .nav-dropdown-inner a{white-space:normal}
@media(max-width:1180px){.clients-page .nav-links,.clients-page .nav-actions{display:none!important}.clients-page .hamburger{display:block!important;margin-left:auto}.clients-page .nav-inner{height:68px}}
.clients-page{--wit-heading-tracking:-.025em;background:#fff;color:#18181b}
.clients-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.clients-skip{position:absolute;top:-80px;left:20px;z-index:3000;background:#18181b;color:white;padding:12px 18px;border-radius:8px}.clients-skip:focus{top:16px}
.clients-hero{padding:150px 0 52px;text-align:center;background:radial-gradient(ellipse at 20% 10%,#fff5ed 0,transparent 50%),radial-gradient(ellipse at 85% 45%,#f4efff 0,transparent 50%)}
.clients-eyebrow{display:block;color:#a85f30;font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.6;margin-bottom:18px}
.clients-hero h1{font-size:clamp(44px,5.2vw,72px);font-weight:800;line-height:1.1;letter-spacing:-.025em;word-spacing:.04em;max-width:1000px;margin:0 auto 26px;text-wrap:balance}
.clients-hero h1 span{background:linear-gradient(115deg,#e88c4d,#8d40df);background-clip:text;-webkit-background-clip:text;color:transparent;padding-inline-end:.12em;margin-inline-end:-.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.clients-lead{font-size:clamp(19px,2vw,24px);font-weight:600;color:#18181b;margin:0 0 12px;line-height:1.5;text-wrap:balance}
.clients-context{color:#52525b;line-height:1.8;font-size:15px;max-width:640px;margin:0 auto}
.clients-gallery{padding:32px 0 90px}
.clients-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.clients-grid>li{min-width:0}
.clients-card{margin:0;height:156px;border:1px solid #ececf0;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:20px 15px 14px;background:#fff}
.clients-mark{transition:none!important;display:block;flex-shrink:0;width:min(100%,var(--logo-w));background-image:url('/clientes/assets/trayectoria-clientes-wit.png');background-repeat:no-repeat}
.clients-card figcaption{font-size:10px;color:#71717a;text-align:center;line-height:1.45;min-height:15px;text-wrap:balance}
.clients-contact{padding:48px 0;background:#f8f7fb;border-top:1px solid #eeeaf4}
.clients-contact>.clients-container{display:flex;align-items:center;justify-content:space-between;gap:32px}
.clients-contact .clients-eyebrow{margin-bottom:12px}
.clients-contact h2{font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:800;max-width:550px;text-wrap:balance}
.clients-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.clients-secondary{font-size:13px;font-weight:700;color:#52525b;text-decoration:none;padding:12px 0}
@media(max-width:1100px){.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.clients-contact>.clients-container{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.clients-container{width:calc(100% - 36px)}.clients-hero{padding:116px 0 30px}.clients-hero h1{font-size:clamp(30px,9vw,38px);line-height:1.13;letter-spacing:-.015em!important;margin-bottom:22px}.clients-desktop-break{display:none}.clients-hero h1 span{display:block}.clients-eyebrow{font-size:10px;margin-bottom:16px}.clients-context{font-size:14px}.clients-gallery{padding:22px 0 56px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clients-card{height:144px;border-radius:13px;padding:18px 12px 14px;gap:12px}.clients-contact{padding:36px 0}.clients-actions{gap:12px;flex-direction:column;align-items:stretch;width:100%}.clients-actions a{text-align:center;justify-content:center}.clients-contact h2{font-size:28px}}

/* Additional client marks: keep original assets and render them in the shared grayscale palette. */
.clients-logo-added{display:block;max-width:100%;width:178px;height:82px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:none!important;flex-shrink:0}
.clients-logo-le-garage-chic{filter:brightness(0);opacity:.6}
.clients-mark-added{filter:grayscale(1);opacity:.78}