/* Real client marks, kept in their own colors and proportions. */
.clients { background: var(--color-bg-light); color: var(--text-primary); padding: 72px var(--page-gutter) 24px; }
.clients-inner { max-width: 1180px; margin: 0 auto; border-bottom: 1px solid #e6e3e9; padding-bottom: 64px; }
.clients .section-head { text-align: center; margin: 0 auto 36px; }
.clients .kicker { color: #6941b4; font-size: 11px; letter-spacing: .12em; margin: 0 0 16px; }
.clients .section-head h2 { font-size: clamp(30px, 3.5vw, 44px); margin: 0; }
.clients-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; padding: 0; margin: 0; }
.client-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-width: 0; padding: 28px 12px; border-radius: 20px; background: #f8f8fa; }
.client-logo { display: flex; align-items: center; justify-content: center; width: 104px; height: 104px; border-radius: 20px; overflow: hidden; background: #fff; }
.client-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.client-good-burger .client-logo { background: #20251e; padding: 8px; }
.client-genio-del-sabor .client-logo { border-radius: 50%; }
.client-name { font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; color: #34343a; }
@media (max-width: 640px) {
    .clients { padding-top: 48px; }
    .clients-inner { padding-bottom: 40px; }
    .clients .section-head { margin-bottom: 28px; }
    .clients .section-head h2 { max-width: 14ch; margin-inline: auto; }
    .clients .kicker { font-size: 10px; }
    .clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .client-brand { gap: 14px; padding: 22px 10px; }
    .client-logo { width: 84px; height: 84px; border-radius: 16px; }
    .client-name { font-size: 13px; }
    .client-brand:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc((100% - 12px) / 2); justify-self: center; }
}