Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
458 lines (442 loc) · 24.7 KB
/
Copy pathindex.html
File metadata and controls
458 lines (442 loc) · 24.7 KB
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
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bloomberg DeFi LATAM — Inteligencia DeFi para América Latina</title>
<meta name="description" content="El primer sistema de inteligencia DeFi en español. Riesgos en tiempo real, mejores yields y acciones tokenizadas para Ecuador y LATAM.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;
--text:#f0f0f8;--text2:#8888aa;--text3:#555570;
--border:#2a2a3a;--blue:#0052FF;--green:#16a34a;
--red:#dc2626;--yellow:#d97706;
}
body{font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:32px;height:32px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:white}
.logo-text{font-size:14px;font-weight:600}
.logo-sub{font-size:11px;color:var(--text2);font-family:'Space Mono',monospace}
.live-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green);font-family:'Space Mono',monospace;font-weight:700}
.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.ticker-bar{background:var(--bg3);border-bottom:1px solid var(--border);padding:6px 20px;display:flex;gap:24px;overflow-x:auto;font-family:'Space Mono',monospace;font-size:11px;white-space:nowrap}
.ticker-item{display:flex;gap:6px;align-items:center}
.ticker-sym{color:var(--text2)}
.ticker-val{color:var(--text);font-weight:700}
.up{color:var(--green)}.down{color:var(--red)}
.main{padding:16px 20px;max-width:480px;margin:0 auto}
.hero-question{background:linear-gradient(135deg,#0052FF11,#0052FF05);border:1px solid #0052FF33;border-radius:12px;padding:16px 20px;margin-bottom:16px}
.hero-q-text{font-size:18px;font-weight:600;margin-bottom:4px}
.hero-q-sub{font-size:12px;color:var(--text2)}
.answer-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 16px;margin-top:12px}
.answer-status{font-size:12px;font-weight:600;color:var(--yellow)}
.tabs{display:flex;gap:4px;background:var(--bg3);border-radius:10px;padding:4px;margin-bottom:16px;overflow-x:auto}
.tab{flex:1;min-width:max-content;padding:8px 14px;border-radius:7px;border:none;background:transparent;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all 0.2s;white-space:nowrap}
.tab.active{background:var(--bg);color:var(--text)}
.section{display:none}.section.active{display:block}
.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px}
.metric-label{font-size:11px;color:var(--text2);font-family:'Space Mono',monospace;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}
.metric-value{font-size:20px;font-weight:600;font-family:'Space Mono',monospace}
.metric-change{font-size:11px;margin-top:3px;font-family:'Space Mono',monospace}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}
.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.card-title{font-size:13px;font-weight:600}
.card-body{padding:12px 16px}
.risk-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.risk-item:last-child{border-bottom:none}
.risk-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.risk-info{flex:1}
.risk-protocol{font-size:13px;font-weight:600;margin-bottom:2px}
.risk-desc{font-size:12px;color:var(--text2);line-height:1.5}
.risk-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;font-family:'Space Mono',monospace;flex-shrink:0}
.risk-badge.critical{background:#fef2f222;color:var(--red);border:1px solid var(--red)}
.risk-badge.warning{background:#fffbeb22;color:var(--yellow);border:1px solid var(--yellow)}
.risk-badge.safe{background:#f0fdf422;color:var(--green);border:1px solid var(--green)}
.yield-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:8px}
.yield-item:last-child{border-bottom:none}
.yield-left{display:flex;align-items:center;gap:10px}
.yield-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--bg3);flex-shrink:0}
.yield-protocol{font-size:13px;font-weight:600}
.yield-type{font-size:11px;color:var(--text2)}
.yield-right{text-align:right}
.yield-apy{font-size:16px;font-weight:700;font-family:'Space Mono',monospace;color:var(--green)}
.yield-risk-badge{font-size:10px;padding:2px 7px;border-radius:4px;font-family:'Space Mono',monospace;font-weight:700}
.yield-risk-badge.low{color:var(--green);border:1px solid var(--green)}
.yield-risk-badge.medium{color:var(--yellow);border:1px solid var(--yellow)}
.yield-risk-badge.high{color:var(--red);border:1px solid var(--red)}
.stock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stock-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px}
.stock-symbol{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:4px}
.stock-name{font-size:11px;color:var(--text2);margin-bottom:8px}
.stock-price{font-family:'Space Mono',monospace;font-size:16px;font-weight:600}
.stock-change{font-family:'Space Mono',monospace;font-size:11px;margin-top:2px}
.agent-container{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.agent-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.agent-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulse 1.5s infinite}
.agent-title{font-size:13px;font-weight:600}
.agent-messages{padding:12px 16px;min-height:200px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.msg{display:flex;gap:8px;align-items:flex-start}
.msg-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;flex-shrink:0}
.msg-icon.user{background:var(--blue);color:white}
.msg-icon.agent{background:var(--bg3);color:var(--text2)}
.msg-bubble{background:var(--bg3);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.5;max-width:calc(100% - 40px)}
.msg-bubble.user{background:var(--blue);color:white;margin-left:auto}
.msg.user{flex-direction:row-reverse}
.agent-input-area{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}
.agent-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--text);outline:none}
.agent-input:focus{border-color:var(--blue)}
.send-btn{background:var(--blue);color:white;border:none;border-radius:8px;padding:8px 14px;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;cursor:pointer}
.quick-btns{display:flex;gap:6px;padding:0 16px 12px;flex-wrap:wrap}
.quick-btn{font-size:11px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:all 0.15s}
.quick-btn:hover{border-color:var(--blue);color:var(--blue)}
.alert-banner{background:#dc262611;border:1px solid var(--red);border-radius:8px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}
.alert-text{font-size:12px;color:#fca5a5;line-height:1.4}
.alert-text strong{color:var(--red)}
.info-box{background:var(--bg3);border-radius:8px;padding:12px;font-size:12px;color:var(--text2);line-height:1.5;margin-top:12px}
.info-box strong{color:var(--text)}
.typing-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text2);margin:0 1px;animation:blink 1.2s infinite}
.typing-dots span:nth-child(2){animation-delay:0.2s}
.typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes blink{0%,80%,100%{opacity:0.2}40%{opacity:1}}
.footer{text-align:center;padding:20px;font-size:11px;color:var(--text3);font-family:'Space Mono',monospace;border-top:1px solid var(--border);margin-top:20px}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<div class="logo-icon">DeFi</div>
<div>
<div class="logo-text">Bloomberg DeFi LATAM</div>
<div class="logo-sub">Inteligencia DeFi para América Latina</div>
</div>
</div>
<div style="display:flex;align-items:center;gap:12px">
<div class="live-badge"><div class="live-dot"></div>EN VIVO</div>
<div style="font-family:'Space Mono',monospace;font-size:11px;color:var(--text2)" id="btcPrice">BTC $79,500</div>
</div>
</div>
<div class="ticker-bar">
<div class="ticker-item"><span class="ticker-sym">BTC</span><span class="ticker-val">$79,500</span><span class="up">+2.3%</span></div>
<div class="ticker-item"><span class="ticker-sym">ETH</span><span class="ticker-val">$2,227</span><span class="up">+1.8%</span></div>
<div class="ticker-item"><span class="ticker-sym">SOL</span><span class="ticker-val">$83.84</span><span class="down">-0.9%</span></div>
<div class="ticker-item"><span class="ticker-sym">MORPHO</span><span class="ticker-val">$1.82</span><span class="up">+11.4%</span></div>
<div class="ticker-item"><span class="ticker-sym">HYPE</span><span class="ticker-val">$44.80</span><span class="up">+22.9%</span></div>
<div class="ticker-item"><span class="ticker-sym">AAVE</span><span class="ticker-val">$134.20</span><span class="down">-18.4%</span></div>
<div class="ticker-item"><span class="ticker-sym">SPK</span><span class="ticker-val">$0.041</span><span class="up">+40.2%</span></div>
</div>
<div class="main">
<div class="hero-question">
<div class="hero-q-text">¿Está mi dinero en riesgo hoy?</div>
<div class="hero-q-sub">Análisis DeFi en tiempo real — 25 de abril, 2026</div>
<div class="answer-badge">
<div style="width:8px;height:8px;background:var(--yellow);border-radius:50%"></div>
<div class="answer-status">PRECAUCIÓN — AAVE COMPROMETIDO</div>
</div>
</div>
<div class="tabs">
<button class="tab active" onclick="showTab('riesgo',this)">Riesgo</button>
<button class="tab" onclick="showTab('yields',this)">Yields</button>
<button class="tab" onclick="showTab('acciones',this)">Acciones</button>
<button class="tab" onclick="showTab('agente',this)">Agente IA</button>
</div>
<div id="riesgo" class="section active">
<div class="alert-banner">
<div style="font-size:14px;flex-shrink:0">⚠</div>
<div class="alert-text"><strong>ALERTA — 18 ABRIL:</strong> KelpDAO hackeado $292M. Aave WETH al 100% utilización. Si tienes ETH en Aave, puede estar bloqueado.</div>
</div>
<div class="metrics-grid">
<div class="metric-card">
<div class="metric-label">TVL Perdido DeFi</div>
<div class="metric-value">$13.2B</div>
<div class="metric-change down">en 48 horas</div>
</div>
<div class="metric-card">
<div class="metric-label">Deuda Aave</div>
<div class="metric-value">$196M</div>
<div class="metric-change down">incobrable</div>
</div>
<div class="metric-card">
<div class="metric-label">Morpho</div>
<div class="metric-value">Seguro</div>
<div class="metric-change up">NO afectado</div>
</div>
<div class="metric-card">
<div class="metric-label">Spark</div>
<div class="metric-value">Seguro</div>
<div class="metric-change up">liquidez disponible</div>
</div>
</div>
<div class="card">
<div class="card-header">
<div class="card-title">Estado de Protocolos</div>
<div style="font-size:11px;color:var(--text2);font-family:'Space Mono',monospace">25 ABR</div>
</div>
<div class="card-body">
<div class="risk-item">
<div class="risk-icon">🔴</div>
<div class="risk-info">
<div class="risk-protocol">KelpDAO — rsETH</div>
<div class="risk-desc">Bridge hackeado $292M via LayerZero. NO usar rsETH.</div>
</div>
<div class="risk-badge critical">EVITAR</div>
</div>
<div class="risk-item">
<div class="risk-icon">🟠</div>
<div class="risk-info">
<div class="risk-protocol">Aave V3/V4 — WETH</div>
<div class="risk-desc">Pool bloqueado al 100%. Usa Fluid o 1inch para salir (2% descuento).</div>
</div>
<div class="risk-badge critical">BLOQUEADO</div>
</div>
<div class="risk-item">
<div class="risk-icon">🟡</div>
<div class="risk-info">
<div class="risk-protocol">Compound V3</div>
<div class="risk-desc">$39M deuda incobrable por rsETH. Monitorear.</div>
</div>
<div class="risk-badge warning">CUIDADO</div>
</div>
<div class="risk-item">
<div class="risk-icon">🟢</div>
<div class="risk-info">
<div class="risk-protocol">Morpho — Base</div>
<div class="risk-desc">Sin exposición a rsETH. 5-8% APY en USDC. Recomendado LATAM.</div>
</div>
<div class="risk-badge safe">SEGURO</div>
</div>
<div class="risk-item">
<div class="risk-icon">🟢</div>
<div class="risk-info">
<div class="risk-protocol">Spark (Sky Protocol)</div>
<div class="risk-desc">Deprecó rsETH en enero. Único con liquidez ETH disponible hoy.</div>
</div>
<div class="risk-badge safe">SEGURO</div>
</div>
</div>
</div>
</div>
<div id="yields" class="section">
<div class="metrics-grid">
<div class="metric-card">
<div class="metric-label">Mejor Yield</div>
<div class="metric-value">20%</div>
<div class="metric-change up">Loopscale · Solana</div>
</div>
<div class="metric-card">
<div class="metric-label">Más Seguro LATAM</div>
<div class="metric-value">5-8%</div>
<div class="metric-change up">Morpho · Base</div>
</div>
</div>
<div class="card">
<div class="card-header">
<div class="card-title">Mejores Yields — Abril 2026</div>
<div style="font-size:11px;color:var(--text2)">por seguridad</div>
</div>
<div class="card-body">
<div class="yield-item">
<div class="yield-left">
<div class="yield-icon">🏦</div>
<div>
<div class="yield-protocol">Morpho — Base</div>
<div class="yield-type">USDC · Red Base</div>
</div>
</div>
<div class="yield-right">
<div class="yield-apy">5-8%</div>
<div class="yield-risk-badge low">BAJO RIESGO</div>
</div>
</div>
<div class="yield-item">
<div class="yield-left">
<div class="yield-icon">⚡</div>
<div>
<div class="yield-protocol">Spark</div>
<div class="yield-type">USDS · Ethereum</div>
</div>
</div>
<div class="yield-right">
<div class="yield-apy">4.5%</div>
<div class="yield-risk-badge low">BAJO RIESGO</div>
</div>
</div>
<div class="yield-item">
<div class="yield-left">
<div class="yield-icon">🌊</div>
<div>
<div class="yield-protocol">Pendle — PT tokens</div>
<div class="yield-type">Multi-chain</div>
</div>
</div>
<div class="yield-right">
<div class="yield-apy">hasta 100%</div>
<div class="yield-risk-badge medium">MEDIO</div>
</div>
</div>
<div class="yield-item">
<div class="yield-left">
<div class="yield-icon">🔄</div>
<div>
<div class="yield-protocol">Loopscale — jupUSD</div>
<div class="yield-type">USDC · Solana</div>
</div>
</div>
<div class="yield-right">
<div class="yield-apy">20%+</div>
<div class="yield-risk-badge medium">MEDIO</div>
</div>
</div>
<div class="yield-item">
<div class="yield-left">
<div class="yield-icon">🌅</div>
<div>
<div class="yield-protocol">Origin OUSD Beefy</div>
<div class="yield-type">OUSD · Ethereum</div>
</div>
</div>
<div class="yield-right">
<div class="yield-apy">15.6%</div>
<div class="yield-risk-badge medium">MEDIO</div>
</div>
</div>
</div>
</div>
<div class="info-box">
<strong>Para Ecuador:</strong> Comienza con Morpho en Base (5-8% APY). Bajo riesgo, sin exposición al hack de KelpDAO. Compatible con MetaMask. Necesitas USDC en la red Base.
</div>
</div>
<div id="acciones" class="section">
<div class="info-box" style="margin-bottom:12px">
<strong>Acciones tokenizadas:</strong> Compra Tesla, Nvidia o S&P 500 directo desde tu wallet. Sin broker, sin NYSE. Disponible 24/7 incluyendo fines de semana.
</div>
<div class="stock-grid">
<div class="stock-card">
<div class="stock-symbol">SPYx</div>
<div class="stock-name">S&P 500 ETF</div>
<div class="stock-price">$528.40</div>
<div class="stock-change up">+1.2% hoy</div>
</div>
<div class="stock-card">
<div class="stock-symbol">TSLAx</div>
<div class="stock-name">Tesla</div>
<div class="stock-price">$247.80</div>
<div class="stock-change down">-2.1% hoy</div>
</div>
<div class="stock-card">
<div class="stock-symbol">NVDAx</div>
<div class="stock-name">Nvidia</div>
<div class="stock-price">$882.50</div>
<div class="stock-change up">+3.4% hoy</div>
</div>
<div class="stock-card">
<div class="stock-symbol">QQQx</div>
<div class="stock-name">Nasdaq 100</div>
<div class="stock-price">$447.20</div>
<div class="stock-change up">+1.8% hoy</div>
</div>
<div class="stock-card">
<div class="stock-symbol">AAPLx</div>
<div class="stock-name">Apple</div>
<div class="stock-price">$189.30</div>
<div class="stock-change up">+0.6% hoy</div>
</div>
<div class="stock-card">
<div class="stock-symbol">MSTRx</div>
<div class="stock-name">MicroStrategy</div>
<div class="stock-price">$1,247</div>
<div class="stock-change up">+5.2% hoy</div>
</div>
</div>
<div class="info-box">
<strong>Cómo desde Ecuador:</strong> Usa xStocks en Kamino (Solana) o Morpho (Base). Necesitas USDC y MetaMask o Phantom. Puedes usar tus acciones como garantía para pedir prestado USDC.
</div>
</div>
<div id="agente" class="section">
<div class="agent-container">
<div class="agent-header">
<div class="agent-dot"></div>
<div class="agent-title">Agente DeFi LATAM — En español</div>
</div>
<div class="quick-btns">
<button class="quick-btn" onclick="askAgent('¿Está mi dinero seguro en Aave?')">¿Seguro en Aave?</button>
<button class="quick-btn" onclick="askAgent('¿Dónde pongo mis ahorros?')">¿Dónde invierto?</button>
<button class="quick-btn" onclick="askAgent('¿Qué pasó con KelpDAO?')">¿Qué es KelpDAO?</button>
<button class="quick-btn" onclick="askAgent('¿Cómo compro acciones sin broker?')">Acciones sin broker</button>
</div>
<div class="agent-messages" id="agentMessages">
<div class="msg">
<div class="msg-icon agent">IA</div>
<div class="msg-bubble">Hola, soy tu agente DeFi para LATAM. Analizo riesgos, encuentro los mejores yields y te explico todo en español simple. ¿Qué quieres saber?</div>
</div>
</div>
<div class="agent-input-area">
<input class="agent-input" id="agentInput" type="text" placeholder="Pregunta sobre DeFi en español..." onkeydown="if(event.key==='Enter')sendMsg()"/>
<button class="send-btn" onclick="sendMsg()">Enviar</button>
</div>
</div>
</div>
<div class="footer">
Bloomberg DeFi LATAM · Construido desde Manta, Ecuador 🇪🇨<br>
Datos via DeFi LATAM Intelligence API · defi-latam-mpp-production.up.railway.app<br>
Pagos automáticos via x402 en Base · @defilatam_
</div>
</div>
<script>
function showTab(name,el){
document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));
document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
document.getElementById(name).classList.add('active');
el.classList.add('active');
}
const R={
aave:'Aave WETH está bloqueado al 100% de utilización tras el hack de KelpDAO del 18 de abril. Si tienes ETH depositado en Aave, puede que no puedas retirarlo ahora mismo.\n\nOpciones para salir:\n• Fluid: intercambio directo a wstETH o weETH\n• 1inch: venta con 2% de descuento\n\nMorpho y Spark NO fueron afectados y son seguros ahora mismo.',
invierto:'Para Ecuador recomiendo en este orden:\n\n1. Morpho en Base (5-8% APY, bajo riesgo, compatible con MetaMask)\n2. Spark - 4.5% APY, muy seguro\n\nEvita Aave WETH esta semana por el hack. Para comprar USDC puedes usar Binance P2P con dólares ecuatorianos y luego pasar a la red Base.',
kelp:'KelpDAO fue hackeado el 18 de abril por $292 millones.\n\nCómo pasó:\n1. El atacante falsificó mensajes en el bridge de LayerZero\n2. Mintó rsETH (tokens de Kelp) sin respaldo real\n3. Los depositó en Aave como garantía\n4. Robó $190M en ETH real\n5. Todo en 46 minutos\n\nResultado: Aave tiene $196M en deuda que no puede recuperar.',
acciones:'Puedes comprar acciones de Tesla, Nvidia y el S&P 500 directamente desde tu wallet sin broker.\n\nCómo:\n1. Usa xStocks en Kamino (Solana) o Morpho (Base)\n2. Solo necesitas USDC y MetaMask\n3. Disponible 24/7 incluyendo fines de semana\n\nBonificación: puedes usar tus acciones tokenizadas como garantía para pedir prestado USDC en Morpho o Kamino.',
default:'Entendido. En DeFi LATAM monitoreamos yields en tiempo real, alertas de riesgos y acciones tokenizadas para Ecuador y toda América Latina.\n\n¿Sobre qué quieres más información?'
};
function getResp(msg){
const m=msg.toLowerCase();
if(m.includes('aave')||m.includes('seguro'))return R.aave;
if(m.includes('invierto')||m.includes('ahorro')||m.includes('donde')||m.includes('pongo'))return R.invierto;
if(m.includes('kelp')||m.includes('hack')||m.includes('pasó')||m.includes('paso'))return R.kelp;
if(m.includes('accion')||m.includes('broker')||m.includes('tesla')||m.includes('nvidia'))return R.acciones;
return R.default;
}
function addMsg(text,isUser){
const c=document.getElementById('agentMessages');
const d=document.createElement('div');
d.className='msg'+(isUser?' user':'');
d.innerHTML=`<div class="msg-icon ${isUser?'user':'agent'}">${isUser?'TÚ':'IA'}</div><div class="msg-bubble ${isUser?'user':''}">${text.replace(/\n/g,'<br>')}</div>`;
c.appendChild(d);
c.scrollTop=c.scrollHeight;
}
function showTyping(){
const c=document.getElementById('agentMessages');
const d=document.createElement('div');
d.className='msg';d.id='typing';
d.innerHTML=`<div class="msg-icon agent">IA</div><div class="msg-bubble"><span class="typing-dots"><span></span><span></span><span></span></span></div>`;
c.appendChild(d);c.scrollTop=c.scrollHeight;
}
function sendMsg(){
const input=document.getElementById('agentInput');
const msg=input.value.trim();
if(!msg)return;
addMsg(msg,true);input.value='';showTyping();
setTimeout(()=>{document.getElementById('typing')?.remove();addMsg(getResp(msg),false);},1400);
}
function askAgent(q){
showTab('agente',document.querySelectorAll('.tab')[3]);
document.getElementById('agentInput').value=q;sendMsg();
}
let btc=79500;
setInterval(()=>{btc+=(Math.random()-.5)*60;document.getElementById('btcPrice').textContent='BTC $'+Math.round(btc).toLocaleString();},3000);
</script>
</body>
</html>