// Iconos lineales simples. stroke 1.6, 24x24.
const Ic = ({ children, size = 24, stroke = "currentColor", sw = 1.6, ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke={stroke} strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round"
       aria-hidden="true" {...p}>
    {children}
  </svg>
);

const IconHome = (p) => <Ic {...p}><path d="M3 11.5 12 4l9 7.5"/><path d="M5 10v10h14V10"/><path d="M10 20v-5h4v5"/></Ic>;
const IconCar = (p) => <Ic {...p}><path d="M4 16v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2"/><path d="M16 16v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2"/><path d="M3 16V12l2-5a2 2 0 0 1 1.8-1.2h10.4A2 2 0 0 1 19 7l2 5v4"/><path d="M3 12h18"/><circle cx="7.5" cy="14.5" r="1"/><circle cx="16.5" cy="14.5" r="1"/></Ic>;
const IconHeart = (p) => <Ic {...p}><path d="M12 20s-7-4.35-7-10a4 4 0 0 1 7-2.65A4 4 0 0 1 19 10c0 5.65-7 10-7 10Z"/></Ic>;
const IconHealth = (p) => <Ic {...p}><path d="M12 20.5s-7-4-7-10a4.5 4.5 0 0 1 7-3.5 4.5 4.5 0 0 1 7 3.5c0 6-7 10-7 10Z"/><path d="M9 11h2v-2h2v2h2v2h-2v2h-2v-2H9z"/></Ic>;
const IconBriefcase = (p) => <Ic {...p}><rect x="3" y="7" width="18" height="13" rx="1.5"/><path d="M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"/><path d="M3 13h18"/></Ic>;
const IconScooter = (p) => <Ic {...p}><circle cx="5" cy="17" r="2.2"/><circle cx="18" cy="17" r="2.2"/><path d="M5 17h6l5-10h3"/><path d="M14 7h4"/></Ic>;

const IconPhone = (p) => <Ic {...p}><path d="M5 4h3l2 5-2 1a11 11 0 0 0 5 5l1-2 5 2v3a2 2 0 0 1-2 2A14 14 0 0 1 3 6a2 2 0 0 1 2-2Z"/></Ic>;
const IconMail = (p) => <Ic {...p}><rect x="3" y="5" width="18" height="14" rx="1.5"/><path d="M3 7l9 6 9-6"/></Ic>;
const IconPin = (p) => <Ic {...p}><path d="M12 22s7-7.5 7-13a7 7 0 0 0-14 0c0 5.5 7 13 7 13Z"/><circle cx="12" cy="9" r="2.5"/></Ic>;
const IconClock = (p) => <Ic {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Ic>;
const IconCheck = (p) => <Ic {...p}><path d="M4 12l5 5 11-12"/></Ic>;
const IconArrow = (p) => <Ic {...p}><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></Ic>;
const IconQuote = (p) => <Ic {...p} sw={1.2}><path d="M7 7c-2 1.3-3 3.3-3 6v4h5v-6H6c0-1.7.7-3 2.5-4zm10 0c-2 1.3-3 3.3-3 6v4h5v-6h-3c0-1.7.7-3 2.5-4z" fill="currentColor" stroke="none"/></Ic>;

// Marcas: Instagram, Google, WhatsApp
const IconInstagram = (p) => <Ic {...p}><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.3" cy="6.7" r="0.9" fill="currentColor" stroke="none"/></Ic>;
const IconGoogle = ({ size = 24, ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" aria-hidden="true" {...p}>
    <path fill="#4285F4" d="M21.6 12.2c0-.7-.1-1.3-.2-1.9H12v3.7h5.4a4.6 4.6 0 0 1-2 3v2.5h3.3c1.9-1.8 2.9-4.4 2.9-7.3Z"/>
    <path fill="#34A853" d="M12 22c2.7 0 5-.9 6.7-2.4l-3.3-2.5c-.9.6-2.1 1-3.4 1-2.6 0-4.8-1.7-5.6-4.1H2.9v2.6A10 10 0 0 0 12 22Z"/>
    <path fill="#FBBC05" d="M6.4 14c-.2-.6-.3-1.3-.3-2s.1-1.4.3-2V7.4H2.9a10 10 0 0 0 0 9.2L6.4 14Z"/>
    <path fill="#EA4335" d="M12 5.9c1.5 0 2.8.5 3.8 1.5l2.9-2.9C17 2.9 14.7 2 12 2A10 10 0 0 0 2.9 7.4L6.4 10c.8-2.4 3-4.1 5.6-4.1Z"/>
  </svg>
);
const IconWhatsapp = (p) => <Ic {...p}><path d="M20.5 12a8.5 8.5 0 0 1-12.8 7.3L3.5 20.5l1.3-4.1A8.5 8.5 0 1 1 20.5 12Z"/><path d="M8.5 9.5c0-.4.3-.8.7-.8h1l.9 2.2-1 .8a5 5 0 0 0 2.7 2.7l.8-1 2.2.9v1c0 .4-.4.7-.8.7A6.8 6.8 0 0 1 8.5 9.5Z"/></Ic>;
const IconFacebook = (p) => <Ic {...p}><path d="M13 22v-8h3l.5-3.5H13V8.2c0-1 .3-1.7 1.7-1.7H17V3.3A22 22 0 0 0 14.4 3c-2.6 0-4.4 1.6-4.4 4.5v3H7V14h3v8h3Z"/></Ic>;
const IconLinkedin = (p) => <Ic {...p}><rect x="3" y="3" width="18" height="18" rx="2.5"/><path d="M8 10v7M8 7.2v.1"/><path d="M12 17v-4.2A2.3 2.3 0 0 1 14.3 10.5c1.3 0 2.2.9 2.2 2.3V17"/><path d="M12 17v-7"/></Ic>;
const IconMenu = (p) => <Ic {...p}><path d="M4 7h16M4 12h16M4 17h16"/></Ic>;
const IconClose = (p) => <Ic {...p}><path d="M6 6l12 12M18 6 6 18"/></Ic>;

// --- Productos adicionales ---
const IconAccident = (p) => <Ic {...p}><path d="M12 3l2 5 5 1-3.5 3.5 1 5L12 15l-4.5 2.5 1-5L5 9l5-1z"/></Ic>;
const IconSavings = (p) => <Ic {...p}><path d="M4 10a7 7 0 0 1 14 0v2a1 1 0 0 1-1 1h-2v4h-3v-3H10v3H7v-4a6 6 0 0 1-3-3z"/><circle cx="14" cy="9.5" r="1" fill="currentColor" stroke="none"/><path d="M8 5s1-2 4-2 4 2 4 2"/></Ic>;
const IconTravel = (p) => <Ic {...p}><path d="M2 16l20-7-4-2-10 3-4-2-2 1 3 3z"/><path d="M6 20h12"/></Ic>;
const IconBuilding = (p) => <Ic {...p}><rect x="4" y="3" width="16" height="18"/><path d="M8 7h2M8 11h2M8 15h2M14 7h2M14 11h2M14 15h2M10 21v-3h4v3"/></Ic>;
const IconDeceso = (p) => <Ic {...p}><path d="M12 3a6 6 0 0 0-6 6v6h12V9a6 6 0 0 0-6-6z"/><path d="M4 15h16v6H4z"/><path d="M12 9v4M10 11h4"/></Ic>;
const IconInvest = (p) => <Ic {...p}><path d="M3 17l5-5 4 3 8-8"/><path d="M14 7h6v6"/></Ic>;
const IconPet = (p) => <Ic {...p}><circle cx="6" cy="9" r="1.8"/><circle cx="10" cy="6" r="1.8"/><circle cx="14" cy="6" r="1.8"/><circle cx="18" cy="9" r="1.8"/><path d="M12 11c-3 0-6 3-6 6 0 2 1.5 3 3 3 1 0 2-1 3-1s2 1 3 1c1.5 0 3-1 3-3 0-3-3-6-6-6z"/></Ic>;
const IconMobility = (p) => <Ic {...p}><circle cx="7" cy="17" r="2.5"/><circle cx="17" cy="17" r="2.5"/><path d="M7 17l4-8h4l2 8M11 9l-2-3h-3"/></Ic>;
const IconSports = (p) => <Ic {...p}><circle cx="12" cy="12" r="9"/><path d="M12 3v18M3 12h18M6 6l12 12M18 6 6 18"/></Ic>;
const IconAgri = (p) => <Ic {...p}><path d="M12 21V9"/><path d="M12 9c0-3 2-5 5-5-0 3-2 5-5 5z"/><path d="M12 12c0-3-2-5-5-5 0 3 2 5 5 5z"/><path d="M5 21h14"/></Ic>;
const IconShop = (p) => <Ic {...p}><path d="M4 8l1-4h14l1 4"/><path d="M4 8v12h16V8"/><path d="M4 8c0 2 2 3 3 3s3-1 3-3M10 8c0 2 2 3 3 3s3-1 3-3M16 8c0 2 2 3 3 3"/><path d="M9 20v-6h6v6"/></Ic>;
const IconConstruction = (p) => <Ic {...p}><path d="M3 21h18"/><path d="M5 21V11l7-4 7 4v10"/><path d="M10 21v-6h4v6"/><path d="M3 7l4-3 3 2"/></Ic>;
const IconPollution = (p) => <Ic {...p}><path d="M6 14a4 4 0 0 1 1-7.9 6 6 0 0 1 11.3 2.1A3.5 3.5 0 0 1 17.5 15H6z"/><path d="M8 19h1M12 19h2M17 19h1M10 22h2M15 22h1"/></Ic>;
const IconRestaurant = (p) => <Ic {...p}><path d="M6 3v8a2 2 0 0 0 2 2v8M8 3v6M10 3v6M6 9h4"/><path d="M15 3s3 1 3 6-3 4-3 4v8"/></Ic>;
const IconOffice = (p) => <Ic {...p}><rect x="3" y="4" width="18" height="16"/><path d="M3 9h18M9 14h2M13 14h2M9 17h2M13 17h2M9 11h2M13 11h2"/></Ic>;
const IconPyme = (p) => <Ic {...p}><path d="M3 21V9l5-4 5 4v12"/><path d="M13 21V12l4-3 4 3v9"/><path d="M7 14v2M7 18v0M16 15v2"/></Ic>;
const IconShield = (p) => <Ic {...p}><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z"/><path d="M9 12l2 2 4-4"/></Ic>;
const IconTech = (p) => <Ic {...p}><rect x="3" y="5" width="18" height="12" rx="1"/><path d="M8 21h8M10 17v4M14 17v4"/><path d="M7 9h10M7 13h6"/></Ic>;

Object.assign(window, {
  IconHome, IconCar, IconHeart, IconHealth, IconBriefcase, IconScooter,
  IconPhone, IconMail, IconPin, IconClock, IconCheck, IconArrow, IconQuote,
  IconInstagram, IconGoogle, IconWhatsapp, IconFacebook, IconLinkedin,
  IconMenu, IconClose,
  IconAccident, IconSavings, IconTravel, IconBuilding, IconDeceso, IconInvest,
  IconPet, IconMobility, IconSports, IconAgri, IconShop, IconConstruction,
  IconPollution, IconRestaurant, IconOffice, IconPyme, IconShield, IconTech,
});
