function LogoStrip() {
  const brands = [
    { name: 'The Walt Disney Company', src: R('logos/disney.png') },
    { name: 'Google', src: R('logos/google.webp') },
    { name: 'Mercado Libre', src: R('logos/mercadolibre.webp') },
    { name: 'Roche', src: R('logos/roche.webp') },
    { name: 'Lancôme', src: R('logos/lancome.webp') },
    { name: 'Royal Canin', src: R('logos/royalcanin.webp') },
    { name: 'Booking.com', src: R('logos/booking.webp') },
    { name: 'Endeavor', src: R('logos/endeavor.webp') },
    { name: 'Elea', src: R('logos/elea.webp') },
    { name: 'GSK', src: R('logos/gsk.webp') },
    { name: 'Banderas', src: R('logos/banderas.webp') },
    { name: 'Biotherm', src: R('logos/biotherm.webp') },
    { name: 'Pampers', src: R('logos/pampers.webp') },
  ];
  const loop = [...brands, ...brands];
  return (
    <section className="acmp-logos">
      <div className="label" style={{ fontSize: '18px' }}><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 });