// SVG icon system — color via style (resolve CSS vars em produção)
function Icon({ name, size = 20, color = 'currentColor', stroke = 1.8 }) {
  const p = {
    arrow: <path d="M5 12h14M13 5l7 7-7 7" />,
    check: <path d="M5 12l5 5 9-12" />,
    whatsapp: <path d="M16.6 14.2c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1c-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-1.7-.8-2.8-1.5-4-3.5-.3-.5.3-.5.9-1.6.1-.2.05-.4-.05-.5l-.9-2.2c-.2-.5-.5-.5-.7-.5-.2 0-.4 0-.6 0-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 2.9 0 1.7 1.2 3.4 1.4 3.6.2.3 2.4 3.7 5.9 5.2 2.1.9 2.9 1 4 .8.6-.1 1.7-.7 2-1.4.3-.7.3-1.2.2-1.4-.1-.2-.3-.3-.6-.4z" />,
    calendar: <><rect x="3" y="5" width="18" height="16" rx="2" /><path d="M3 10h18M8 3v4M16 3v4" /></>,
    map: <><path d="M12 22s7-6 7-12a7 7 0 1 0-14 0c0 6 7 12 7 12z" /><circle cx="12" cy="10" r="2.5" /></>,
    phone: <path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z" />,
    heart: <path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21.2l7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.8z" />,
    users: <><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M23 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8" /></>,
    user: <><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" /></>,
    leaf: <path d="M3 21c0-7 5-12 12-12 0 7-5 12-12 12zM9 15c2-4 5-6 9-7" />,
    sparkle: <><path d="M12 3v6M12 15v6M3 12h6M15 12h6" /><path d="M5.6 5.6l4.2 4.2M14.2 14.2l4.2 4.2M5.6 18.4l4.2-4.2M14.2 9.8l4.2-4.2" /></>,
    plus: <path d="M12 5v14M5 12h14" />,
    minus: <path d="M5 12h14" />,
    star: <path d="m12 2 2.9 6.3 6.8.6-5.2 4.5 1.6 6.7L12 17l-6.1 3.6 1.6-6.7L2.3 8.9l6.8-.6z" />,
    quote: <path d="M7 7h4v4H7zM13 7h4v4h-4zM7 13c0 3 2 4 4 4M13 13c0 3 2 4 4 4" />,
    instagram: <><rect x="2" y="2" width="20" height="20" rx="5" /><circle cx="12" cy="12" r="4" /><circle cx="17.5" cy="6.5" r="1" /></>,
  }[name] || null;
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
      style={{ stroke: color, flex: 'none' }} strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round">
      {p}
    </svg>
  );
}

function Star({ size = 14, color = '#c89b5a' }) {
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" style={{ fill: color, flex: 'none' }} stroke="none" aria-hidden="true">
      <path d="m12 2 2.9 6.3 6.8.6-5.2 4.5 1.6 6.7L12 17l-6.1 3.6 1.6-6.7L2.3 8.9l6.8-.6z" />
    </svg>
  );
}

window.Icon = Icon;
window.Star = Star;