function LogoStrip() {
  const brands = [
    { name: 'Google',       src: window.__r('logoGoogle',       'logos/google.png') },
    { name: 'Mercado Libre', src: window.__r('logoMercadoLibre', 'logos/mercadolibre.png') },
    { name: 'Roche',         src: window.__r('logoRoche',        'logos/roche.png') },
    { name: 'Lancôme',       src: window.__r('logoLancome',      'logos/lancome.png') },
    { name: 'Royal Canin',   src: window.__r('logoRoyalCanin',   'logos/royalcanin.png') },
    { name: 'Booking.com',   src: window.__r('logoBooking',      'logos/booking.png') },
    { name: 'Endeavor',      src: window.__r('logoEndeavor',     'logos/endeavor.png') },
    { name: 'Elea',          src: window.__r('logoElea',         'logos/elea.png') },
    { name: 'GSK',           src: window.__r('logoGsk',          'logos/gsk.png') },
    { name: 'Banderas',      src: window.__r('logoBanderas',     'logos/banderas.png') },
    { name: 'Biotherm',      src: window.__r('logoBiotherm',     'logos/biotherm.png') },
    { name: 'Pampers',       src: window.__r('logoPampers',      'logos/pampers.png') },
  ];
  const loop = [...brands, ...brands];
  return (
    <section className="acmp-logos">
      <div className="label"><span className="hl">+70</span> marcas y empresas confían en nosotros</div>
      <div className="acmp-logos-marquee">
        <div className="acmp-logos-track">
          {loop.map((b, i) => (
            <img key={i} className="brand-logo" src={b.src} alt={b.name} />
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { LogoStrip });