.clients-section{padding:75px 0 70px;border-bottom:1px solid #e5edf0;background:#fff}.clients-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.clients-heading h2{font-size:34px;letter-spacing:-1px;margin:0}.clients-heading>p{max-width:345px;font-size:14px;color:var(--muted);margin:0 0 3px}.clients-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.client-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:14px;min-height:162px;padding:24px 10px 18px;border:1px solid #e3ebef;border-radius:12px;background:linear-gradient(145deg,#fff,#f7fafb);transition:border-color .2s,transform .2s}.client-card:hover{border-color:#a9cdd6;transform:translateY(-2px)}.client-mark{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d3e6eb;border-radius:14px;background:#edf5f7;color:#315b70;font-size:20px;font-weight:600;letter-spacing:-1px}.client-name{font-size:11px;line-height:1.45;font-weight:600;color:#365566;max-width:135px;overflow-wrap:anywhere}.client-name small{display:block;font-size:9px;font-weight:400;color:#6b818c;margin-top:3px}.clients-note{font-size:10px;color:#70848e;text-align:center;margin:22px 0 0}nav{gap:22px}@media(max-width:1100px){.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}nav{gap:14px}.logo{width:175px}}@media(max-width:760px){.clients-section{padding:55px 0}.clients-heading{display:block;margin-bottom:25px}.clients-heading h2{font-size:30px}.clients-heading>p{margin-top:17px;max-width:350px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-card{min-height:150px;padding:20px 12px 17px;gap:12px}.client-name{font-size:12px;max-width:145px}.client-name small{font-size:10px}.clients-note{font-size:10px;max-width:300px;margin:20px auto 0}.logo{width:178px}}
/* Circular client marks: provisional accents until official logos are supplied. */
.clients-grid{row-gap:28px;column-gap:18px}
.client-card{background:none;border:0;border-radius:0;min-height:164px;padding:8px 4px 0;gap:15px;transition:none;--client-accent:#0e70a0}
.client-card:hover{transform:none;border-color:transparent}
.client-mark{width:96px;height:96px;border-radius:50%;background:#f4f6f7;border:1px solid #e0e6e9;color:#7c8990;font-size:27px;letter-spacing:-1px;box-shadow:0 3px 10px #12334504;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s}
.client-card:nth-child(4n+2){--client-accent:#c54642}
.client-card:nth-child(4n+3){--client-accent:#27846c}
.client-card:nth-child(4n+4){--client-accent:#3566a1}
.client-card:hover .client-mark,.client-card:focus-visible .client-mark{color:var(--client-accent);background:color-mix(in srgb,var(--client-accent) 8%,white);border-color:color-mix(in srgb,var(--client-accent) 45%,white);box-shadow:0 6px 20px color-mix(in srgb,var(--client-accent) 15%,transparent);transform:translateY(-3px)}
.client-card:focus-visible{outline:2px solid var(--client-accent);outline-offset:5px;border-radius:12px}
.client-mark img{width:70%;height:70%;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .25s,opacity .25s}
.client-card:hover .client-mark img,.client-card:focus-visible .client-mark img{filter:grayscale(0);opacity:1}
@media(hover:none){.client-mark img{filter:none;opacity:1}}
@media(max-width:760px){.clients-grid{row-gap:24px;column-gap:15px}.client-card{padding:5px 4px 0;min-height:158px;gap:13px}.client-mark{width:92px;height:92px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.client-mark,.client-mark img{transition:none}.client-card:hover .client-mark,.client-card:focus-visible .client-mark{transform:none}}

/* Original client logos, proportionally contained within white circles. */
.client-mark{width:112px;height:112px;background:#fff;overflow:hidden}.client-mark img{width:84%;height:78%;object-fit:contain;filter:grayscale(1);opacity:.78}.client-card:hover .client-mark,.client-card:focus-visible .client-mark{background:#fff}.client-mark .client-logo-himoinsa{width:98%;height:98%}.client-mark .client-logo-ypf{width:100%;height:100%;border-radius:50%}.client-card:hover .client-mark img,.client-card:focus-visible .client-mark img{filter:grayscale(0);opacity:1}
.client-card:nth-child(1){--client-accent:#333333}
.client-card:nth-child(2){--client-accent:#e62027}
.client-card:nth-child(3){--client-accent:#e63362}
.client-card:nth-child(4){--client-accent:#009f43}
.client-card:nth-child(5){--client-accent:#4b8e50}
.client-card:nth-child(6){--client-accent:#00b880}
.client-card:nth-child(7){--client-accent:#004887}
.client-card:nth-child(8){--client-accent:#0566b8}
.client-card:nth-child(9){--client-accent:#659d35}
.client-card:nth-child(11){--client-accent:#6f7378}
.client-card:nth-child(12){--client-accent:#00a6c0}
.client-card:nth-child(13){--client-accent:#009ddd}
.client-card:nth-child(14){--client-accent:#00a458}
@media(max-width:760px){.client-mark{width:108px;height:108px}}@media(hover:none){.client-mark img{filter:none;opacity:1}}
.client-mark .client-logo-sastre,.client-mark .client-logo-kelymar{width:68%;height:68%;object-fit:contain}
.client-card:nth-child(8) .client-mark{background:#0566b8;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s,transform .25s,box-shadow .25s}
.client-mark .client-logo-ypf{width:100%;height:100%;object-fit:cover;border-radius:0;filter:none;opacity:1}
.client-card:nth-child(8):hover .client-mark,.client-card:nth-child(8):focus-visible .client-mark{background:#0566b8;filter:grayscale(0);opacity:1}
@media(hover:none){.client-card:nth-child(8) .client-mark{filter:none;opacity:1}}


.client-card:nth-child(10){--client-accent:#93c400}.client-mark .client-logo-stiefel{width:78%;height:72%;object-fit:contain}

.client-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;width:100%;height:100%;border-radius:12px;cursor:pointer}.client-link:focus-visible{outline:2px solid var(--client-accent);outline-offset:6px}.client-card:focus-within .client-mark{color:var(--client-accent);border-color:color-mix(in srgb,var(--client-accent) 45%,white);box-shadow:0 6px 20px color-mix(in srgb,var(--client-accent) 15%,transparent);transform:translateY(-3px)}.client-card:focus-within .client-mark img{filter:grayscale(0);opacity:1}.client-card:nth-child(8):focus-within .client-mark{background:#0566b8;filter:none;opacity:1}@media(max-width:760px){.client-link{gap:13px}}@media(prefers-reduced-motion:reduce){.client-card:focus-within .client-mark{transform:none}}
