/* Franja "Han confiado en nosotros" (logos de clientes). La inserta seo-fanout/aplicar_clientes.py
   justo después del hero de las landings de anuncios y de las páginas de contratación.
   Autónoma: no depende de las variables de /styles.css, así funciona también en /tunegocio/. */
.clientes{padding:56px 0 60px;background:#0D1826;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);}
.clientes-inner{max-width:1180px;margin:0 auto;padding:0 24px;text-align:center;}
.clientes-eyebrow{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7EEFDD;margin:0 0 10px;}
.clientes h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.2;color:#F4F6F7;margin:0 auto 12px;max-width:760px;letter-spacing:-.01em;}
.clientes-sub{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:#A9B7C2;max-width:720px;margin:0 auto 32px;}
.clientes-sub strong{color:#F4F6F7;font-weight:600;}
.clientes-logos{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;}
.clientes-logos li{background:#fff;border-radius:14px;height:112px;display:flex;align-items:center;justify-content:center;padding:16px 22px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease;}
.clientes-logos li:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.32);}
.clientes-logos img{display:block;max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;}
.clientes-logos .ancho img{max-height:52px;}
@media (max-width:760px){
  .clientes{padding:44px 0 48px;}
  .clientes-inner{padding:0 16px;}
  .clientes-logos{grid-template-columns:repeat(2,1fr);gap:12px;}
  .clientes-logos li{height:96px;padding:12px 16px;}
  .clientes-logos img{max-height:60px;}
  .clientes-logos .ancho img{max-height:40px;}
}