observatorio-civil-br/brasil_desperdicio_captura_institucional.html at main · araguaci/observatorio-civil-br · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Captura Institucional & Desperdício Público</title>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
:root { --bg: #080c10; --bg1: #0d1218; --bg2: #121820; --bg3: #1a2230; --border: rgba(255,255,255,0.06); --border2: rgba(255,255,255,0.12); --fg: #e8ecf0; --fg2: #8a9ab0; --fg3: #4a5a6a; --red: #e84040; --red2: rgba(232,64,64,0.15); --amber: #e8a020; --amber2: rgba(232,160,32,0.15); --blue: #3090e8; --blue2: rgba(48,144,232,0.12); --green: #28c880; --green2: rgba(40,200,128,0.12); --purple: #a060e8; --purple2: rgba(160,96,232,0.12); --cyan: #20d0e8; --font-mono: 'IBM Plex Mono', monospace; --font-display: 'Syne', sans-serif; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--fg); font-family: var(--font-mono); font-size: 13px; line-height: 1.6; min-height: 100vh; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--bg1); }
::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 2px; }

@media print { body { background: #fff; color: #111; } .nav-tabs, #gotop { display: none !important; } .tab-panel { display: block !important; padding-top: 20px !important; margin-top: 0 !important; page-break-inside: avoid; } .tab-panel + .tab-panel { page-break-before: always; } :root { --bg: #fff; --bg1: #f8f8f8; --bg2: #f0f0f0; --bg3: #e8e8e8; --border: rgba(0,0,0,0.12); --border2: rgba(0,0,0,0.20); --fg: #111; --fg2: #444; --fg3: #888; } }

/* HEADER */
.header { background: var(--bg1); padding: 24px 20px; position: relative; display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
@media (min-width: 768px) { .header { padding: 32px 40px 24px 40px; } }
.header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--red), var(--amber), var(--red)); background-size: 200% 100%; animation: scanline 3s linear infinite; }
@keyframes scanline { to { background-position: 200% 0; } }
.hero-title { font-family: var(--font-display); font-size: clamp(28px, 4vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 8px; }
.hero-title em { color: var(--red); font-style: normal; }
.subtitle { color: var(--fg2); font-size: 13px; max-width: 800px; font-family: var(--font-mono); }

/* NAV */
.nav-tabs { display: flex; overflow-x: auto; scrollbar-width: none; gap: 4px; padding: 12px 20px; background: rgba(13, 18, 24, 0.95); backdrop-filter: blur(12px); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border2); position: sticky; top: 0; z-index: 200; }
@media (min-width: 768px) { .nav-tabs { padding: 12px 40px; } }
.nav-tabs::-webkit-scrollbar { display: none; }
.nav-tab { padding: 8px 16px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg3); cursor: pointer; border-radius: 99px; background: transparent; transition: all 0.15s; font-family: var(--font-mono); text-decoration: none; border: 1px solid var(--border); white-space: nowrap; }
.nav-tab:hover { color: var(--fg2); background: var(--bg2); }
.nav-tab.active { color: var(--fg); border-color: var(--border2); background: var(--bg3); }

/* MAIN CONTENT */
.main { max-width: 1400px; margin: 0 auto; padding: 40px 20px 80px; }
@media (min-width: 768px) { .main { padding: 40px 40px 80px; } }

/* TAB PANEL */
.tab-panel { padding-top: 90px; margin-top: -50px; margin-bottom: 40px; }

