/* === ALC Abogados · componente "clientes" ===
   Reglas portadas verbatim de design/css/sections.css (líneas 72-85). NO reescribir. */

/* ===== CLIENTS STRIP ===== */
.alc-clt { background: var(--paper); padding: 56px 0 72px; border-bottom: 1px solid var(--line); overflow: hidden; }
.alc-clt-inner { max-width: var(--max); margin: 0 auto; padding: 0 56px; }
.alc-clt-head { display: flex; justify-content: center; padding-bottom: 32px; }
.alc-clt-eyebrow { font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; }
.alc-clt-track-wrap { position: relative; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.alc-clt-track { display: flex; gap: 88px; animation: alc-clt-scroll 38s linear infinite; width: max-content; align-items: center; }
@keyframes alc-clt-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.alc-clt-track:hover { animation-play-state: paused; }
.alc-clt-logo { display: flex; align-items: center; gap: 16px; color: var(--ink); opacity: 0.55; transition: opacity .2s; flex-shrink: 0; }
.alc-clt-logo:hover { opacity: 1; }
.alc-clt-name { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; color: var(--ink); }
@media (max-width: 600px) { .alc-clt { padding: 36px 0 48px; } .alc-clt-inner { padding: 0 20px; } .alc-clt-track { gap: 40px; animation-duration: 28s; } .alc-clt-name { font-size: 15px; } }