// Bespoke icons for "Parte de propuesta" children.
// Two-tone: filled shape (opacity 0.14) + 1.5px stroke. 32×32 viewBox.

const D = ({children, size=22}) => (
  <svg viewBox="0 0 32 32" width={size} height={size} fill="none">{children}</svg>
);
const stroke = { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" };
const fill = { fill: "currentColor", opacity: 0.14 };
const solid = { fill: "currentColor" };

// ── 01 Pauta publicitaria Mega 1 — TV with ad slot strip + channel badge "1"
const IcPautaMega1 = (p) => (
  <D {...p}>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...fill}/>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...stroke}/>
    <path d="M12 26 H20 M16 22 V26" {...stroke}/>
    {/* ad-slot strip */}
    <rect x="6" y="15" width="4.5" height="4" {...solid}/>
    <rect x="11.5" y="15" width="4.5" height="4" {...stroke} strokeDasharray="1.5 1.2"/>
    <rect x="17" y="15" width="4.5" height="4" {...solid}/>
    <rect x="22.5" y="15" width="4" height="4" {...stroke} strokeDasharray="1.5 1.2"/>
    {/* channel "1" badge */}
    <circle cx="9.5" cy="10.5" r="3" {...solid}/>
    <path d="M9 9 H10 V12.2" stroke="white" strokeWidth="1.4" fill="none" strokeLinecap="round"/>
    <path d="M8.3 12.2 H10.7" stroke="white" strokeWidth="1.4" strokeLinecap="round"/>
  </D>
);

// ── 02 Pauta publicitaria Mega 2 — same but "2"
const IcPautaMega2 = (p) => (
  <D {...p}>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...fill}/>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...stroke}/>
    <path d="M12 26 H20 M16 22 V26" {...stroke}/>
    <rect x="6" y="15" width="4.5" height="4" {...solid}/>
    <rect x="11.5" y="15" width="4.5" height="4" {...stroke} strokeDasharray="1.5 1.2"/>
    <rect x="17" y="15" width="4.5" height="4" {...solid}/>
    <rect x="22.5" y="15" width="4" height="4" {...stroke} strokeDasharray="1.5 1.2"/>
    {/* channel "2" badge */}
    <circle cx="9.5" cy="10.5" r="3" {...solid}/>
    <path d="M8.2 9.5 A1.3 1.3 0 1 1 10.8 9.7 L8.2 12.2 H10.8"
          stroke="white" strokeWidth="1.4" fill="none" strokeLinecap="round" strokeLinejoin="round"/>
  </D>
);

// ── 03 Auspicios Mega 1 — TV with sponsor ribbon overlay (presented-by)
const IcAuspiciosMega1 = (p) => (
  <D {...p}>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...fill}/>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...stroke}/>
    <path d="M12 26 H20 M16 22 V26" {...stroke}/>
    {/* sponsor ribbon — banner across upper third */}
    <path d="M3 11 H29" {...stroke}/>
    <path d="M6 8 H26 L24 11 H8 Z" {...solid}/>
    <circle cx="10" cy="9.5" r="0.8" fill="white"/>
    <path d="M13 9.5 H22" stroke="white" strokeWidth="1.1" strokeLinecap="round"/>
    {/* program glyph below + channel "1" badge bottom-right */}
    <path d="M9 17 L13 14 L13 20 Z" {...stroke}/>
    <circle cx="23.5" cy="17.5" r="2.6" {...solid}/>
    <path d="M23 16.3 H24 V19.3" stroke="white" strokeWidth="1.3" fill="none" strokeLinecap="round"/>
    <path d="M22.4 19.3 H24.6" stroke="white" strokeWidth="1.3" strokeLinecap="round"/>
  </D>
);