/* GRID STATS */
.grid-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 12px; max-width: 900px; margin-top: 16px; }
.stat-card { background: var(--bg2); border: 1px solid var(--border); border-radius: 6px; padding: 12px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.stat-num { font-family: var(--font-display); font-size: 28px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
.stat-label { font-size: 10px; color: var(--fg3); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 2px; font-family: var(--font-mono); }

/* CARDS */
.grid-2col { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }

.alert_red { background: var(--red2); border: 1px solid rgba(232,64,64,0.25); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.alert_amber { background: var(--amber2); border: 1px solid rgba(232,160,32,0.25); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.alert_blue { background: var(--blue2); border: 1px solid rgba(48,144,232,0.25); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.alert_purple { background: var(--purple2); border: 1px solid rgba(160,96,232,0.25); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.alert_cyan { background: rgba(32,208,232,0.12); border: 1px solid rgba(32,208,232,0.25); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.alert_neutral { background: var(--bg2); border: 1px solid var(--border2); border-radius: 6px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }

.falha-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.falha-titulo { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--fg); line-height: 1.3; }
.falha-desc { font-size: 13px; color: var(--fg2); line-height: 1.6; font-family: var(--font-mono); margin-top: auto; }

/* BADGES */
.badge { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 3px; font-size: 10px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; font-family: var(--font-mono); flex-shrink: 0; }
.badge.red { background: var(--red2); color: var(--red); border: 1px solid rgba(232,64,64,0.3); }
.badge.amber { background: var(--amber2); color: var(--amber); border: 1px solid rgba(232,160,32,0.3); }
.badge.blue { background: var(--blue2); color: var(--blue); border: 1px solid rgba(48,144,232,0.3); }
.badge.purple { background: var(--purple2); color: var(--purple); border: 1px solid rgba(160,96,232,0.3); }
.badge.cyan { background: rgba(32,208,232,0.12); color: var(--cyan); border: 1px solid rgba(32,208,232,0.3); }
.badge.neutral { background: var(--bg3); color: var(--fg2); border: 1px solid var(--border2); }

/* SECTION TITLE */
.section-title { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--fg3); margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }

/* GOTOP */
#gotop { position: fixed; bottom: 30px; right: 30px; width: 44px; height: 44px; background: var(--bg2); border: 1px solid var(--border2); border-radius: 50%; color: var(--fg); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1000; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
#gotop.show { opacity: 1; visibility: visible; }
#gotop:hover { background: var(--bg3); transform: translateY(-3px); }
#gotop svg { width: 20px; height: 20px; fill: currentColor; }

/* FOOTER */
.footer { margin-top: 48px; padding: 20px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
@media (min-width: 768px) { .footer { padding: 20px 40px; } }
.footer-text { font-size: 11px; color: var(--fg3); font-family: var(--font-mono); }
</style>
</head>
<body>

<header class="header">
  <div>
    <div class="section-title" style="margin-bottom:8px; border:none; padding:0;">Captura Institucional & Desperdício Público — Brasil 2023–2025</div>
    <div class="hero-title">O dinheiro que <em>não chega</em> ao povo</div>
    <div class="subtitle">Dados verificados em análises anteriores — fontes: Portal da Transparência, Sicom, TCU, Portal da Câmara</div>
  </div>

  <div class="grid-stats">
    <div class="stat-card">
      <div class="stat-num" style="color:var(--red)">> R$ 16 bi</div>
      <div class="stat-label">Soma documentada identificada</div>
    </div>
    <div class="stat-card">
      <div class="stat-num" style="color:var(--amber)">R$ 2,44 bi</div>
      <div class="stat-label">Viagens em 2025 (Recorde)</div>
    </div>
    <div class="stat-card">
      <div class="stat-num" style="color:var(--purple)">R$ 1,2 bi</div>
      <div class="stat-label">Publicidade Federal (Sicom)</div>
    </div>
    <div class="stat-card">
      <div class="stat-num" style="color:var(--blue)">R$ 6,3 bi</div>
      <div class="stat-label">Desvios INSS (Aposentados)</div>
    </div>
  </div>
</header>

<nav class="nav-tabs">
  <a href="#sec-viagens" class="nav-tab active">Viagens Sem Função</a>
  <a href="#sec-showmicios" class="nav-tab">Showmícios & Cultura</a>
  <a href="#sec-imprensa" class="nav-tab">Imprensa Comprada</a>
  <a href="#sec-cargos" class="nav-tab">Cargos Sem Função</a>
  <a href="#sec-desvios" class="nav-tab">Desvios Sociais</a>
  <a href="#sec-mecanismo" class="nav-tab">Mecanismo Sistêmico</a>
</nav>

<main class="main">

  <section id="sec-viagens" class="tab-panel">
    <div class="section-title">Viagens Sem Função</div>
    <div class="grid-2col">
      <div class="alert_red">
        <div class="falha-header">
          <span class="falha-titulo">Recorde histórico em 2025</span>
          <span class="badge red">R$ 2,44 bi</span>
        </div>
        <div class="falha-desc">Terceiro ano consecutivo batendo o recorde. Inclui diárias, passagens e estrutura de comitivas presidenciais e ministeriais.</div>
      </div>
      <div class="alert_red">
        <div class="falha-header">
          <span class="falha-titulo">Apenas no 1º semestre de 2025</span>
          <span class="badge red">R$ 1,7 bi</span>
        </div>
        <div class="falha-desc">Gastos com diárias e passagens do governo federal, conforme Poder360 e Portal da Transparência.</div>
      </div>
      <div class="alert_red">
        <div class="falha-header">
          <span class="falha-titulo">Custo médio de comitivas</span>
          <span class="badge red">~R$ 5 mi/dia</span>
        </div>
        <div class="falha-desc">Estimativa baseada em registros do Portal da Transparência. Comitivas chegaram a dezenas de pessoas em viagens internacionais sem agenda substantiva.</div>
      </div>
      <div class="alert_red">
        <div class="falha-header">
          <span class="falha-titulo">Estrutura ministerial recorde</span>
          <span class="badge red">38 ministérios</span>
        </div>
        <div class="falha-desc">Contra 23 do governo anterior. Cada ministério com secretários, assessores e viagens próprias. Custo de manutenção da máquina política.</div>
      </div>
    </div>
  </section>

  <section id="sec-showmicios" class="tab-panel">
    <div class="section-title">Showmícios & Cultura Comprada</div>
    <div class="grid-2col">
      <div class="alert_cyan">
        <div class="falha-header">
          <span class="falha-titulo">COP30 — evento político com fachada</span>
          <span class="badge cyan">R$ 787 mi</span>
        </div>
        <div class="falha-desc">Orçamento oficial. R$ 478 mi contratados com a OEI sem licitação. Resultado: apenas 31 chefes de Estado, nenhum líder do Mercosul/BRICS. Coquetel vazio.</div>
      </div>
      <div class="alert_cyan">
        <div class="falha-header">
          <span class="falha-titulo">Cachês públicos e showmícios</span>
          <span class="badge cyan">Financiamento direto</span>
        </div>
        <div class="falha-desc">Eventos governamentais financiando classe artística alinhada via Rouanet, leis estaduais e contratos diretos. Quem critica é excluído, quem elogia é premiado.</div>
      </div>
      <div class="alert_cyan">
        <div class="falha-header">
          <span class="falha-titulo">Lei Rouanet como captura cultural</span>
          <span class="badge cyan">Renúncia fiscal</span>
        </div>
        <div class="falha-desc">Renúncia fiscal bilionária direcionada a projetos com aprovação ministerial, criando dependência financeira e silenciamento crítico estrutural.</div>
      </div>
    </div>
  </section>

  <section id="sec-imprensa" class="tab-panel">
    <div class="section-title">Imprensa Comprada</div>
    <div class="grid-2col">
      <div class="alert_purple">
        <div class="falha-header">
          <span class="falha-titulo">Grupo Globo em publicidade federal</span>
          <span class="badge purple">R$ 1,2 bi</span>
        </div>
        <div class="falha-desc">Maior parcela do orçamento do Sicom (2023). Cria dependência financeira estrutural e cobertura alinhada ao governo e STF no mesmo período.</div>
      </div>
      <div class="alert_purple">
        <div class="falha-header">
          <span class="falha-titulo">Câmara — "divulgação parlamentar"</span>
          <span class="badge purple">R$ 301,9 mi</span>
        </div>
        <div class="falha-desc">Alta de 38% sobre a legislatura anterior. Meta (Facebook/Instagram) foi o maior beneficiário (2025). Parlamentares comprando cobertura digital com verba pública.</div>
      </div>
      <div class="alert_purple">
        <div class="falha-header">
          <span class="falha-titulo">Open Society / Agência Lupa</span>
          <span class="badge purple">Fact-checking</span>
        </div>
        <div class="falha-desc">Programa financiado externamente integrou o sistema de moderação do TSE nas eleições de 2022. Verificador de fatos com viés e financiador identificado.</div>
      </div>
      <div class="alert_purple">
        <div class="falha-header">
          <span class="falha-titulo">Agência Brasil / EBC</span>
          <span class="badge purple">Comunicação estatal</span>
        </div>
        <div class="falha-desc">Aparato de comunicação pública transformado em braço de propaganda governamental, com agenda editorial definida pelo Palácio do Planalto.</div>
      </div>
    </div>
  </section>

  <section id="sec-cargos" class="tab-panel">
    <div class="section-title">Cargos & Estrutura sem Função</div>
    <div class="grid-2col">
      <div class="alert_amber">
        <div class="falha-header">
          <span class="falha-titulo">Fraudes no DNOCS e MEC</span>
          <span class="badge amber">R$ 4,3 bi</span>
        </div>
        <div class="falha-desc">Desvios via emendas parlamentares. Estrutura de corrupção sistêmica: parlamentar aprova emenda, empresa fantasma executa, dinheiro retorna em caixa 2.</div>
      </div>
      <div class="alert_amber">
        <div class="falha-header">
          <span class="falha-titulo">Codevasf superfaturada</span>
          <span class="badge amber">R$ 1 bi</span>
        </div>
        <div class="falha-desc">Fraudes em licitações e compras documentadas. Órgão transformado em caixa político para distribuição de verbas a aliados do centrão.</div>
      </div>
      <div class="alert_amber">
        <div class="falha-header">
          <span class="falha-titulo">Lobby diplomático nos EUA</span>
          <span class="badge amber">R$ 18,9 mi</span>
        </div>
        <div class="falha-desc">AGU contratou escritório americano para tentar reverter sanções criadas pela própria postura diplomática do governo. O contribuinte paga a conta.</div>
      </div>
      <div class="alert_amber">
        <div class="falha-header">
          <span class="falha-titulo">Mesada ao filho do presidente</span>
          <span class="badge amber">R$ 300 mil/mês</span>
        </div>
        <div class="falha-desc">Luís Cláudio Lula da Silva recebendo salário em banco público sem atribuição funcional clara. Nepotismo documentado no Portal da Transparência.</div>
      </div>
    </div>
  </section>

  <section id="sec-desvios" class="tab-panel">
    <div class="section-title">Desvios de Programas Sociais</div>
    <div class="grid-2col">
      <div class="alert_blue">
        <div class="falha-header">
          <span class="falha-titulo">Roubaram dos aposentados (INSS)</span>
          <span class="badge blue">R$ 6,3 bi</span>
        </div>
        <div class="falha-desc">Descontos indevidos em 5,4 milhões de contas de idosos. Desvios cresceram 270% no governo Lula. Ex-ministro Carlos Lupi no centro do escândalo.</div>
      </div>
      <div class="alert_blue">
        <div class="falha-header">
          <span class="falha-titulo">Entidades fantasmas</span>
          <span class="badge blue">Desvio estrutural</span>
        </div>
        <div class="falha-desc">Organizações sem estrutura operacional recebendo repasses federais. Dinheiro entra como assistência social, sai como caixa 2 para partidos da base.</div>
      </div>
    </div>
  </section>

  <section id="sec-mecanismo" class="tab-panel">
    <div class="section-title">Mecanismo Sistêmico de Captura</div>
    <div class="grid-2col">
      <div class="alert_neutral">
        <div class="falha-header">
          <span class="falha-titulo">1. Compra da Narrativa</span>
          <span class="badge neutral">Mídia</span>
        </div>
        <div class="falha-desc">Publicidade concentrada em veículos alinhados. Artistas recebem contratos. Fact-checkers operam sob encomenda. O "jornalismo independente" é o produto final.</div>
      </div>
      <div class="alert_neutral">
        <div class="falha-header">
          <span class="falha-titulo">2. Aparelhamento da Máquina</span>
          <span class="badge neutral">Cargos</span>
        </div>
        <div class="falha-desc">38 ministérios e estatais loteadas. Cada cargo é um voto garantido no Congresso, e cada voto garantido arquiva as CPIs investigativas.</div>
      </div>
      <div class="alert_neutral">
        <div class="falha-header">
          <span class="falha-titulo">3. Proteção Judicial</span>
          <span class="badge neutral">STF</span>
        </div>
        <div class="falha-desc">STF atua como firewall. Inquéritos aliados prescrevem, opositores são acelerados. Imprensa endossa decisões recebendo publicidade federal logo após.</div>
      </div>
      <div class="alert_neutral">
        <div class="falha-header">
          <span class="falha-titulo">4. Silêncio Comprado</span>
          <span class="badge neutral">Órgãos de Controle</span>
        </div>
        <div class="falha-desc">TCU e CGU emitem relatórios sem poder de sanção. Parlamentares cooptados por emendas ignoram seu papel fiscalizador. O controlador está comprado.</div>
      </div>
    </div>
  </section>

</main>

<a href="#" id="gotop" aria-label="Voltar ao topo">
  <svg viewBox="0 0 24 24"><path d="M12 4l-8 8h6v8h4v-8h6z"/></svg>
</a>

<footer class="footer">
  <div class="footer-text">Fontes consolidadas: Portal da Transparência, SICOM, TCU, Portal da Câmara, Poder360, CNN Brasil, Revista Oeste.</div>
  <div class="footer-text">Lawfare Timeline • CC0 1.0 Universal — Domínio Público</div>
</footer>

<script>
document.addEventListener('DOMContentLoaded', () => {
  const sections = document.querySelectorAll('.tab-panel');
  const navLinks = document.querySelectorAll('.nav-tab');
  const gotop = document.getElementById('gotop');

  const observerOptions = {
    root: null,
    rootMargin: '-20% 0px -70% 0px',
    threshold: 0
  };

  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const id = entry.target.getAttribute('id');
        navLinks.forEach(link => {
          link.classList.remove('active');
          if (link.getAttribute('href') === '#' + id) {
            link.classList.add('active');
            if (link.scrollIntoView) {
              link.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
            }
          }
        });
      }
    });
  }, observerOptions);

  sections.forEach(sec => observer.observe(sec));

  window.addEventListener('scroll', () => {
    if (window.scrollY > 300) {
      gotop.classList.add('show');
    } else {
      gotop.classList.remove('show');
    }
  });

  gotop.addEventListener('click', (e) => {
    e.preventDefault();
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });
});
</script>
</body>
</html>