// TITONET – sistema icónico
// Geometría simple, trazo 2px base, esquinas coherentes, alineación óptica.
// Por defecto lineal (navy). El amarillo se usa solo para activación.
//
// Construcción: viewBox 24x24, strokeWidth 1.6 (escala a 2px en presentaciones grandes).
// stroke="currentColor" para que el icono herede color del contexto.

const _stroke = {
  fill: "none",
  stroke: "currentColor",
  strokeWidth: 1.6,
  strokeLinecap: "round",
  strokeLinejoin: "round",
};

const I = {
  telco: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M12 14v6"/>
      <path d="M8 20h8"/>
      <path d="M10.5 14L8 5M13.5 14l2.5-9"/>
      <path d="M9.5 11h5"/>
      <path d="M6 7a8 8 0 0 1 0 4M18 7a8 8 0 0 1 0 4"/>
      <path d="M3.5 5a13 13 0 0 1 0 8M20.5 5a13 13 0 0 1 0 8"/>
    </svg>
  ),
  car: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M3 14l2-5a2 2 0 0 1 2-1.3h10a2 2 0 0 1 2 1.3l2 5"/>
      <path d="M3 14h18v4a1 1 0 0 1-1 1h-1.5a1 1 0 0 1-1-1v-1H6.5v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-4z"/>
      <circle cx="7.5" cy="15.5" r="1" fill="currentColor" stroke="none"/>
      <circle cx="16.5" cy="15.5" r="1" fill="currentColor" stroke="none"/>
    </svg>
  ),
  arrow: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 12h16M14 6l6 6-6 6"/>
    </svg>
  ),

  // 1. ICONOS NÚCLEO — verbos fundamentales
  eye: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M2 12c2-3.6 5.6-6 10-6s8 2.4 10 6c-2 3.6-5.6 6-10 6S4 15.6 2 12z"/>
      <circle cx="12" cy="12" r="2.6"/>
      <circle cx="12" cy="12" r="1" fill="currentColor" stroke="none"/>
    </svg>
  ),
  share: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="5.5" cy="12" r="2.4"/>
      <circle cx="18" cy="5.5" r="2.4"/>
      <circle cx="18" cy="18.5" r="2.4"/>
      <path d="M7.7 10.8L15.8 6.7M7.7 13.2L15.8 17.3"/>
    </svg>
  ),
  upload: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 14v5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-5"/>
      <path d="M12 15V4M7 9l5-5 5 5"/>
    </svg>
  ),

  // 2. ICONOS CONCEPTUALES — territorios
  db: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <ellipse cx="12" cy="5.5" rx="7" ry="2.2"/>
      <path d="M5 5.5v5.5c0 1.2 3.1 2.2 7 2.2s7-1 7-2.2V5.5"/>
      <path d="M5 11v5.5c0 1.2 3.1 2.2 7 2.2s7-1 7-2.2V11"/>
    </svg>
  ),
  brain: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M12 5.5v13"/>
      <path d="M12 5.5a2.5 2.5 0 0 0-2.5-2.5 2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0-2 4 2.5 2.5 0 0 0 .5 4 2.5 2.5 0 0 0 2 3 2.5 2.5 0 0 0 4.5-1.5"/>
      <path d="M12 5.5a2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1 2 4 2.5 2.5 0 0 1-.5 4 2.5 2.5 0 0 1-2 3 2.5 2.5 0 0 1-4.5-1.5"/>
    </svg>
  ),
  book: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 4h7v16H4z"/>
      <path d="M13 4h7v16h-7z"/>
      <path d="M16 4v6l1.5-1L19 10V4"/>
    </svg>
  ),
  // 3. Estrategia — diana
  target: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <circle cx="12" cy="12" r="5"/>
      <circle cx="12" cy="12" r="1.4" fill="currentColor" stroke="none"/>
      <path d="M12 1.5V4M12 20v2.5M1.5 12H4M20 12h2.5"/>
    </svg>
  ),
  // Sistemas — 4 cuadrados
  systems: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3.5" y="3.5" width="7" height="7"/>
      <rect x="13.5" y="3.5" width="7" height="7"/>
      <rect x="3.5" y="13.5" width="7" height="7"/>
      <rect x="13.5" y="13.5" width="7" height="7"/>
    </svg>
  ),
  // Decisiones — bifurcación
  decisions: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M5 20V12c0-1 1-2 2-2h10c1 0 2-1 2-2V4"/>
      <path d="M16 7l3-3 3 3"/>
    </svg>
  ),

  // Innovación — bombilla
  bulb: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M9 17h6"/>
      <path d="M10 20h4"/>
      <path d="M7.5 11.5a4.5 4.5 0 1 1 9 0c0 1.7-1 2.8-2 3.7V17H9.5v-1.8c-1-.9-2-2-2-3.7z"/>
      <path d="M12 3v1.5M3 12h1.5M19.5 12H21M5.6 5.6l1 1M17.4 5.6l-1 1"/>
    </svg>
  ),
  // Impacto — círculos concéntricos con dot
  impact: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <circle cx="12" cy="12" r="5.5"/>
      <circle cx="12" cy="12" r="2.5" fill="currentColor" stroke="none"/>
    </svg>
  ),
  // Cultura — figuras
  culture: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="8" cy="9" r="2.5"/>
      <circle cx="16" cy="9" r="2.5"/>
      <path d="M3.5 19c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5"/>
      <path d="M11.5 19c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5"/>
    </svg>
  ),

  // 3. ICONOS OPERATIVOS
  play: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3" y="5" width="18" height="14" rx="1.5"/>
      <path d="M10 9.5v5l4.5-2.5L10 9.5z" fill="currentColor"/>
    </svg>
  ),
  dashboard: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3" y="5" width="18" height="14" rx="1.5"/>
      <path d="M7 15V11M11 15V8M15 15v-3M19 15v-5"/>
    </svg>
  ),
  article: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M6 3h9l4 4v14H6z"/>
      <path d="M15 3v4h4"/>
      <path d="M9 12h6M9 15h6M9 18h4"/>
    </svg>
  ),
  bookSingle: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4z"/>
      <path d="M5 18a2 2 0 0 1 2-2h11"/>
      <path d="M9 4v8l2-1.5 2 1.5V4"/>
    </svg>
  ),
  pie: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M12 3v9h9"/>
      <path d="M12 12L8 4.6" stroke="none" fill="currentColor" opacity=".15"/>
    </svg>
  ),
  mic: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="9" y="3" width="6" height="12" rx="3"/>
      <path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/>
    </svg>
  ),

  // Frameworks / Plantillas / Reportes
  framework: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3" y="3" width="8" height="8"/>
      <rect x="13" y="3" width="8" height="8"/>
      <rect x="3" y="13" width="8" height="8"/>
      <rect x="13" y="13" width="8" height="8"/>
    </svg>
  ),
  template: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3" y="4" width="18" height="16" rx="1.5"/>
      <path d="M3 9h18"/>
    </svg>
  ),
  report: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M6 3h12v18H6z"/>
      <path d="M9 8h6M9 12h6M9 16h4"/>
    </svg>
  ),

  // 4. MICRODIAGRAMAS
  relation: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="6" cy="8" r="2.2"/>
      <circle cx="18" cy="8" r="2.2"/>
      <circle cx="12" cy="18" r="2.2"/>
      <path d="M8 9l8 0M7.5 10l3.5 6M16.5 10L13 16"/>
    </svg>
  ),
  flow: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 18c4-8 12-12 16-12"/>
      <circle cx="4" cy="18" r="2"/>
      <circle cx="20" cy="6" r="2"/>
    </svg>
  ),
  ecosystem: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="2.5" fill="currentColor" stroke="none"/>
      <circle cx="4"  cy="6"  r="1.6"/>
      <circle cx="20" cy="6"  r="1.6"/>
      <circle cx="4"  cy="18" r="1.6"/>
      <circle cx="20" cy="18" r="1.6"/>
      <circle cx="12" cy="3"  r="1.6"/>
      <path d="M5.2 6.8l5 4.5M18.8 6.8l-5 4.5M5.2 17.2l5-4.5M18.8 17.2l-5-4.5M12 4.6v5"/>
    </svg>
  ),
  layers: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M12 3l9 4.5-9 4.5-9-4.5L12 3z"/>
      <path d="M3 12l9 4.5L21 12"/>
      <path d="M3 16.5L12 21l9-4.5"/>
    </svg>
  ),
  network: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="2.5"/>
      <circle cx="4" cy="4" r="1.8"/>
      <circle cx="20" cy="4" r="1.8"/>
      <circle cx="4" cy="20" r="1.8"/>
      <circle cx="20" cy="20" r="1.8"/>
      <path d="M5.5 5.5l5 5M18.5 5.5l-5 5M5.5 18.5l5-5M18.5 18.5l-5-5"/>
    </svg>
  ),
  sequence: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="5"  cy="12" r="1.8"/>
      <circle cx="12" cy="12" r="1.8" fill="currentColor" stroke="none"/>
      <circle cx="19" cy="12" r="1.8"/>
      <path d="M7 12h3M14 12h3"/>
    </svg>
  ),
  expansion: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 4l5 5M20 4l-5 5M4 20l5-5M20 20l-5-5"/>
      <path d="M4 4v4M4 4h4M20 4v4M20 4h-4M4 20v-4M4 20h4M20 20v-4M20 20h-4"/>
    </svg>
  ),
  synthesis: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="9" cy="12" r="6"/>
      <circle cx="15" cy="12" r="6"/>
    </svg>
  ),

  // 5. SISTEMA DE ACTIVACIÓN — uso del amarillo
  insight: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="3"/>
      <path d="M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M5 19l2-2M17 7l2-2"/>
    </svg>
  ),
  spark: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M12 2v4M12 18v4M2 12h4M18 12h4M5 5l2.5 2.5M16.5 16.5L19 19M5 19l2.5-2.5M16.5 7.5L19 5"/>
      <circle cx="12" cy="12" r="2"/>
    </svg>
  ),
  bolt: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z" fill="currentColor" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.6"/>
    </svg>
  ),

  // Aliases / utilitarios que ya usábamos
  chart: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M3 20h18"/>
      <rect x="5"  y="14" width="3" height="5"/>
      <rect x="10" y="9"  width="3" height="10"/>
      <rect x="15" y="4"  width="3" height="15"/>
    </svg>
  ),
  cap: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M2 9l10-4 10 4-10 4L2 9z"/>
      <path d="M6 11v5c0 1.5 3 3 6 3s6-1.5 6-3v-5"/>
      <path d="M20 10v6"/>
    </svg>
  ),
  star: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M12 3l2.6 5.7L20.5 9.4l-4.5 4.2 1.2 6.2L12 16.8 6.8 19.8 8 13.6 3.5 9.4l5.9-.7L12 3z"/>
    </svg>
  ),
  chess: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <circle cx="12" cy="12" r="5"/>
      <circle cx="12" cy="12" r="1.4" fill="currentColor" stroke="none"/>
    </svg>
  ),
  bag: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 8h16l-1.2 12H5.2L4 8z"/>
      <path d="M9 8V6.5a3 3 0 0 1 6 0V8"/>
    </svg>
  ),
  globe: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M3 12h18M12 3a13 13 0 0 1 0 18M12 3a13 13 0 0 0 0 18"/>
    </svg>
  ),
  search: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="11" cy="11" r="6"/>
      <path d="M20 20l-3.5-3.5"/>
    </svg>
  ),
  help: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M9.4 9.3a2.6 2.6 0 1 1 3.6 2.4c-.8.4-1 .9-1 1.7v.3"/>
      <circle cx="12" cy="16.6" r=".7" fill="currentColor" stroke="none"/>
    </svg>
  ),
  clock: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M12 7v5l3.4 2"/>
    </svg>
  ),
  bars: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M3 20h18"/>
      <rect x="5"  y="14" width="3" height="5"/>
      <rect x="10" y="9"  width="3" height="10"/>
      <rect x="15" y="4"  width="3" height="15"/>
    </svg>
  ),

  // Newsletter feats
  doc: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M6 3h9l4 4v14H6V3z"/>
      <path d="M15 3v4h4"/>
      <path d="M9 12h6M9 16h6M9 8h3"/>
    </svg>
  ),
  cal: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="3" y="5" width="18" height="16" rx="1"/>
      <path d="M3 10h18M8 3v4M16 3v4"/>
    </svg>
  ),
  chat: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M4 6h16v10H9l-5 4V6z"/>
    </svg>
  ),
  folder: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"/>
    </svg>
  ),
  lock: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <rect x="5" y="11" width="14" height="9" rx="1"/>
      <path d="M8 11V8a4 4 0 0 1 8 0v3"/>
    </svg>
  ),

  // CC badge
  cc: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="10"/>
      <path d="M14.5 10c-.5-.6-1.2-.9-2-.9-1.6 0-2.7 1.3-2.7 3s1.1 3 2.7 3c.8 0 1.6-.3 2.1-.9" strokeLinecap="round"/>
    </svg>
  ),
  by: (
    <svg viewBox="0 0 24 24" {..._stroke}>
      <circle cx="12" cy="12" r="10"/>
      <circle cx="12" cy="8.5" r="1.7"/>
      <path d="M8.8 17v-3.2c0-.7.5-1.2 1.2-1.2h4c.7 0 1.2.5 1.2 1.2V17"/>
    </svg>
  ),

  // Social — filled glyphs (no se aplican las reglas line-art)
  linkedin: <svg viewBox="0 0 24 24"><path d="M4 4h4v16H4zM6 2.2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM10 8h4v2.2c.7-1.2 2.1-2.5 4.4-2.5 4 0 4.6 2.6 4.6 6V20h-4v-5.3c0-1.3-.5-2.7-2.1-2.7-1.7 0-2.4 1.2-2.4 2.7V20h-4V8z"/></svg>,
  x:  <svg viewBox="0 0 24 24"><path d="M18.2 3H21l-7 8 8.2 10h-6.6l-4.5-5.8L5.6 21H3l7.5-8.6L3 3h6.7l4.1 5.4L18.2 3z"/></svg>,
  yt: <svg viewBox="0 0 24 24"><path d="M22 8.2c0-1.6-1.3-2.9-2.9-3C16.7 5 12 5 12 5s-4.7 0-7.1.2C3.3 5.3 2 6.6 2 8.2 1.9 9.7 1.9 12 1.9 12s0 2.3.1 3.8c0 1.6 1.3 2.9 2.9 3C7.3 19 12 19 12 19s4.7 0 7.1-.2c1.6-.1 2.9-1.4 2.9-3 .1-1.5.1-3.8.1-3.8s0-2.3-.1-3.8zM10 15.2V8.8l5.5 3.2L10 15.2z"/></svg>,
};
window.I = I;