// ── 04 Plan digital — browser window with display-ad rectangles + cursor
const IcPlanDigital = (p) => (
  <D {...p}>
    <rect x="3" y="4" width="26" height="21" rx="2" {...fill}/>
    <rect x="3" y="4" width="26" height="21" rx="2" {...stroke}/>
    <path d="M3 9 H29" {...stroke}/>
    <circle cx="5.5" cy="6.5" r="0.6" {...solid}/>
    <circle cx="7.5" cy="6.5" r="0.6" {...solid}/>
    <circle cx="9.5" cy="6.5" r="0.6" {...solid}/>
    {/* leaderboard banner */}
    <rect x="6" y="11.5" width="20" height="3.5" {...solid}/>
    {/* article column */}
    <path d="M6 17.5 H15 M6 19.5 H15 M6 21.5 H12" {...stroke}/>
    {/* MPU ad block */}
    <rect x="18.5" y="17" width="7.5" height="6" rx="0.4" {...stroke}/>
    <path d="M19.5 18.5 H25 M19.5 20 H23.5" stroke="currentColor" strokeWidth="1.1" strokeLinecap="round"/>
    {/* cursor */}
    <path d="M22.5 23 L25 28 L26 25.5 L28.5 25 Z" {...solid}/>
    <path d="M22.5 23 L25 28 L26 25.5 L28.5 25 Z" stroke="white" strokeWidth="0.8" fill="none"/>
  </D>
);

// ── 05 Campaña Influencers — phone with @ + audience reach nodes
const IcInfluencers = (p) => (
  <D {...p}>
    {/* phone */}
    <rect x="10" y="3" width="12" height="20" rx="2" {...fill}/>
    <rect x="10" y="3" width="12" height="20" rx="2" {...stroke}/>
    <path d="M14 5.5 H18" {...stroke}/>
    {/* @ symbol on screen */}
    <circle cx="16" cy="13" r="2.5" {...stroke}/>
    <path d="M18.5 13 V14.5 A1.4 1.4 0 0 0 19.5 14 A4 4 0 1 0 18 16.5"
          stroke="currentColor" strokeWidth="1.3" fill="none" strokeLinecap="round"/>
    {/* heart + like */}
    <path d="M13.5 19.5 C13.5 18.7 14.2 18.2 14.9 18.7 C15.6 18.2 16.3 18.7 16.3 19.5 C16.3 20.3 14.9 21.5 14.9 21.5 C14.9 21.5 13.5 20.3 13.5 19.5 Z" {...solid}/>
    <path d="M18 20 L21 20" {...stroke}/>
    <path d="M18 20 L19 19 M18 20 L19 21" {...stroke}/>
    {/* audience reach nodes */}
    <circle cx="5" cy="9" r="2" {...solid}/>
    <circle cx="4" cy="17" r="1.5" {...solid}/>
    <circle cx="6" cy="24" r="1.7" {...solid}/>
    <circle cx="27" cy="9" r="1.8" {...solid}/>
    <circle cx="28" cy="17" r="2" {...solid}/>
    <circle cx="26" cy="24" r="1.4" {...solid}/>
    {/* light radiating lines */}
    <path d="M9.5 8 L7 9 M9.5 17 L6 17 M9.5 22 L7.5 23.5
             M22.5 8 L25 9 M22.5 17 L26 17 M22.5 22 L24.5 23.5" {...stroke}/>
  </D>
);

// ── 06 Plan de Menciones y Presencia en pantalla — speech bubble + lower-third graphic on TV
const IcMenciones = (p) => (
  <D {...p}>
    {/* TV behind */}
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...fill}/>
    <rect x="3" y="5" width="26" height="17" rx="1.5" {...stroke}/>
    <path d="M12 26 H20 M16 22 V26" {...stroke}/>
    {/* lower-third bar on screen */}
    <rect x="5" y="17" width="22" height="3.5" {...solid}/>
    <path d="M7.5 19 H14" stroke="white" strokeWidth="1.2" strokeLinecap="round"/>
    <circle cx="24" cy="18.75" r="0.8" fill="white"/>
    {/* speech bubble — host saying brand */}
    <path d="M7 7 H17 A2 2 0 0 1 19 9 V12 A2 2 0 0 1 17 14 H11 L8 16.5 V14 H7 A2 2 0 0 1 5 12 V9 A2 2 0 0 1 7 7 Z" {...solid}/>
    <path d="M8 10 H16 M8 12 H14" stroke="white" strokeWidth="1.2" strokeLinecap="round"/>
    {/* sparkle for "presencia" */}
    <path d="M24 9 L24 13 M22 11 L26 11" {...stroke}/>
    <circle cx="24" cy="11" r="0.7" {...solid}/>
  </D>
);

Object.assign(window, {
  IcPautaMega1, IcPautaMega2, IcAuspiciosMega1,
  IcPlanDigital, IcInfluencers, IcMenciones,
});