// Iconos SVG inline (sin librerías). Estilo lineal, stroke 1.5
const Icon = ({ d, size = 22, stroke = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
    stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
    {d}
  </svg>
);

const I = {
  arrow: <Icon d={<><path d="M7 17 17 7"/><path d="M8 7h9v9"/></>} />,
  bot: <Icon d={<><rect x="4" y="8" width="16" height="12" rx="3"/><path d="M12 4v4"/><circle cx="9" cy="14" r="1"/><circle cx="15" cy="14" r="1"/><path d="M9 18h6"/></>} />,
  zap: <Icon d={<path d="m13 2-9 12h7l-1 8 9-12h-7l1-8z"/>} />,
  web: <Icon d={<><rect x="3" y="4" width="18" height="14" rx="2"/><path d="M3 9h18"/><circle cx="6" cy="6.5" r="0.5" fill="currentColor"/></>} />,
  flow: <Icon d={<><circle cx="6" cy="6" r="2"/><circle cx="18" cy="6" r="2"/><circle cx="6" cy="18" r="2"/><circle cx="18" cy="18" r="2"/><path d="M8 6h8M6 8v8M18 8v8M8 18h8"/></>} />,
  data: <Icon d={<><ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5"/><path d="M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"/></>} />,
  doc: <Icon d={<><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/><path d="M8 13h8M8 17h5"/></>} />,
  shield: <Icon d={<path d="M12 2 4 6v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V6z"/>} />,
  check: <Icon d={<path d="M5 12l4 4L19 6"/>} />,
  plus: <Icon d={<><path d="M12 5v14"/><path d="M5 12h14"/></>} size={14} />,
  send: <Icon d={<path d="M5 12h14M13 6l6 6-6 6"/>} size={18} />,
  sparkle: <Icon d={<><path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M6 18l2.5-2.5M15.5 8.5 18 6"/></>} />,
  clock: <Icon d={<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>} />,
  euro: <Icon d={<><path d="M18 7a7 7 0 1 0 0 10"/><path d="M3 11h10M3 15h10"/></>} />,
};

window.I = I;
