/* ===========================================================
   Carrusel de marcas (logos reales)
   ------------------------------------------------------------
   Dos filas en sentidos opuestos. Los logos van en monocromo de
   tinta para que ninguna marca compita con la casa; al apuntar uno
   recupera su color original (los trazados ya son monocromos).
   Alto por logo calculado por area optica (alto = k / raiz(aspecto))
   y ajustado a mano en los muy pesados o muy finos: con un alto
   comun, Porsche se veia diminuto y DRIJA gritaba.
   Origen: Wikimedia Commons (Porsche, Avianca, Sony, Johnnie Walker,
   Swarovski), sitio oficial (DRIJA), tarifario oficial en PDF
   (ABANK) y trazado vectorial de la lamina de patrocinadores del
   deck de PI (resto).
   =========================================================== */
.clientes-marco{display:grid;gap:clamp(1rem, .6rem + 1.2vw, 1.75rem);}
.ficha-logo{flex:none;display:flex;align-items:center;justify-content:center;
  height:72px;padding-inline:clamp(1.75rem, 1rem + 2.4vw, 3.25rem);}
.ficha-logo img{width:auto;max-width:none;
  filter:grayscale(1) brightness(0);opacity:.62;
  transition:filter var(--t-corta) var(--ease-expo),opacity var(--t-micro) linear,
             transform var(--t-corta) var(--ease-expo);}
.desfile-clientes:hover .ficha-logo img{opacity:.3;}
.desfile-clientes .ficha-logo:hover img{filter:none;opacity:1;transform:scale(1.06);}
.desfile-rev .desfile-pista{animation-direction:reverse;animation-duration:48s;}
.nota-marcas{margin:.5rem 0 0;font-size:.8125rem;color:var(--tinta-500);}

@media(prefers-reduced-motion:reduce){
  .ficha-logo img,.desfile-clientes .ficha-logo:hover img{transform:none;}
}