import React from 'react'; import { Users, Share2, Briefcase, Gavel, Globe, PlusCircle, TrendingUp, PieChart, Printer, Coffee, Star } from 'lucide-react'; const App = () => { const totalGlobal = 32691514; // Datos calculados y agrupados basados en el CSV y el total global solicitado const categories = [ { id: 1, name: "Vida Social (Mercurio)", amount: 5022990, icon: , color: "bg-rose-500", lightColor: "bg-rose-50", textColor: "text-rose-700", description: "Publicaciones en El Mercurio y eventos de relaciones públicas." }, { id: 2, name: "Lanzamiento Gollería", amount: 4060678, icon: , color: "bg-yellow-500", lightColor: "bg-yellow-50", textColor: "text-yellow-700", description: "Gastos directos asociados al evento de lanzamiento en Gollería." }, { id: 3, name: "Imprenta (Merchandising)", amount: 3343900, icon: , color: "bg-sky-500", lightColor: "bg-sky-50", textColor: "text-sky-700", description: "Material impreso de marketing, folletos y elementos de marca." }, { id: 4, name: "Plataforma Google", amount: 1386204, icon: , color: "bg-amber-500", lightColor: "bg-amber-50", textColor: "text-amber-700", description: "Inversión en pauta digital (Google Ads) y servicios cloud." }, { id: 5, name: "Remuneraciones", amount: 1112500, icon: , color: "bg-emerald-500", lightColor: "bg-emerald-50", textColor: "text-emerald-700", description: "Sueldos de Community Manager y apoyo administrativo." }, { id: 6, name: "Café Compliance", amount: 558110, icon: , color: "bg-orange-500", lightColor: "bg-orange-50", textColor: "text-orange-700", description: "Gastos operativos y reuniones bajo el concepto Café Compliance." }, { id: 7, name: "Abogado y Notaría", amount: 355311, icon: , color: "bg-indigo-500", lightColor: "bg-indigo-50", textColor: "text-indigo-700", description: "Gastos de constitución legal y trámites en notarías." }, { id: 8, name: "Publicidad (Otros)", amount: 1276315, icon: , color: "bg-blue-600", lightColor: "bg-blue-50", textColor: "text-blue-800", description: "Pantalla gigante, fotografía y otros medios de difusión." }, { id: 9, name: "Demás Gastos", amount: 15575506, icon: , color: "bg-slate-400", lightColor: "bg-slate-50", textColor: "text-slate-600", description: "Gastos operativos generales y administración no detallada." } ]; const formatCurrency = (val) => new Intl.NumberFormat('es-CL', { style: 'currency', currency: 'CLP' }).format(val); const getPercentage = (amt) => ((amt / totalGlobal) * 100).toFixed(1); return (

{/* Header Section */}

Reporte de Gastos ACEC

Desglose detallado por ítem y categoría

Inversión Total Periodo

{formatCurrency(totalGlobal)}

{/* Proportions Bar */}

Distribución Presupuestaria

{categories.map((cat) => (

))}

{categories.map(cat => (

{cat.name} ({getPercentage(cat.amount)}%)

))}

{/* Category Grid */}

{categories.map((cat) => (

{cat.icon}

{cat.name}

{formatCurrency(cat.amount)}

{cat.description}

{getPercentage(cat.amount)}%

))}

{/* Insights Section */}

Resumen Estratégico

Eventos y Relaciones

La suma de Vida Social, Lanzamiento y Café alcanza los {formatCurrency(5022990 + 4060678 + 558110)}, consolidando la inversión en networking.

Imagen de Marca

La Imprenta y Merchandising ($3.3M) junto a la publicidad en redes y Google fortalecen la presencia visual de la asociación.

Operación Base

El 47.6% del presupuesto se mantiene en Demás Gastos, asegurando el funcionamiento administrativo diario del periodo.

); }; export default App;