/* Slider de logos llamativo */
.logo-slider { padding: 0 clamp(16px, 4vw, 48px) 32px; text-align: center; }
.logo-slider h2 { margin: 0 0 12px; }
.slider { overflow: hidden; border-radius: 16px; background: rgba(255,255,255,.04); box-shadow: 0 16px 40px rgba(0,0,0,.35) inset; }
.slider .track { display: flex; gap: 40px; align-items: center; padding: 18px; animation: logos 28s linear infinite; }
.slider img { height: 56px; width: auto; filter: grayscale(1) brightness(.95); opacity: .9; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.slider img:hover { filter: grayscale(0) brightness(1.05); opacity: 1; transform: scale(1.06); }
@keyframes logos { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Sección de sitios con estilo tecnológico */
.clients-hero { position: relative; text-align: center; padding: 16px clamp(16px, 4vw, 48px) 28px; }
.clients-hero .hero-bg { position: absolute; inset: 0; background: radial-gradient(900px 600px at 20% 10%, #1f2937, transparent), radial-gradient(900px 600px at 80% 80%, #0ea5e9, transparent); opacity: .35; filter: blur(18px); z-index: -1; }
.clients-hero h1 { margin: 0 0 6px; font-weight: 900; letter-spacing: .02em; }
.clients-hero .lede { margin: 0 auto 10px; color: #cbd5e1; max-width: 70ch; }
.hero-pills { display: flex; gap: 10px; justify-content: center; padding: 0; margin: 0 0 12px; flex-wrap: wrap; }
.hero-pills li { list-style: none; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.cta-wa { display: inline-block; padding: 10px 14px; border-radius: 12px; background: #22c55e; color: #0b1410; text-decoration: none; font-weight: 900; letter-spacing: .02em; box-shadow: 0 14px 30px rgba(34,197,94,.35); }
.cta-wa.light { background: #60a5fa; color: #0b1320; box-shadow: 0 14px 30px rgba(96,165,250,.35); }

.sites-tech { padding: 0 clamp(16px, 4vw, 48px) 48px; }
.sites-tech h2 { margin: 0 0 12px; }
.sites-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.site-card { position: relative; border-radius: 14px; overflow: hidden; background: #0f1115; box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset; }
.site-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(99,102,241,.25), rgba(59,130,246,.25)); opacity: .2; pointer-events: none; }
.site-card img { width: 100%; height: 200px; object-fit: cover; display: block; filter: saturate(1.05) contrast(1.05); }
.site-card figcaption { position: absolute; left: 12px; bottom: 10px; color: #fff; font-weight: 800; letter-spacing: .04em; text-shadow: 0 4px 14px rgba(0,0,0,.6); }

.sales-banner { margin-top: 16px; text-align: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); padding: 14px; border-radius: 14px; }
.sales-banner h3 { margin: 0 0 6px; }
.sales-banner p { margin: 0 0 8px; color: #cbd5e1; }