.connections {
  fill: none;
}

.connections circle {
  fill: var(--cyan);
  stroke: none;
}

.clients { background: #fff; border-top: 1px solid var(--line); }
.clients .section-heading { grid-template-columns: 1fr; max-width: 750px; }
.clients-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.client-card { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 28px 20px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbfe; }
.client-card h3 { font: 700 18px/1.45 var(--display); margin: 0; }
.client-card img { width: 100%; height: 140px; object-fit: contain; margin-bottom: 24px; }
.client-card { background: #fff; }
.client-ypf { background: #0056a6; color: #fff; }
.client-ypf img { padding: 24px; }
.whatsapp-float { position: fixed; right: 24px; bottom: 24px; z-index: 30; display: inline-flex; align-items: center; gap: 10px; padding: 15px 21px; border-radius: 999px; background: #087f45; color: #fff; font: 700 16px var(--font); text-decoration: none; box-shadow: 0 6px 26px #0003; }
.whatsapp-float:hover { background: #066b39; }
.whatsapp-float:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
footer { padding-bottom: 90px; }
.footer-bottom a { color: inherit; }
@media (max-width: 620px) { .whatsapp-float { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding: 13px 18px; } }
@media (max-width: 960px) { .clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .clients-grid { grid-template-columns: 1fr; } }
