// Full-bleed photo background, tinted into the brand's navy/gold duotone via
// `mix-blend-mode: luminosity` — the gradient behind supplies the colour, the
// photo only contributes its tonal range. Keeps "blanco con azul" even when a
// photograph is on screen. Decorative only: aria-hidden, lazy-loaded.
export function FondoFoto({
  src,
  className = '',
  imgClassName = '',
  wash = 'bg-azul-profundo/70',
}: {
  src: string;
  className?: string;
  imgClassName?: string;
  wash?: string;
}) {
  return (
    <div aria-hidden="true" className={`absolute overflow-hidden pointer-events-none select-none ${className}`}>
      <div className="absolute inset-0 bg-gradient-to-br from-azul-profundo to-dorado" />
      {/* eslint-disable-next-line @next/next/no-img-element -- decorative background on a `output: export` site with images.unoptimized */}
      <img
        src={src}
        alt=""
        loading="lazy"
        className={`absolute inset-0 w-full h-full object-cover mix-blend-luminosity ${imgClassName}`}
      />
      <div className={`absolute inset-0 ${wash}`} />
    </div>
  );
}