PageSourceSearch

https://funontheride.com/

html funontheride.com collected 2026-10-05 23:17:52 UTC 190,667 bytes, 2,546 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4<!-- Google Analytics 4 (GA4) -->
vendor: 64 bytes, lines 4-5
4
5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-9Q6H0QETRF
vendor: 12 bytes, line 5
5"></script>
6<script>
vendor: 118 bytes, line 6
6window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
6G-9Q6H0QETRF
vendor: 3 bytes, line 6
6');
6</script>
6
7
8<meta charset="UTF-8">
9<meta name="viewport" content="width=device-width, initial-scale=1.0">
10<title>Rodrigo Arnedo · Noticias Bitcoin</title>
11<link rel="icon" type="image/png" href="programas/brand/avatar.png">
12<link rel="apple-touch-icon" href="programas/brand/avatar-180.png">
13
14<link rel="preconnect" href="https://fonts.googleapis.com">
15<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
17<style>
18  :root{
19    --bg:#000000;
20    --surface:#0c0d0e;
21    --surface-2:#16181c;
22    --surface-3:#1d2024;
23    --ada:#3a7bd5;
24    --ada-soft:rgba(58,123,213,.14);
25    --border:#1f2226;
26    --border-soft:#26292e;
27    --text:#e7e9ea;
28    --muted:#8b949e;
29    --muted-2:#6e767d;
30    --orange:#FF6700;
31    --orange-soft:rgba(255,103,0,.14);
32    --green:#16c784;
33    --green-soft:rgba(22,199,132,.14);
34    --red:#e23636;
35    --red-soft:rgba(226,54,54,.16);
36    --display:"Space Grotesk", system-ui, sans-serif;
37    --body:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
38    --maxw:1290px;
39  }
40  *{box-sizing:border-box;margin:0;padding:0;}
41  html{scroll-behavior:smooth;}
42  body{
43    background:var(--bg);
44    color:var(--text);
45    font-family:var(--body);
46    font-size:15px;
47    line-height:1.5;
48    -webkit-font-smoothing:antialiased;
49    text-rendering:optimizeLegibility;
50  }
51  a{color:inherit;text-decoration:none;}
52  ::selection{background:var(--orange);color:#000;}
53
54  /* ====== LAYOUT GRID ====== */
55  .shell{
56    max-width:var(--maxw);
57    margin:0 auto;
58    display:grid;
59    grid-template-columns:236px minmax(0,1fr) 352px;
60    align-items:start;
61  }
62  .col{min-width:0;}
63  .col-left{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;overflow-y:auto;}
64  .col-center{border-right:1px solid var(--border);min-height:100vh;}
65  .col-right{position:sticky;top:0;height:100vh;overflow-y:auto;padding:14px 18px 40px;display:flex;flex-direction:column;}
66  /* side-column content starts aligned with the divider line below the profile (set via JS) */
67  .side-inner{width:100%;}
68  .col-left::-webkit-scrollbar,.col-right::-webkit-scrollbar{width:6px;}
69  .col-left::-webkit-scrollbar-thumb,.col-right::-webkit-scrollbar-thumb{background:#2a2e33;border-radius:6px;}
70
71  /* ====== LEFT COLUMN ====== */
72  .brand{
73    display:flex;flex-direction:row;align-items:center;gap:13px;
74    padding:8px 10px 16px;
75  }
76  a.brand{transition:opacity .14s;}
77  a.brand:hover{opacity:.85;}
78  a.brand:hover .brand-avatar{box-shadow:0 0 0 3px var(--orange-soft);}
79  .brand-avatar{
80    width:60px;height:60px;border-radius:50%;object-fit:cover;
81    background:var(--orange);display:block;flex:none;transition:box-shadow .14s;
82  }
83  .brand-mark{
84    width:36px;height:36px;border-radius:50%;
85    background:var(--orange);
86    display:grid;place-items:center;
87    font-family:var(--display);font-weight:700;font-size:20px;color:#000;
88    flex:none;
89  }
90  .brand-name{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.04em;line-height:1.1;}
91  .brand-name small{display:block;color:var(--muted-2);font-weight:500;font-size:13px;letter-spacing:0;margin-top:2px;}
92
93  .cta-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
94  .btn{
95    display:flex;align-items:center;gap:12px;
96    width:100%;padding:11px 16px;border-radius:10px;
97    font-family:var(--display);font-weight:500;font-size:15px;
98    border:1px solid var(--border-soft);
99    background:var(--surface-2);color:var(--text);
100    cursor:pointer;transition:.15s;
101  }
102  .btn svg{width:19px;height:19px;flex:none;}
103  .btn:hover{border-color:#3a3f45;background:#1d2024;transform:translateY(-1px);}
104  .btn-primary{
105    background:var(--orange);border-color:var(--orange);color:#000;font-weight:700;
106    box-shadow:0 6px 22px -8px rgba(255,103,0,.65);
107  }
108  .btn-primary:hover{background:#ff7a1f;border-color:#ff7a1f;transform:translateY(-1px);}
109  .btn-ghost-green:hover{border-color:var(--green);color:var(--green);background:var(--green-soft);}
110
111  /* Redes Sociales dropdown */
112  .social-wrap{position:relative;}
113  .social-wrap #socialToggle{width:100%;}
114  .social-wrap .chev{width:17px;height:17px;margin-left:auto;transition:transform .2s;}
115  .social-wrap.open .chev{transform:rotate(180deg);}
116  .social-dd{
117    display:none;flex-direction:column;gap:7px;margin-top:0;
118    animation:socialIn .22s ease;
119  }
120  .social-wrap.open .social-dd{display:flex;margin-top:10px;}
121  @keyframes socialIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
122  .social-link{
123    display:flex;align-items:center;gap:10px;
124    padding:6px 11px;border-radius:999px;
125    background:var(--surface-2);border:1px solid var(--border);
126    font-family:var(--display);font-weight:500;font-size:13px;color:var(--text);
127    transition:.14s;
128  }
129  .social-link:hover{border-color:var(--orange);background:#1d2024;transform:translateX(3px);}
130  .social-link.yt:hover{border-color:var(--red);}
131  /* Enlace destacado a /oficial contra las suplantaciones (28-sep-2026) */
132  .social-link.oficial{
133    background:rgba(245,197,66,.12);border-color:#F5C542;color:#fff;font-weight:700;
134    margin-bottom:6px;
135  }
136  .social-link.oficial:hover{background:rgba(245,197,66,.22);border-color:#ffd65c;}
137  .social-link.oficial .social-ico{background:#F5C542;color:#000;font-size:12px;font-weight:900;}
138  .social-ico{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;}
139  .social-ico.dark{background:#0a0a0a;border:1px solid var(--border);}
140  .social-ico img,.social-ico svg{width:12px;height:12px;display:block;}
141  /* Override: naranja #FF6700 solo en estos elementos */
142  .sub-btn{background:#FF6700;border-color:#FF6700;}
143  .sub-btn:hover{background:#ff7a1f;border-color:#ff7a1f;}
144  .ico-ff{color:#FF6700;}
145  .btn-ghost-green:hover .ico-ff{color:#FF6700;}
146
147  /* Donaciones dropdown */
148  .donate-wrap{position:relative;}
149  .donate-wrap #donateToggle{width:100%;}
150  .donate-wrap .chev{width:17px;height:17px;margin-left:auto;transition:transform .2s;}
151  .donate-wrap.open .chev{transform:rotate(180deg);}
152  .donate-dd{display:none;flex-direction:column;gap:7px;animation:socialIn .22s ease;}
153  .donate-wrap.open .donate-dd{display:flex;margin-top:10px;}
154  .donate-row{
155    display:flex;align-items:center;gap:10px;width:100%;text-align:left;
156    padding:8px 11px;border-radius:9px;
157    background:var(--surface-2);border:1px solid var(--border);
158    color:var(--text);cursor:pointer;transition:.14s;
159    font-family:var(--body);
160  }
161  .donate-row:hover{border-color:var(--orange);background:#1d2024;}
162  .donate-ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;overflow:hidden;}
163  .donate-ico img{width:14px;height:14px;display:block;}
164  .donate-meta{min-width:0;flex:1;}
165  .donate-name{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
166  .donate-addr{display:none;}
167  .donate-row .copy-ico{width:16px;height:16px;flex:none;color:var(--muted-2);transition:.14s;}
168  .donate-row:hover .copy-ico{color:var(--orange);}
169  .donate-row.copied{border-color:var(--green);background:var(--green-soft);}
170  .donate-row.copied .donate-name{color:var(--green);}
171  .donate-row.copied .copy-ico{color:var(--green);}
172  .email-row{border-color:rgba(255,103,0,.45);background:var(--orange-soft);padding:9px 10px;gap:8px;}
173  .email-row .donate-name{display:block;font-size:11.5px;font-family:var(--display);font-weight:600;color:var(--orange);letter-spacing:-.015em;text-overflow:clip;}
174  .email-row .copy-ico{color:var(--orange);width:14px;height:14px;}
175  .email-row:hover .donate-name{color:#fff;}
176  .email-row.copied .donate-name{font-family:var(--display);font-weight:600;}
177
178  .nav-label{
179    font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.14em;
180    text-transform:uppercase;color:var(--muted-2);
181    padding:0 14px 8px;margin-top:4px;
182  }
183  /* Destacados: mismo rectángulo y mismo título que los demás paneles, con estrellita amarilla
184     y borde amarillo permanente (igual tratamiento que el naranja de "Otros canales"). */
185  .featured-box .star-ic{width:13px;height:13px;flex:none;display:grid;place-items:center;color:#f5c518;}
186  .featured-box .star-ic svg{width:13px;height:13px;display:block;}
187  /* El recuadro amarillo va por dentro y con el MISMO trato que las tarjetas de patrocinadores:
188     mismo ancho, misma línea fina y el mismo encendido al pasar el ratón. */
189  .feat-rows{
190    --ad:#f5c518;
191    display:flex;flex-direction:column;gap:7px;
192    margin:2px 6px 8px;padding:11px;border-radius:14px;
193    border:1px solid color-mix(in srgb,var(--ad) 48%,transparent);
194    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 10%,transparent);
195    background:radial-gradient(125% 90% at 50% 0%,color-mix(in srgb,var(--ad) 9%,transparent),transparent 62%),#000;
196    transition:border-color .15s,box-shadow .15s;
197  }
198  .feat-rows:hover{
199    border-color:var(--ad);
200    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 45%,transparent),
201               0 0 18px color-mix(in srgb,var(--ad) 22%,transparent);
202  }
203  .feat-row{
204    display:flex;align-items:center;gap:11px;padding:6px 12px;border-radius:9px;
205    background:var(--surface-2);border:1px solid var(--border);transition:.15s;
206  }
207  .feat-row:hover{border-color:rgba(245,197,24,.55);background:#1b1810;transform:translateX(3px);}
208  .feat-row .fr-ico{
209    width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;
210    background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.3);color:#f5c518;
211  }
212  .feat-row .fr-ico svg{width:15px;height:15px;}
213  .feat-row .fr-name{font-family:var(--display);font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;}
214  .feat-row:hover .fr-name{color:#f7d04a;}
215  .feat-row .fr-arr{margin-left:auto;color:var(--muted-2);transition:.15s;}
216  .feat-row .fr-arr svg{width:15px;height:15px;
216display:block;}
217  .feat-row:hover .fr-arr{color:#f5c518;transform:translateX(2px);}
218  .menu{display:flex;flex-direction:column;gap:2px;}
219  .menu a{
220    display:flex;align-items:center;gap:14px;
221    padding:11px 14px;border-radius:9px;
222    font-size:15.5px;color:var(--text);
223    transition:.13s;position:relative;
224  }
225  .menu a .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);opacity:0;transition:.13s;flex:none;}
226  .menu a:hover{background:var(--surface-2);}
227  .menu a:hover .dot{opacity:1;}
228  .menu a:hover .mtxt{color:var(--orange);}
229  .menu a.soon{color:#3a3f45;cursor:default;}
230  .menu a.soon .dot{display:none;}
231  .menu a.soon:hover{background:none;}
232  .menu a.soon:hover .mtxt{color:#3a3f45;}
233  .mtxt{transition:.13s;}
234
235  /* Menu collapsible group (Brave) */
236  .menu-group{display:flex;flex-direction:column;}
237  .menu-toggle-item{
238    display:flex;align-items:center;gap:14px;width:100%;
239    padding:11px 14px;border-radius:9px;border:0;background:none;cursor:pointer;
240    font-family:var(--body);font-size:15.5px;color:var(--text);transition:.13s;text-align:left;
241  }
242  .menu-toggle-item .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);opacity:0;transition:.13s;flex:none;}
243  .menu-toggle-item:hover{background:var(--surface-2);}
244  .menu-toggle-item:hover .dot{opacity:1;}
245  .menu-toggle-item:hover .mtxt{color:var(--orange);}
246  .menu-group.open .menu-toggle-item .dot{opacity:1;}
247  .menu-group.open .menu-toggle-item .mtxt{color:var(--orange);}
248  .m-chev{width:16px;height:16px;margin-left:auto;color:var(--muted-2);transition:transform .2s;}
249  .menu-group.open .m-chev{transform:rotate(180deg);color:var(--orange);}
250  .menu-sub{display:none;flex-direction:column;gap:4px;padding:2px 0 6px 28px;animation:socialIn .2s ease;}
251  .menu-group.open .menu-sub{display:flex;}
252  .menu-sub-link{
253    display:flex;align-items:center;gap:9px;
254    padding:8px 12px;border-radius:8px;
255    font-size:13.5px;color:var(--muted);transition:.13s;
256  }
257  .menu-sub-link svg{width:16px;height:16px;flex:none;}
258  .menu-sub-link:hover{background:var(--surface-2);color:var(--text);}
259  .menu-sub-link.dl{color:var(--orange);font-family:var(--display);font-weight:600;}
260  .menu-sub-link.dl:hover{background:var(--orange-soft);}
261
262  .left-foot{margin-top:auto;padding:16px 14px 4px;color:var(--muted-2);font-size:12px;line-height:1.7;}
263  .left-foot a{text-decoration:underline;}
264  .left-foot a:hover{color:var(--orange);}
265
266  /* ====== CENTER COLUMN ====== */
267  .center-head{
268    display:none;
269    position:sticky;top:0;z-index:20;
270    backdrop-filter:blur(12px);
271    background:rgba(0,0,0,.72);
272    border-bottom:1px solid var(--border);
273    padding:14px 22px;
274    align-items:center;gap:14px;
275  }
276  .menu-toggle{display:none;background:none;border:0;color:var(--text);cursor:pointer;}
277  .menu-toggle svg{width:24px;height:24px;}
278  .center-head h1{
279    font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.015em;line-height:1.15;
280  }
281  .center-head h1 b{color:var(--orange);font-weight:700;}
282  .center-head .sub{color:var(--muted-2);font-size:13px;}
283
284  .banner-wrap{position:relative;}
285  .banner{display:block;width:100%;height:132px;object-fit:cover;object-position:center;background:#000;}
286
287  .profile-row{
288    display:flex;align-items:flex-end;justify-content:space-between;
289    padding:0 22px;margin-top:-46px;position:relative;z-index:5;
290  }
291  .avatar{
292    width:92px;height:92px;border-radius:50%;
293    border:4px solid #000;background:var(--orange);
294    object-fit:cover;flex:none;
295    box-shadow:0 8px 30px -10px rgba(255,103,0,.5);
296  }
297  .verify-pill{
298    margin-bottom:12px;display:inline-flex;align-items:center;gap:7px;
299    padding:8px 15px;border-radius:999px;border:1px solid var(--border-soft);
300    background:var(--surface-2);font-size:13.5px;font-weight:600;font-family:var(--display);
301    cursor:pointer;transition:.15s;
302  }
303  .verify-pill:hover{border-color:var(--orange);color:var(--orange);}
304
305  .identity{padding:18px 22px 4px;}
306  .identity .name{display:flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:-.01em;}
307  .identity .name b{color:var(--orange);font-weight:700;}
308  .name-sub{color:var(--muted);font-size:14.5px;margin-top:3px;}
309  .badge{width:19px;height:19px;color:var(--orange);}
310  .identity .handle{color:var(--muted-2);font-size:14.5px;margin-top:1px;}
311  .identity .meta{display:flex;flex-wrap:nowrap;gap:8px 16px;margin-top:5px;color:var(--muted);font-size:13px;}
312  .identity .meta span{white-space:nowrap;}
313  .identity .meta a{color:var(--muted);}
314  .identity .meta a:hover{text-decoration:underline;}
315
316  /* ===== Live BTC price ticker ===== */
317  .identity{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
318  .identity .id-left{min-width:0;}
319  .btc-ticker{
320    flex:none;display:flex;align-items:center;gap:9px;
321    padding:7px 11px;border-radius:11px;
322    background:var(--surface);border:1px solid var(--border-soft);
323    text-decoration:none;transition:border-color .15s,box-shadow .25s;
324    margin:2px -6px 0 0;
325  }
326  .btc-ticker:hover{border-color:#3a3f45;}
327  .btc-ticker.flash-up{box-shadow:0 0 0 1px var(--green),0 0 22px -6px var(--green);}
328  .btc-ticker.flash-down{box-shadow:0 0 0 1px var(--red),0 0 22px -6px var(--red);}
329  .btc-ico{width:25px;height:25px;border-radius:50%;flex:none;display:grid;place-items:center;background:#f7931a;color:#fff;font-weight:800;font-size:15px;font-family:var(--display);}
330  .btc-body{display:flex;flex-direction:column;line-height:1.15;}
331  .btc-row1{display:flex;align-items:baseline;gap:7px;}
332  .btc-label{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.05em;color:var(--muted-2);}
333  .btc-live{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--muted-2);text-transform:uppercase;}
334  .btc-live .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(22,199,132,.6);animation:btcPulse 1.8s infinite;}
335  @keyframes btcPulse{0%{box-shadow:0 0 0 0 rgba(22,199,132,.55);}70%{box-shadow:0 0 0 6px rgba(22,199,132,0);}100%{box-shadow:0 0 0 0 rgba(22,199,132,0);}}
336  @keyframes btcPulseRed{0%{box-shadow:0 0 0 0 rgba(226,54,54,.55);}70%{box-shadow:0 0 0 6px rgba(226,54,54,0);}100%{box-shadow:0 0 0 0 rgba(226,54,54,0);}}
337  .btc-ticker.dir-down .btc-live .dot{background:var(--red);animation:btcPulseRed 1.8s infinite;}
338  .btc-price{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text);transition:color .25s;}
339  .btc-price.up{color:var(--green);}
340  .btc-price.down{color:var(--red);}
341  .btc-chg{display:inline-flex;align-items:center;gap:3px;font-family:var(--display);font-weight:700;font-size:11.5px;font-variant-numeric:tabular-nums;}
342  .btc-chg svg{width:11px;height:11px;}
343  .btc-chg.up{color:var(--green);}
344  .btc-chg.down{color:var(--red);}
345  @media (max-width:560px){
346    .identity{flex-direction:column;}
347    .btc-ticker{align-self:stretch;}
348  }
349  .identity .meta span{display:inline-flex;align-items:center;gap:6px;}
350  .identity .meta svg{width:15px;height:15px;color:var(--muted-2);}
351  .date-chip{
352    display:inline-flex;align-items:center;gap:8px;margin-top:14px;
353    padding:6px 13px;border-radius:8px;background:var(--orange-soft);
354    color:var(--orange);font-family:var(--display);font-weight:600;font-size:13.5px;
355  }
356
357  .section{padding:22px;border-top:1px solid var(--border);margin-top:18px;}
358  .section-title{
359    display:flex;align-items:center;gap:10px;
360    font-family:var(--display);font-weight:600;font-size:15px;
361    color:var(--text);margin-bottom:16px;
362  }
363  .section-title .bar{width:4px;height:18px;border-radius:3px;background:var(--orange);}
364  .section-title.green .bar{background:var(--green);}
365
366  /* video */
367  .ultima-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:16px;}
368  .uh-title{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--text);line-height:1;display:flex;align-items:center;}
369  .uh-bar{width:4px;height:20px;border-radius:3px;background:var(--red);}
370  .ultima-head .date-chip{margin-top:0;background:var(--red-soft);color:var(--red);}
371  .video-title{
372    font-family:var(--body);font-weight:700;font-size:18px;line-height:1.25;
373    letter-spacing:-.01em;margin:-6px 0 14px;text-wrap:balance;
374  }
375  .video{
376    display:block;
377    position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
378    border:1px solid var(--border);cursor:pointer;background:#000;
379  }
380  .video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s;}
381  .video:hover .video-thumb{transform:scale(1.03);}
382  .play{
383    position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;
384    background:var(--red);display:grid;place-items:center;
385    transition:.18s;box-shadow:0 10px 40px -8px rgba(226,54,54,.7);
386  }
387  .play svg{width:30px;height:30px;color:#fff;margin-left:3px;}
388  .video:hover .play{transform:scale(1.08);background:#f04444;}
389  /* Estado "en breve": el vídeo del programa aún no está conectado en programa-actual.json */
390  .video.soon{cursor:default;}
391  .video.soon .play{display:none;}
392  .video.soon .video-thumb{filter:saturate(.65) brightness(.78);}
393  .video.soon:hover .video-thumb{transform:none;}
394  .video.soon::after{
395    content:"Vídeo disponible en breve";
396    position:absolute;left:0;right:0;bottom:0;
397    background:linear-gradient(transparent,rgba(0,0,0,.86));
398    color:#fff;font-family:var(--body);font-weight:700;font-size:14px;
399    letter-spacing:.01em;padding:28px 14px 13px;text-align:center;
400  }
401
402  /* Crypto All Stars view */
403  .allstars-back{
404    display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;
405    font-family:var(--display);font-weight:500;font-size:14px;color:var(--muted);
406    padding:8px 14px;border-radius:9px;border:1px solid var(--border-soft);background:var(--surface-2);cursor:pointer;transition:.15s;
407  }
408  .allstars-back svg{width:16px;height:16px;}
409  .allstars-back:hover{color:var(--orange);border-color:var(--orange);}
410  .allstars-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.6vw,40px);letter-spacing:-.015em;line-height:1.05;margin:2px 0 14px;}
411  .allstars-title b{color:#f5c518;font-weight:700;}
412  .allstars-intro p{color:var(--muted);font-size:15.5px;line-height:1.6;max-width:620px;text-wrap:pretty;}
413  .allstars-grid{display:flex;flex-direction:column;gap:24px;}
414  .as-thumb{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9;background:#000;cursor:pointer;}
415  .as-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s;}
416  .as-card:hover .as-thumb img{transform:scale(1.03);}
417  .as-title{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;margin-top:11px;}
418  .as-title span{display:block;color:var(--muted-2);font-weight:500;font-size:13.5px;margin-top:2px;letter-spacing:0;}
419  .as-list{display:flex;flex-direction:column;gap:5px;}
420  .as-row{display:flex;align-items:center;gap:11px;padding:15px 17px;border-radius:13px;border:1px solid var(--border);background:var(--surface);transition:background .15s,border-color .15s,box-shadow .15s;cursor:pointer;}
421  .as-row:hover{background:var(--surface-2);border-color:#f5c518;box-shadow:0 0 0 1px rgba(245,197,24,.28);}
422  .as-rname{flex:1 1 auto;font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em;}
423  .as-star{flex:0 0 auto;color:#f5c518;font-size:18px;line-height:1;}
424  .as-yt{flex:0 0 auto;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#ff000022;border:1px solid #ff000055;color:#ff4444;}
425  .as-yt svg{width:12px;height:12px;display:block;}
426  .as-row:hover .as-rname{color:#fff;}
427  .as-play{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted-2);transition:color .15s,transform .15s;}
428  .as-play svg{width:18px;height:18px;}
429  .as-row:hover .as-play{color:#f5c518;transform:scale(1.1);}
430
431  /* Cripto Humor view */
432  .humor-title b{color:#FF6700;font-weight:700;}
433  .humor-list{display:flex;flex-direction:column;gap:3px;margin-top:2px;}
434  .humor-row{display:flex;align-items:center;gap:15px;padding:11px 13px;border-radius:13px;border:1px solid transparent;transition:background .16s,border-color .16s;cursor:pointer;}
435  .humor-row:hover{background:var(--surface-2);border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,103,0,.28);}
436  .hr-num{flex:0 0 auto;width:20px;text-align:right;font-family:var(--display);font-size:13px;color:var(--muted-2);font-variant-numeric:tabular-nums;}
437  .hr-disc{flex:0 0 auto;width:42px;height:42px;}
438  .hr-disc svg{width:100%;height:100%;display:block;transform-origin:50% 50%;}
439  .humor-row:hover .hr-disc svg{animation:discspin 2.1s linear infinite;}
440  @keyframes discspin{to{transform:rotate(360deg);}}
441  .hr-disc .disc-ring{transition:stroke .2s;}
442  .hr-disc .disc-groove{transition:stroke .2s;}
443  .hr-disc .disc-label{fill:#33373d;transition:fill .2s;}
444  .hr-disc .disc-shine{transition:stroke .2s;}
445  .humor-row:hover .hr-disc .disc-ring{stroke:#FF6700;}
446  .humor-row:hover .hr-disc .disc-groove{stroke:rgba(255,103,0,.6);}
447  .humor-row:hover .hr-disc .disc-label{fill:#FF6700;}
448  .humor-row:hover .hr-disc .disc-shine{stroke:#ffd9b8;}
449  .humor-row:hover .hr-disc{filter:drop-shadow(0 0 8px rgba(255,103,0,.6));}
450  .hr-body{flex:1 1 auto;min-width:0;}
451  .hr-name{display:block;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em;line-height:1.25;}
452  .humor-row:hover .hr-name{color:#fff;}
453  .hr-sub{display:block;color:var(--muted-2);font-size:12.5px;margin-top:6px;line-height:1.35;text-wrap:pretty;}
454  .hr-play{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted-2);opacity:0;transform:translateX(-5px);transition:.16s;}
455  .hr-play svg{width:17px;height:17px;}
456  .humor-row:hover .hr-play{opacity:1;transform:none;color:#FF6700;}
457  .humor-foot{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-family:var(--display);font-weight:500;font-size:14px;color:var(--muted);padding:11px 17px;border-radius:11px;border:1px solid var(--border-soft);background:var(--surface-2);transition:.15s;}
458  .humor-foot svg{width:19px;height:19px;}
459  .humor-foot:hover{color:#FF0000;border-color:#FF0000;box-shadow:0 0 0 1px rgba(255,0,0,.28);}
460  @media(max-width:560px){.hr-num{display:none;}.hr-disc{width:38px;height:38px;}}
461
462  /* Libros Recomendados view */
463  .libros-title b{color:#FF6700;font-weight:700;}
464  .libros-intro-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
465  .libros-feature{display:flex;align-items:center;gap:13px;margin-top:16px;padding:12px 15px;border-radius:13px;border:1px solid var(--border-soft);background:var(--surface-2);transition:border-color .15s,box-shadow .15s;}
466  .libros-feature:hover{border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,103,0,.28);}
467  .lf-ico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--orange-soft);border:1px solid rgba(255,103,0,.3);color:var(--orange);}
468  .lf-ico svg{width:19px;height:19px;}
469  .lf-name{flex:1 1 auto;min-width:0;font-family:var(--display);font-weight:600;font-size:15.5px;letter-spacing:-.01em;}
470  .lf-acts{flex:0 0 auto;display:flex;align-items:center;gap:8px;}
471  .libros-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--text);padding:9px 15px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2);transition:.15s;}
472  .libros-chip svg{width:16px;height:16px;}
473  .libros-chip:hover{border-color:var(--orange);color:var(--orange);}
474  .libros-chip.yt{color:#FF0000;border-color:#ff000055;}
475  .libros-chip.yt:hover{border-color:#FF0000;color:#FF0000;box-shadow:0 0 0 1px rgba(255,0,0,.28);}
476  .lib-group{border-top:1px solid var(--border);}
477  .lib-group:last-child{border-bottom:1px solid var(--border);}
478  .lib-ghead{display:flex;align-items:center;gap:11px;width:100%;padding:16px 4px;background:none;border:0;cursor:pointer;color:var(--text);text-align:left;font-family:var(--body);}
479  .lib-gname{font-weight:600;font-size:18px;letter-spacing:0;}
480  .lib-gcount{color:var(--muted-2);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;}
481  .lib-chev{margin-left:auto;width:18px;height:18px;color:var(--muted-2);transition:transform .2s,color .2s;flex:none;}
482  .lib-ghead:hover .lib-gname{color:var(--orange);}
483  .lib-group.open .lib-chev{transform:rotate(180deg);color:var(--orange);}
484  .lib-books{display:none;flex-direction:column;gap:3px;padding-bottom:12px;}
485  .lib-group.open .lib-books{display:flex;}
486  .lib-row{display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:11px;border:1px solid transparent;transition:background .14s,border-color .14s;}
487  .lib-row:hover{background:var(--surface-2);border-color:var(--border-soft);}
488  .lib-name{flex:1 1 auto;min-width:0;font-family:var(--display);font-weight:500;font-size:15.5px;line-height:1.3;text-wrap:pretty;}
489  .lib-star{color:#f5c518;margin-right:8px;}
490  .lib-row:hover .lib-name{color:#fff;}
491  .lib-acts{flex:0 0 auto;display:flex;align-items:center;gap:8px;}
492  .lib-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:12.5px;color:var(--orange);padding:5px 11px;border-radius:8px;border:1px solid rgba(255,103,0,.32);background:var(--orange-soft);transition:.14s;}
493  .lib-link svg{width:13px;height:13px;}
494  .lib-link:hover{background:rgba(255,103,0,.22);border-color:var(--orange);}
495  .lib-yt{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#ff000022;border:1px solid #ff000055;color:#ff4444;transition:.14s;}
496  .lib-yt svg{width:16px;height:16px;}
497  .lib-yt:hover{background:#ff000038;border-color:#ff0000aa;}
498  .lib-yt-empty{flex:0 0 auto;width:30px;height:30px;}
499  #centerEventos .lib-name{font-family:var(--body);font-weight:500;letter-spacing:0;}
500  #centerFaq .lib-name{font-family:var(--body);font-weight:500;letter-spacing:0;}
501  .center-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px;}
502  .btn-orange{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:11px;font-family:var(--display);font-weight:700;font-size:15px;background:var(--orange);color:#000;border:1px solid var(--orange);box-shadow:0 8px 26px -10px rgba(255,103,0,.7);transition:.15s;cursor:pointer;}
503  .btn-orange:hover{background:#ff7a1f;border-color:#ff7a1f;transform:translateY(-1px);}
504  .btn-orange svg{width:19px;height:19px;}
505  .as-thumb.as-placeholder{background:repeating-linear-gradient(45deg,#0e0f11,#0e0f11 14px,#131418 14px,#131418 28px);display:grid;place-items:center;}
506  .as-thumb.as-placeholder .ph{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--muted-2);text-align:center;padding:0 20px;line-height:1.5;}
507  .cfeats{display:flex;flex-direction:column;gap:11px;margin-top:18px;}
508  .cfeat{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:15px;line-height:1.5;}
509  .cfeat svg{width:19px;height:19px;color:var(--orange);flex:none;margin-top:2px;}
510  .cfeat b{color:var(--text);font-weight:600;}
511  /* Recursos grid */
512  .res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;}
513  .rcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:18px;transition:.15s;}
514  .rcard:hover{border-color:var(--orange);transform:translateY(-2px);background:var(--surface-2);}
515  .rcard-top{display:flex;align-items:center;gap:11px;}
516  .rcard-ico{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--orange-soft);border:1px solid rgba(255,103,0,.3);color:var(--orange);overflow:hidden;}
517  .rcard-ico svg{width:19px;height:19px;}
518  .rcard-ico img{width:100%;height:100%;object-fit:cover;display:block;}
519  .rcard-ico.logo{background:#000;border-color:var(--border-soft);}
520  .rcard-ico.logo.white{background:#fff;}
521  .rcard-ico.logo.coinbase{background:#1652f0;}
522  .rcard-ico.logo.hyperliquid{background:#072723;}
523  .rcard-ico.logo.bybit{background:#000;}
524  .rcard-ico.logo.etoro{background:#000;}
525  .rcard-ico.logo.okx{background:#000;}
526  .rcard-ico.logo.cryptocom{background:#0a2a6b;}
527  .rcard-ico.logo.nft{background:#2e9bf0;}
528  .rcard-ico.logo.ingles{background:#fff;}
529  .rcard h3{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--orange);}
530  .rcard p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:11px;flex:1;text-wrap:pretty;}
531  .rcard .bonus{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:12px;padding:4px 10px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:12px;color:#16c784;background:rgba(22,199,132,.13);border:1px solid rgba(22,199,132,.3);}
532  .rcard .open{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:10px 14px;border-radius:9px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-soft);transition:.14s;}
533  .rcard:hover .open{background:var(--orange);border-color:var(--orange);color:#000;}
534  .rcard .open svg{width:15px;height:15px;}
535  @media (max-width:560px){.res-grid{grid-template-columns:1fr;}}
536  .res-divider{display:flex;align-items:center;gap:14px;margin:30px 0 18px;}
537  .res-divider span{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--orange);flex:none;}
538  .res-divider .line{height:2px;flex:1;background:var(--orange);border-radius:2px;opacity:.6;}
539  /* Crypto Seguridad cards (billeteras frías) */
540  .sec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;}
541  .scard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;transition:.15s;}
542  .scard:hover{border-color:var(--orange);transform:translateY(-2px);}
543  .scard-img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;background:#000;}
544  .scard h3{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text);padding:14px 16px 0;}
545  .scard-links{display:flex;flex-direction:column;gap:9px;padding:11px 16px 16px;margin-top:auto;}
546  .scard-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--text);transition:.14s;}
547  .scard-link svg{width:14px;height:14px;color:var(--orange);flex:none;}
548  .scard-link:hover{color:var(--orange);}
549  .scard-bonus{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:12.5px;color:#f5c518;background:rgba(245,197,24,.13);border:1px solid rgba(245,197,24,.35);transition:.14s;}
550  .scard-bonus:hover{background:rgba(245,197,24,.22);border-color:rgba(245,197,24,.6);color:#ffd83a;}
551  @media (max-width:560px){.sec-grid{grid-template-columns:1fr;}}
552  /* CoinTracking cards (Cripto Legalidad) */
553  .ct-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;}
554  .ct-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(58,123,213,.4);border-radius:14px;padding:20px;transition:.15s;}
555  .ct-card:hover{border-color:var(--ada);transform:translateY(-2px);background:var(--surface-2);box-shadow:0 10px 30px -16px rgba(58,123,213,.5);}
556  .ct-card .badge{position:absolute;top:16px;right:16px;font-family:var(--display);font-weight:700;font-size:12px;color:#16c784;background:rgba(22,199,132,.13);border:1px solid rgba(22,199,132,.3);padding:3px 9px;border-radius:999px;}
557  .ct-card .ct-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
558  .ct-card .ct-ico{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--orange-soft);border:1px solid rgba(255,103,0,.3);color:var(--orange);}
559  .ct-card .ct-ico svg{width:20px;height:20px;}
560  .ct-card h3{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;}
561  .ct-card p{color:var(--muted);font-size:14px;line-height:1.55;flex:1;text-wrap:pretty;}
562  .ct-card .note{margin-top:12px;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#16c784;background:rgba(22,199,132,.1);border:1px solid rgba(22,199,132,.25);border-radius:9px;padding:8px 10px;}
563  .ct-card .note svg{width:15px;height:15px;flex:none;margin-top:2px;}
564  .ct-card .note strong{color:#16c784;font-weight:700;}
565  .ct-card .open{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:10px 14px;border-radius:9px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-soft);transition:.14s;}
566  .ct-card .note{margin-bottom:13px;}
567  .ct-card:hover .open{background:var(--ada);border-color:var(--ada);color:#fff;}
568  .ct-card .open svg{width:15px;height:15px;}
569  @media (max-width:560px){.ct-grid{grid-template-columns:1fr;}}
570  /* Video buttons (grupos Cripto Legalidad) */
571  .group-head{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:clamp(19px,2.6vw,23px);letter-spacing:-.01em;margin-bottom:2px;}
572  .group-head .gbar{width:5px;height:22px;border-radius:3px;background:var(--orange);flex:none;}
573  .ct-titlebox{display:block;width:100%;font-family:var(--display);font-weight:700;font-size:clamp(19px,2.6vw,23px);letter-spacing:-.01em;padding:8px 16px;border-radius:10px;border:1px solid rgba(58,123,213,.4);background:linear-gradient(100deg,rgba(58,123,213,.42),rgba(58,123,213,.08));}
574  .vid-btns.blue-hover .vid-btn{border-color:rgba(58,123,213,.4);}
575  .vid-btns.blue-hover .vid-btn:hover{border-color:var(--ada);}
576  .ct-cta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:16px 0;font-family:var(--display);font-weight:600;font-size:16px;color:var(--ada);}
577  .ct-cta svg{width:18px;height:18px;animation:bob 1.6s ease-in-out infinite;}
578  /* CoinTracking blue panel */
579  #centerLegalidad .ct-section{background:linear-gradient(165deg,#3a7bd5,#2b5697);border:1px solid rgba(58,123,213,.6);border-radius:18px;padding:10px 18px 22px;margin:10px 0;}
580  .ct-section .ct-titlebox{background:rgba(8,18,36,.42);border-color:rgba(255,255,255,.22);}
581  .ct-section .ct-cta{color:#fff;}
582  #centerLegalidad .group-head .gbar{background:var(--ada);}
583  #centerLegalidad .res-divider span{color:var(--ada);}
584  #centerLegalidad .res-divider .line{background:var(--ada);}
585  #centerLegalidad .vid-btn:hover{border-color:var(--ada);}
586  @keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(4px);}}
587  .vid-btns{display:flex;flex-direction:column;gap:7px;margin-top:11px;}
588  .vid-btn{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);transition:.15s;}
589  .vid-btn:hover{border-color:var(--orange);background:var(--surface-2);transform:translateY(-2px);}
590  .vid-btn .vb-play{width:27px;height:27px;border-radius:7px;flex:none;display:grid;place-items:center;background:#ff000022;border:1px solid #ff000055;color:#ff4444;transition:.15s;}
591  .vid-btn:hover .vb-play{background:#ff0000;color:#fff;border-color:#ff0000;}
592  .vid-btn .vb-play svg{width:13px;height:13px;margin-left:1px;}
593  .vid-btn .t{font-family:var(--display);font-weight:600;font-size:13.5px;line-height:1.25;}
594  .group-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--display);font-weight:600;font-size:14.5px;color:var(--orange);transition:.14s;}
595  .group-link svg{width:16px;height:16px;transition:.14s;}
596  .group-link:hover svg{transform:translateX(3px);}
597  #centerLegalidad .section{padding:11px 0;}
598  #centerLegalidad > .section:first-child{padding-top:0;}
599  #centerLegalidad .group-link{margin-top:11px;margin-bottom:0;}
600  .group-link.cl-link{color:var(--ada);padding-left:12px;}
601  .group-link .cl-ico{width:31px;height:31px;border-radius:8px;flex:none;display:block;object-fit:cover;overflow:hidden;margin:-2px 0;}
602  @media (max-width:680px){.vid-btn{padding:8px 12px;}}
603
604  /* ===== TradingView view ===== */
605  .tv-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;}
606  .tv-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:20px;transition:.15s;}
607  .tv-card:hover{border-color:var(--orange);transform:translateY(-2px);background:var(--surface-2);}
608  .tv-card .ct-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
609  .tv-card .ct-ico{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;}
610  .tv-card .ct-ico.pro{background:var(--orange-soft);border:1px solid rgba(255,103,0,.3);color:var(--orange);}
611  .tv-card .ct-ico.vid{background:#ff000022;border:1px solid #ff000055;color:#ff4444;}
612  .tv-card .ct-ico svg{width:20px;height:20px;}
613  .tv-card h3{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;}
614  .tv-card p{color:var(--muted);font-size:14px;line-height:1.55;flex:1;text-wrap:pretty;}
615  .tv-card .open{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding:10px 14px;border-radius:9px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-soft);transition:.14s;}
616  .tv-card:hover .open{background:var(--orange);border-color:var(--orange);color:#000;}
617  .tv-card .open svg{width:15px;height:15px;}
618  .chart-shell{margin-top:8px;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;background:var(--surface);}
619  .chart-box{height:520px;}
620  .chart-box .tradingview-widget-container{height:100%;}
621  .tv-copy{padding:10px 16px;border-top:1px solid var(--border);font-size:13px;}
622  .tv-copy a{color:var(--ada);}
623  .tv-copy a:hover{color:var(--orange);}
624  @media (max-width:560px){.tv-cards{grid-template-columns:1fr;}.chart-box{height:420px;}}
625
626  /* ===== Pool Cardano view ===== */
627  .why{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
628  .why-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:22px;}
629  .why-card .wc-ico{width:42px;height:42px;border-radius:11px;background:var(--ada-soft);border:1px solid rgba(58,123,213,.3);display:grid;place-items:center;margin-bottom:14px;}
630  .why-card .wc-ico svg{width:21px;height:21px;color:var(--ada);}
631  .why-card h3{font-family:var(--display);font-weight:600;font-size:17px;}
632  .why-card h3 b{color:var(--orange);}
633  .why-card p{color:var(--muted);font-size:14.5px;margin-top:6px;line-height:1.6;}
634  .steps{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px;counter-reset:step;}
635  .step{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 16px;transition:.14s;}
636  .step:hover{border-color:var(--border-soft);background:var(--surface-2);}
637  .step .num{counter-increment:step;flex:none;width:30px;height:30px;border-radius:9px;background:var(--orange-soft);border:1px solid rgba(255,103,0,.3);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:14px;color:var(--orange);}
638  .step .num::before{content:counter(step);}
639  .step p{font-size:14.5px;line-height:1.45;padding-top:4px;}
640  .how{display:flex;flex-direction:column;gap:0;margin-top:18px;}
641  .how-item{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--border);}
642  .how-item:first-child{border-top:0;padding-top:6px;}
643  .how-num{flex:none;font-family:var(--display);font-weight:700;font-size:34px;color:var(--surface-3);line-height:1;width:54px;-webkit-text-stroke:1px var(--border-soft);}
644  .how-body h3{font-family:var(--display);font-weight:600;font-size:18px;margin-bottom:7px;}
645  .how-body p{color:var(--muted);font-size:15px;line-height:1.65;}
646  .how-body p strong{color:var(--text);font-weight:600;}
647  .how-body p .hl{color:var(--orange);font-weight:600;}
648  .alert{margin-top:8px;background:var(--red-soft);border:1px solid rgba(226,54,54,.32);border-radius:14px;
648padding:24px 26px;}
649  .alert-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
650  .alert-head svg{width:22px;height:22px;color:var(--red);flex:none;}
651  .alert-head h3{font-family:var(--display);font-weight:700;font-size:20px;color:var(--text);}
652  .alert ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
653  .alert li{display:flex;gap:11px;font-size:15px;line-height:1.5;color:var(--text);}
654  .alert li svg{width:18px;height:18px;color:var(--red);flex:none;margin-top:2px;}
655  .final{margin-top:6px;text-align:center;background:linear-gradient(180deg,var(--surface),#000);border:1px solid var(--border-soft);border-radius:18px;padding:46px 30px;}
656  .final h2{font-size:clamp(24px,4vw,34px);}
657  .final p{color:var(--muted);font-size:16px;margin-top:12px;}
658  .final .center-cta{justify-content:center;}
659  .btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:11px;font-family:var(--display);font-weight:600;font-size:15px;background:var(--surface-2);color:var(--text);border:1px solid var(--border-soft);transition:.15s;}
660  .btn-ghost:hover{background:var(--surface-3);transform:translateY(-1px);}
661  .btn-ghost svg{width:19px;height:19px;}
662  @media (max-width:560px){.why,.steps{grid-template-columns:1fr;}.how-item{gap:14px;}.how-num{width:40px;font-size:26px;}}
663
664  /* links del programa */
665  .links-list{display:flex;flex-direction:column;gap:8px;}
666  .link-item{
667    display:flex;align-items:flex-start;gap:13px;
668    padding:13px 15px;border-radius:11px;
669    background:var(--surface-2);border:1px solid var(--border);
670    transition:.14s;cursor:pointer;
671  }
672  .link-item:hover{border-color:var(--orange);transform:translateX(3px);background:#1b1d21;}
673  .link-ico{width:34px;height:34px;border-radius:8px;background:var(--orange-soft);display:grid;place-items:center;flex:none;margin-top:1px;}
674  .link-ico svg{width:18px;height:18px;color:var(--orange);}
675  .link-body{min-width:0;flex:1;display:flex;flex-direction:column;}
676  .link-body .t{font-weight:600;font-size:14.5px;font-family:var(--display);line-height:1.3;}
677  .link-body .u{color:var(--muted-2);font-size:12.5px;line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
678  .link-item .arr{color:var(--muted-2);transition:.14s;flex:none;margin-top:3px;}
679  .link-item:hover .arr{color:var(--orange);transform:translateX(2px);}
680  .link-item .arr svg{width:18px;height:18px;}
681
682  .desc{color:#c9ccd0;font-size:15px;line-height:1.72;}
683  .desc p{margin-bottom:13px;}
684  .desc p:last-child{margin-bottom:0;}
685  .desc strong{color:var(--text);}
686  .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
687  .tag{padding:6px 13px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;color:var(--orange);font-family:var(--display);font-weight:500;}
688
689  .center-foot{
690    padding:22px;border-top:1px solid var(--border);margin-top:18px;
691    text-align:center;line-height:1.7;
692    color:var(--muted-2);font-size:13px;
693  }
694  .center-foot a{text-decoration:underline;}
695  .center-foot a:hover{color:var(--orange);}
696  .center-foot .sep{opacity:.4;}
697
698  /* ====== RIGHT COLUMN ====== */
699  .panel{
700    background:var(--surface);border:1px solid var(--border);border-radius:16px;
701    padding:6px 4px;margin-bottom:18px;overflow:hidden;
702  }
703  .panel-head{
704    display:flex;align-items:center;gap:9px;
705    padding:14px 16px 10px;
706    font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em;
707  }
708  .panel-head .ic{width:8px;height:8px;border-radius:2px;background:var(--orange);}
709  .panel-head.green .ic{background:var(--green);}
710
711  /* Bitcoin básico y Blockchain — botón + vista central */
712  a.basico-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);padding-bottom:14px;cursor:pointer;transition:.14s;}
713  a.basico-link:hover{color:var(--orange);}
714  a.basico-link:hover .ic{background:var(--orange);}
715  .basico-link .rarr{margin-left:auto;display:grid;place-items:center;color:var(--muted-2);transition:.14s;}
716  .basico-link .rarr svg{width:16px;height:16px;}
717  a.basico-link:hover .rarr{color:var(--orange);transform:translateX(2px);}
718  .bas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px;}
719  .bas-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s;}
720  .bas-card:hover{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);}
721  .bi-title{font-family:var(--display);font-weight:700;font-size:15px;color:var(--text);line-height:1.3;margin-bottom:12px;}
722  .bi-links{display:flex;flex-direction:column;gap:9px;}
723  .bi-links a{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--muted);text-decoration:none;transition:.13s;}
724  .bi-links a:hover{color:var(--orange);transform:translateX(2px);}
725  .bi-links a svg{width:15px;height:15px;flex:none;}
726  .bi-links a.bi-yt{color:#ff6a6a;}
727  .bi-links a.bi-yt:hover{color:#ff4444;}
728  @media(max-width:560px){.bas-grid{grid-template-columns:1fr;}}
729
730  .channel{
731    display:flex;align-items:center;gap:13px;
732    padding:11px 14px;border-radius:11px;transition:.14s;
732cursor:pointer;
733  }
734  .channel:hover{background:var(--surface-2);}
735  .channel.chan-purple:hover{box-shadow:0 0 0 1px #b400c4;}
736  .channel.chan-green:hover{box-shadow:0 0 0 1px #22d435;}
737  .ch-thumb{
738    width:48px;height:48px;border-radius:11px;flex:none;
739    display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:17px;color:#000;
740    background:var(--orange);
741  }
742  .ch-thumb.g{background:var(--green);}
743  .ch-thumb.b{background:#3a7bd5;}
744  .ch-thumb.p{background:#9b6dff;}
745  .ch-thumb.img{
746    width:84px;height:48px;border-radius:9px;background:#000;padding:0;overflow:hidden;
747  }
748  .ch-thumb.img img{width:100%;height:100%;object-fit:cover;display:block;}
749  .ch-body{min-width:0;flex:1;display:flex;flex-direction:column;}
750  .ch-body .ct{font-weight:600;font-size:14.5px;font-family:var(--display);line-height:1.25;}
751  .ch-body .cs{color:var(--muted-2);font-size:12.5px;}
752  .ch-go{
753    font-family:var(--display);font-weight:600;font-size:13px;
754    padding:6px 14px;border-radius:999px;border:1px solid var(--border-soft);
755    color:var(--text);transition:.14s;flex:none;
756  }
757  .channel:hover .ch-go{background:var(--orange);border-color:var(--orange);color:#000;}
758  .channel .ch-go.ver-purple{color:#b400c4;}
759  .channel:hover .ch-go.ver-purple{background:#b400c4;border-color:#b400c4;color:#000;}
760  .channel:hover .ch-go.ver-green{background:#22d435;border-color:#22d435;color:#000;}
761  .channel:hover .ch-go.ver-blue{background:#1d4dff;border-color:#1d4dff;color:#fff;}
762
763  /* "Otros canales": mismo trato que Destacados y los patrocinadores, en naranja de la web. */
764  #canalesPanel{
765    --ad:#FF6700;
766    border:1px solid color-mix(in srgb,var(--ad) 48%,transparent);
767    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 10%,transparent);
768    background:radial-gradient(125% 90% at 50% 0%,color-mix(in srgb,var(--ad) 9%,transparent),transparent 62%),var(--surface);
769    transition:border-color .15s,box-shadow .15s;
770  }
771  #canalesPanel:hover{
772    border-color:var(--ad);
773    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 45%,transparent),
774               0 0 18px color-mix(in srgb,var(--ad) 22%,transparent);
775  }
776
777  /* "Otros canales" vive en la columna izquierda, que es más estrecha (236px):
778     versión compacta para que el título no se parta ni choque con el botón. */
779  .col-left .panel-head{font-size:16px;padding:12px 12px 8px;}
780  .col-left .channel{gap:9px;padding:9px 8px;}
781  .col-left .ch-thumb.img{width:50px;height:29px;border-radius:7px;}
782  .col-left .ch-body .ct{font-size:12.5px;line-height:1.25;text-wrap:pretty;}
783  .col-left .ch-body .cs{font-size:11px;margin-top:2px;white-space:nowrap;}
784  /* Sin el círculo del botón: la fila entera ya es el enlace y así el texto respira. */
785  .col-left .ch-go{width:auto;height:auto;padding:0;border:0;background:none;font-size:0;color:var(--muted-2);}
786  .col-left .ch-go::after{content:"›";font-size:19px;line-height:1;}
787  .col-left .ch-go svg{display:none!important;}
788  .col-left .channel:hover .ch-go{background:none;color:var(--orange);}
789  .col-left .channel:hover .ch-go.ver-purple{background:none;color:#b400c4;}
790  .col-left .channel:hover .ch-go.ver-green{background:none;color:#22d435;}
791
792  /* ===== Publicidad (patrocinadores de la columna derecha) ===== */
793  /* Cada patrocinador es una .ad-card: logo + gancho + botón + enlace al informe.
794     El color de marca se pasa por --ad (eToro = #6EFF8B), así cada anuncio va con el suyo. */
795  .panel-head.ad .ic{background:var(--ad,var(--orange));}
796  .ad-card{
797    margin:2px 6px 7px;padding:12px 12px 11px;border-radius:13px;
798    /* El borde verde se ve desde el principio; al pasar el ratón se enciende más. */
799    border:1px solid color-mix(in srgb,var(--ad) 48%,transparent);
800    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 10%,transparent);
801    background:radial-gradient(125% 90% at 50% 0%,color-mix(in srgb,var(--ad) 9%,transparent),transparent 62%),#000;
802    transition:border-color .15s,box-shadow .15s;
803  }
804  .ad-card:hover{
805    border-color:var(--ad);
806    box-shadow:0 0 0 1px color-mix(in srgb,var(--ad) 45%,transparent),
807               0 0 18px color-mix(in srgb,var(--ad) 22%,transparent);
808  }
809  .ad-main{display:block;text-decoration:none;color:var(--text);}
810  .ad-logo{display:block;height:22px;width:auto;margin:1px auto 9px;}
811  .ad-claim{display:block;font-family:var(--display);font-weight:700;font-size:14.5px;
812    line-height:1.28;text-align:center;letter-spacing:-.01em;text-wrap:balance;}
813  .ad-claim b{color:var(--ad);}
814  .ad-sub{display:block;margin-top:3px;text-align:center;font-size:11.5px;line-height:1.35;color:var(--muted);}
815  /* Botón discreto: contorno del color de la marca; se rellena al pasar el ratón. */
816  .ad-cta{
817    display:flex;align-items:center;justify-content:center;gap:7px;
818    width:fit-content;margin:11px auto 0;padding:6px 14px;border-radius:999px;
819    background:color-mix(in srgb,var(--ad) 10%,transparent);
820    border:1px solid color-mix(in srgb,var(--ad) 55%,transparent);
821    color:var(--ad);
822    font-family:var(--display);font-weight:600;font-size:12.5px;transition:.14s;
823  }
824  .ad-cta svg{width:13px;height:13px;}
825  .ad-card:hover .ad-cta{background:var(--ad);border-color:var(--ad);color:#000;}
826  .ad-card:hover .ad-cta svg{transform:translateX(2px);}
827  .ad-more{
828    display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 4px 0;
829    font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;transition:.14s;
830  }
831  .ad-more:hover{color:var(--ad);}
832  .ad-more svg{width:13px;height:13px;flex:none;}
833  /* Un solo aviso legal para todo el bloque, en vez de repetirlo en cada tarjeta. */
834  .ad-legal{margin:2px 12px 9px;text-align:center;font-size:10px;line-height:1.45;color:var(--muted-2);}
835  /* Disclaimer obligatorio junto a cada CTA de eToro (compliance eToro, 14-sep-2026).
836     El texto es el que facilitó el propio partner por escrito. */
837  .cta-legal{margin-top:9px;font-size:10px;line-height:1.45;color:var(--muted-2);text-wrap:pretty;}
838
839  .res-list{display:flex;flex-direction:column;}
840  .res{
841    display:flex;align-items:center;gap:13px;
842    padding:13px 14px;border-radius:11px;transition:.14s;
842cursor:pointer;
843  }
844  .res:not(:last-child){border-bottom:1px solid var(--border);}
845  .res:hover{background:var(--surface-2);}
846  .res-ico{width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;flex:none;}
847  .res-ico svg{width:19px;height:19px;color:var(--orange);}
848  .res:hover .res-ico{border-color:var(--orange);}
849  .res-body{flex:1;min-width:0;display:flex;flex-direction:column;}
850  .res-body .rt{font-weight:600;font-size:14.5px;font-family:var(--display);}
851  .res-body .rs{color:var(--muted-2);font-size:12.5px;}
852  .res .rarr{color:var(--muted-2);transition:.14s;}
853  .res:hover .rarr{color:var(--orange);transform:translateX(2px);}
854  .res .rarr svg{width:17px;height:17px;}
855
856  .right-foot{color:var(--muted-2);font-size:12px;line-height:1.7;padding:6px 12px;}
857  .right-foot a:hover{color:var(--orange);}
858
859  /* ====== OVERLAY / MOBILE ====== */
860  .scrim{display:none;}
861
862  @media (max-width:1100px){
863    .shell{grid-template-columns:248px minmax(0,1fr);max-width:760px;}
864    .col-right{display:none;}
865  }
866  /* relocated right-column panels inside the left drawer on mobile/tablet */
867  .side-extra{margin-top:4px;}
868  @media (max-width:720px){
869    .shell{grid-template-columns:1fr;max-width:600px;}
870    .menu-toggle{display:inline-flex;}
871    .center-head{display:flex;}
872    /* Name stacked on two lines, hide the dot + the gray meta row (mobile only) */
873    .identity .name{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.08;}
874    .identity .name .name-dot{display:none;}
875    .identity .meta{display:none;}
876    .col-left{
877      position:fixed;top:0;left:0;z-index:60;
878      width:280px;max-width:84vw;height:100vh;
879      background:var(--bg);
880      transform:translateX(-105%);transition:transform .25s ease;
881      box-shadow:0 0 60px rgba(0,0,0,.7);
882    }
883    body.nav-open .col-left{transform:translateX(0);}
884    body.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;}
885    .col-center{border-right:0;}
886    .profile-row{margin-top:-44px;}
887    .avatar{width:92px;height:92px;}
888    .center-head h1{font-size:17px;}
889  }
890  @media (max-width:420px){
891    .profile-row{padding:0 16px;}
892    .identity,.section,.center-head,.center-foot{padding-left:16px;padding-right:16px;}
893  }
894
895</style>
896</head>
897<body>
898<template id="__bundler_thumbnail" data-bg-color="#000000">
899  <svg viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg">
900    <circle cx="600" cy="400" r="190" fill="#FF6700"/>
901    <text x="600" y="475" font-family="Arial, sans-serif" font-size="240" font-weight="700" fill="#000" text-anchor="middle">₿</text>
902  </svg>
903</template>
904<div class="scrim" id="scrim"></div>
905<div class="shell">
906
907  <!-- ============ LEFT ============ -->
908  <aside class="col col-left" id="leftCol">
909    <div class="side-inner">
910    <a class="brand" href="index.html">
911      <img class="brand-avatar" src="assets/perfil.png" alt="Rodrigo Arnedo">
912      <div class="brand-name">HOME<small>FunOntheRide</small></div>
913    </a>
914
915    <div class="cta-stack">
916      <a class="btn btn-primary sub-btn" href="https://www.youtube.com/channel/UCRzqHl5MGQ97NBfOPTS2Yrw?sub_confirmation=1" target="_blank" rel="noopener">
917        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12h16M4 12l5-5M4 12l5 5"/><path d="M20 5v14"/></svg>
918        Suscríbete
919      </a>
920      <div class="social-wrap" id="socialWrap">
921        <button class="btn" id="socialToggle" aria-expanded="false">
922          <svg class="ico-ff" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="M8.6 13.5l6.8 4M15.4 6.5l-6.8 4"/></svg>
923          Redes Sociales
924          <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
925        </button>
926        <div class="social-dd">
927          <a class="social-link oficial" href="/oficial/" target="_blank" rel="noopener"><span class="social-ico">⚠</span>
927Canales oficiales: comprueba que soy yo</a>
928          <a class="social-link yt" href="https://www.youtube.com/channel/UCRzqHl5MGQ97NBfOPTS2Yrw?sub_confirmation=1" target="_blank" rel="noopener"><span class="social-ico" style="background:#FF6700;overflow:hidden"><img src="assets/red-noticias.png" style="width:100%;height:100%;border-radius:50%;object-fit:cover" alt="Noticias Bitcoin"></span>Noticias Bitcoin</a>
929          <a class="social-link yt" href="https://www.youtube.com/channel/UCJryLepoLMfdoN0VkH0uZZA?sub_confirmation=1" target="_blank" rel="noopener"><span class="social-ico" style="background:#b400c4;overflow:hidden"><img src="assets/red-ia.png" style="width:100%;height:100%;border-radius:50%;object-fit:cover" alt="Inteligencia Artificial"></span>Inteligencia Artificial</a>
930          <a class="social-link yt" href="https://www.youtube.com/channel/UC4hc55yI4DAZBZC5JnNwgRQ?sub_confirmation=1" target="_blank" rel="noopener"><span class="social-ico" style="background:#22d435;overflow:hidden"><img src="assets/red-nomada.png" style="width:100%;height:100%;border-radius:50%;object-fit:cover" alt="Nómada Digital"></span>Nómada Digital</a>
931          <a class="social-link" href="https://x.com/funontheride" target="_blank" rel="noopener"><span class="social-ico dark"><img src="https://cdn.simpleicons.org/x/ffffff" alt="X"></span>Noticias Bitcoin</a>
932          <a class="social-link" href="https://x.com/IANEWS_" target="_blank" rel="noopener"><span class="social-ico dark"><img src="https://cdn.simpleicons.org/x/ffffff" alt="X"></span>Inteligencia Artificial</a>
933          <a class="social-link" href="https://www.instagram.com/rodrigoarnedo_noticiasbitcoin/" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-instagram.png" style="width:100%;height:100%;object-fit:contain" alt="Instagram"></span>Noticias Bitcoin</a>
934          <a class="social-link" href="https://www.instagram.com/rodrigoarnedo_inteligenciaa/" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-instagram.png" style="width:100%;height:100%;object-fit:contain" alt="Instagram"></span>Inteligencia Artificial</a>
935          <a class="social-link" href="https://www.tiktok.com/@criptonews_rodrigoarnedo" target="_blank" rel="noopener"><span class="social-ico" style="background:#000;overflow:hidden"><img src="assets/red-tiktok.png" style="width:100%;height:100%;border-radius:50%;object-fit:cover" alt="TikTok"></span>TikTok</a>
936          <a class="social-link" href="https://open.spotify.com/show/71MNIOwsvacXbwqz8qrEQM" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-spotify.png" style="width:100%;height:100%;object-fit:contain" alt="Spotify"></span>Spotify</a>
937          <a class="social-link" href="https://rumble.com/user/FunOntheRide" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-rumble.png" style="width:100%;height:100%;object-fit:contain" alt="Rumble"></span>Rumble</a>
938          <a class="social-link" href="https://www.ivoox.com/perfil-funontheride_a8_podcaster_10678928_1.html" target="_blank" rel="noopener"><span class="social-ico" style="background:#f06000;overflow:hidden"><img src="assets/red-ivoox.png" style="width:100%;height:100%;object-fit:contain" alt="iVoox"></span>iVoox</a>
939          <a class="social-link" href="https://www.facebook.com/funontheride" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-facebook.png" style="width:100%;height:100%;object-fit:contain" alt="Facebook"></span>Facebook</a>
940          <a class="social-link" href="https://t.me/FunOntheRide_CryptoChat" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-telegram.png" style="width:100%;height:100%;object-fit:contain" alt="Telegram"></span>Telegram</a>
941          <a class="social-link" href="https://odysee.com/@FunOntheRide:8" target="_blank" rel="noopener"><span class="social-ico" style="background:transparent;overflow:hidden"><img src="assets/red-odysee.png" style="width:100%;height:100%;object-fit:contain" alt="Odysee"></span>Odysee</a>
942        </div>
943      </div>
944      <div class="donate-wrap" id="donateWrap">
945        <button class="btn btn-ghost-green" id="donateToggle" aria-expanded="false">
946          <svg class="ico-ff" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1 7.8 7.8 7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.8z"/></svg>
947          Donaciones
948          <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
949        </button>
950        <div class="donate-dd">
951          <button class="donate-row" type="button" data-copy="35db1kbHuZHbwLm2n7kC1cTvTSRbN9sPyr">
952            <span class="donate-ico" style="background:transparent"><img src="assets/btc.png" style="width:100%;height:100%" alt="Bitcoin"></span>
953            <span class="donate-meta"><span class="donate-name">Bitcoin</span><span class="donate-addr">35db1kbHuZHbwLm2n7kC1cTvTSRbN9sPyr</span></span>
954            <svg class="copy-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
955          </button>
956          <button class="donate-row" type="button" data-copy="0x300DED2CA53C02dcCda6F87a11fEe7315dd4986d">
957            <span class="donate-ico" style="background:#627EEA"><img src="https://cdn.simpleicons.org/ethereum/ffffff" alt="Ethereum"></span>
958            <span class="donate-meta"><span class="donate-name">Ethereum</span><span class="donate-addr">0x300DED2CA53C02dcCda6F87a11fEe7315dd4986d</span></span>
959            <svg class="copy-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
960          </button>
961          <a class="donate-row" href="https://paypal.me/FunOntheRide" target="_blank" rel="noopener">
962            <span class="donate-ico" style="background:#fff"><img src="assets/paypal.png" style="width:100%;height:100%;object-fit:contain" alt="PayPal"></span>
963            <span class="donate-meta"><span class="donate-name">PayPal</span><span class="donate-addr">paypal.me/FunOntheRide</span></span>
964            <svg class="copy-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M17 7H8M17 7v9"/></svg>
965          </a>
966        </div>
967      </div>
968      <div class="donate-wrap" id="contactWrap">
969        <button class="btn" id="contactToggle" aria-expanded="false">
970          <svg class="ico-ff" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16v16H4z"/><path d="M4 7l8 6 8-6"/></svg>
971          Contacto
972          <svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
973        </button>
974        <div class="donate-dd">
975          <button class="donate-row email-row" type="button" data-copy="[email protected]">
976            <span class="donate-meta"><span class="donate-name">[email protected]</span><span class="donate-addr">[email protected]</span></span>
977            <svg class="copy-ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
978          </button>
979        </div>
980      </div>
981    </div>
982
983    <div class="panel" id="canalesPanel">
984      <div class="panel-head"><span class="ic"></span>Otros canales</div>
985      <a class="channel chan-purple" href="Inteligencia Artificial.html">
986        <span class="ch-thumb img"><img src="assets/canal-ia.jpg" alt=""></span>
987        <span class="ch-body"><span class="ct">Inteligencia Artificial</span><span class="cs" style="color:#b400c4">Volver HOME</span></span>
988        <span class="ch-go ver-purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:16px;height:16px;display:block"><path d="M3 11l9-8 9 8"/><path d="M5 10v10h14V10"/></svg></span>
989      </a>
990      <a class="channel chan-green" href="https://www.youtube.com/channel/UC4hc55yI4DAZBZC5JnNwgRQ?sub_confirmation=1" target="_blank" rel="noopener">
991        <span class="ch-thumb img"><img src="assets/canal-nomada.jpeg" alt=""></span>
992        <span class="ch-body"><span class="ct">Nómada Digital</span><span class="cs">Viajes &amp; libertad</span></span>
993        <span class="ch-go ver-green">
993Ver</span>
994      </a>
995    </div>
996
997    <div class="nav-label">Explorar</div>
998    <nav class="menu">
999      <a href="#" data-center="centerApps"><span class="dot"></span><span class="mtxt">Apps útiles Cripto</span></a>
1000      <a href="#" data-center="centerWispr"><span class="dot"></span><span class="mtxt">Apps útiles IA</span></a>
1001      <a href="#" id="braveOpen" data-center="centerBrave"><span class="dot"></span><span class="mtxt">Navegador Brave</span></a>
1002      <a href="#" data-center="centerLibros"><span class="dot"></span><span class="mtxt">Libros Recomendados</span></a>
1003      <a href="#" data-center="centerEventos"><span class="dot"></span><span class="mtxt">Eventos</span></a>
1004      <a href="#" data-center="centerFaq"><span class="dot"></span><span class="mtxt">Cripto FAQ</span></a>
1005      <a href="#" id="allstarsOpen" data-center="centerAllstars"><span class="dot"></span><span class="mtxt">Crypto All Stars</span></a>
1006      <a href="#" data-center="centerHumor"><span class="dot"></span><span class="mtxt">Cripto Humor</span></a>
1007    </nav>
1008    </div>
1009  </aside>
1010
1011  <!-- ============ CENTER ============ -->
1012  <main class="col col-center">
1013    <header class="center-head">
1014      <button class="menu-toggle" id="menuToggle" aria-label="Menú">
1015        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
1016      </button>
1017    </header>
1018
1019    <div id="centerMain">
1020    <div class="identity">
1021      <div class="id-left">
1022        <div class="name">Rodrigo Arnedo <b><span class="name-dot">· </span>Noticias Bitcoin</b></div>
1023        <div class="meta">
1024          <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>funontheride.com</span>
1025          <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M3 9h18M8 2v4M16 2v4"/></svg>Cripto desde 2016</span>
1026          <span>@funontheride</span>
1027        </div>
1028      </div>
1029      <a class="btc-ticker" id="btcTicker" href="https://funontheride.com/TRADINGVIEW-BTC" target="_blank" rel="noopener" title="Precio de Bitcoin en tiempo real · abrir en TradingView">
1030        <span class="btc-ico">₿</span>
1031        <span class="btc-body">
1032          <span class="btc-row1">
1033            <span class="btc-label">BTC/USD</span>
1034            <span class="btc-live"><span class="dot"></span>En vivo</span>
1035          </span>
1036          <span class="btc-row1" style="margin-top:1px">
1037            <span class="btc-price" id="btcPrice">—</span>
1038            <span class="btc-chg" id="btcChg"></span>
1039          </span>
1040        </span>
1041      </a>
1042    </div>
1043
1044    <!-- Video destacado -->
1045    <section class="section">
1046      <div class="ultima-head">
1047        <span class="uh-title">ÚLTIMA HORA</span>
1048        <span class="uh-bar"></span>
1049        <span class="date-chip">
1050          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
1051          CRYPTONEWS · <span id="uhFecha">—</span>
1052        </span>
1053      </div>
1054      <h2 class="video-title" id="uhTitulo">—</h2>
1055      <a class="video" id="uhVideo" href="https://www.youtube.com/channel/UCRzqHl5MGQ97NBfOPTS2Yrw?sub_confirmation=1" target="_blank" rel="noopener">
1056        <img class="video-thumb" id="uhThumb" src="" alt="">
1057        <div class="play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></div>
1058      </a>
1059    </section>
1060
1061    <!-- Programa del día (auto desde /programa-actual.json) -->
1062    <section class="section" id="programaDia">
1063      <div class="section-title"><span class="bar"></span>Programa del día · <span id="pdFecha">—</span></div>
1064      <div class="links-list" id="pdRecursos"></div>
1065      <div class="section-title" id="pdMencTitle" style="margin-top:22px;display:none"><span class="bar"></span>Mencionados en el programa</div>
1066      <div class="links-list" id="pdEnlaces"></div>
1067      <a class="link-item" href="/programas/" target="_blank" rel="noopener" style="margin-top:18px">
1068        <span class="link-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg></span>
1069        <span class="link-body"><span class="t">Ver todos los programas</span><span class="u">El archivo completo de informes</span></span>
1070        <span class="arr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1071      </a>
1072    </section>
1073
1074    <!-- Hoy -->
1075    <section class="section">
1076      <div class="section-title green"><span class="bar"></span>Hoy</div>
1077      <div class="desc">
1078        <p id="pdDesc"></p>
1079      </div>
1080    </section>
1081
1082    <!-- Descripción -->
1083    <section class="section">
1084      <div class="section-title green"><span class="bar"></span>Descripción</div>
1085      <div class="desc">
1086        <p><strong>Rodrigo Arnedo</strong> es creador de contenido sobre Bitcoin y criptomonedas. Cada día analiza las noticias más relevantes del mercado, desmonta el FOMO y explica de forma sencilla lo que de verdad importa para tu cartera.</p>
1087        <p>Suscríbete para no perderte el camino hacia el millón. 🚀</p>
1088      </div>
1089    </section>
1090
1091    <footer class="center-foot">FunOnTheRide | All about Bitcoin and much more. Copyright © 2026 All rights reserved by www.funontheride.com - Site designed by FunOnTheRide - <a href="privacidad.html" target="_blank" rel="noopener">Privacy Policy</a></footer>
1092    </div><!-- /centerMain -->
1093
1094    <!-- ===== Crypto All Stars view ===== -->
1095    <div id="centerAllstars" class="center-alt" style="display:none">
1096      <section class="section" style="border-top:0;padding-bottom:6px;">
1097        <button class="allstars-back center-back" id="allstarsBack">
1098          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1099          Volver
1100        </button>
1101        <div class="allstars-intro">
1102          <h2 class="allstars-title">Crypto <b>All Stars</b></h2>
1103          <p>Las leyendas que construyeron el mundo cripto, en una serie de episodios especiales. Elige a quién quieres conocer:</p>
1104        </div>
1105      </section>
1106      <section class="section">
1107        <div class="as-list">
1108          <a class="as-row" href="https://www.youtube.com/watch?v=90lOMXeiRgQ&list=PLuR8_01k-_MgveOoILvKjyzPNVWGlKo-5&index=3" target="_blank" rel="noopener">
1109            <span class="as-star">★</span><span class="as-yt"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="as-rname">Hal Finney</span>
1110            <span class="as-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span>
1111          </a>
1112          <a class="as-row" href="https://www.youtube.com/watch?v=21WqqtvXIuU&list=PLuR8_01k-_MgveOoILvKjyzPNVWGlKo-5&index=4" target="_blank" rel="noopener">
1113            <span class="as-star">★</span><span class="as-yt"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="as-rname">Vitalik Buterin</span>
1114            <span class="as-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span>
1115          </a>
1116          <a class="as-row" href="https://www.youtube.com/watch?v=zAkL0WWn8Uc&list=PLuR8_01k-_MgveOoILvKjyzPNVWGlKo-5" target="_blank" rel="noopener">
1117            <span class="as-star">★</span><span class="as-yt"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="as-rname">Andreas Antonopoulos</span>
1118            <span class="as-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span>
1119          </a>
1120        </div>
1121      </section>
1122    </div>
1123
1124    <!-- ===== Cripto Humor view ===== -->
1125    <div id="centerHumor" class="center-alt" style="display:none">
1126      <section class="section" style="border-top:0;padding-bottom:6px;">
1127        <button class="allstars-back center-back">
1128          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1129          Volver
1130        </button>
1131        <div class="allstars-intro">
1132          <h2 class="allstars-title humor-title">Cripto <b>Humor</b></h2>
1133          <p>Los temazos cripto de FunOntheRide. Pincha en cualquier canción y te lleva directo a su vídeo en YouTube.</p>
1134        </div>
1135      </section>
1136      <section class="section">
1137        <div class="humor-list" id="humorList"></div>
1138        <a class="humor-foot" href="https://www.youtube.com/playlist?list=PLuR8_01k-_Mie1
1138BpV0T0HWMc2AwQiame8" target="_blank" rel="noopener">
1139          <svg class="yt-logo" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="4.5" fill="#FF0000"/><path d="M10 8.5l5.5 3.5-5.5 3.5z" fill="#fff"/></svg>
1140          Ver la lista completa en YouTube
1141        </a>
1142      </section>
1143    </div>
1144
1145    <!-- ===== Libros Recomendados view ===== -->
1146    <div id="centerLibros" class="center-alt" style="display:none">
1147      <section class="section" style="border-top:0;padding-bottom:6px;">
1148        <button class="allstars-back center-back">
1149          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1150          Volver
1151        </button>
1152        <div class="allstars-intro">
1153          <h2 class="allstars-title libros-title">Libros <b>Recomendados</b></h2>
1154          <p>Mi biblioteca cripto y de desarrollo personal.</p>
1155          <div class="libros-feature">
1156            <span class="lf-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 14v-2a9 9 0 0 1 18 0v2"/><path d="M3 16a2 2 0 0 1 2-2h1v6H5a2 2 0 0 1-2-2zM21 16a2 2 0 0 0-2-2h-1v6h1a2 2 0 0 0 2-2z"/></svg></span>
1157            <span class="lf-name">Audiolibros · Audible</span>
1158            <span class="lf-acts">
1159              <a class="lib-yt" href="https://www.youtube.com/watch?v=ReClQiBqUXQ" target="_blank" rel="noopener" aria-label="Vídeo con más información"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></a>
1160              <a class="lib-link" href="https://www.amazon.es/hz/audible/arya/mlp?ref_=null&_encoding=UTF8&purchaseType=DISC_MTRIAL&SHOPPING_PORTAL_MODE=AUGMENTED" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>Suscríbete</a>
1161            </span>
1162          </div>
1163        </div>
1164      </section>
1165      <section class="section" style="padding-top:4px;">
1166        <div id="librosList"></div>
1167        <a class="libros-chip yt" href="https://www.youtube.com/playlist?list=PLuR8_01k-_MghTz9v3y2UtCLzwVGQ0TZ7" target="_blank" rel="noopener" style="margin-top:22px;"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Vídeos resumen de los libros</a>
1168      </section>
1169    </div>
1170
1171    <!-- ===== Apps Útiles Cripto view ===== -->
1172    <div id="centerApps" class="center-alt" style="display:none">
1173      <section class="section" style="border-top:0;padding-bottom:6px;">
1174        <button class="allstars-back center-back">
1175          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1176          Volver
1177        </button>
1178        <div class="allstars-intro">
1179          <h2 class="allstars-title libros-title">Aplicaciones <b>Útiles</b></h2>
1180          <p>Mi colección de herramientas y webs cripto.</p>
1181        </div>
1182      </section>
1183      <section class="section" style="padding-top:4px;">
1184        <div id="appsList"></div>
1185      </section>
1186    </div>
1187
1188    <!-- ===== Eventos view ===== -->
1189    <div id="centerEventos" class="center-alt" style="display:none">
1190      <section class="section" style="border-top:0;padding-bottom:6px;">
1191        <button class="allstars-back center-back">
1192          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1193          Volver
1194        </button>
1195        <div class="allstars-intro">
1196          <h2 class="allstars-title libros-title">Eventos <b>y Entrevistas</b></h2>
1197          <p>Entrevistas a referentes y los mejores eventos cripto.</p>
1198        </div>
1199      </section>
1200      <section class="section" style="padding-top:4px;">
1201        <div id="eventosList"></div>
1202        <a class="libros-chip yt" href="https://www.youtube.com/playlist?list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP" target="_blank" rel="noopener" style="margin-top:22px;"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver la lista completa en YouTube</a>
1203      </section>
1204    </div>
1205
1206    <!-- ===== Cripto FAQ view ===== -->
1207    <div id="centerFaq" class="center-alt" style="display:none">
1208      <section class="section" style="border-top:0;padding-bottom:6px;">
1209        <button class="allstars-back center-back">
1210          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1211          Volver
1212        </button>
1213        <div class="allstars-intro">
1214          <h2 class="allstars-title libros-title">Cripto <b>FAQ</b></h2>
1215          <p>Tutoriales y respuestas cripto: seguridad, exchanges, staking, herramientas y mucho más.</p>
1216        </div>
1217      </section>
1218      <section class="section" style="padding-top:4px;">
1219        <div id="faqList"></div>
1220        <a class="libros-chip yt" href="https://www.youtube.com/playlist?list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b" target="_blank" rel="noopener" style="margin-top:22px;"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver la lista completa en YouTube</a>
1221      </section>
1222    </div>
1223
1224    <!-- ===== Navegador Brave view ===== -->
1225    <div id="centerBrave" class="center-alt" style="display:none">
1226      <section class="section" style="border-top:0;padding-bottom:6px;">
1227        <button class="allstars-back center-back">
1228          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1229          Volver
1230        </button>
1231        <div class="allstars-intro">
1232          <h2 class="allstars-title">Navegador <b>Brave</b></h2>
1233          <p>
1233Brave es el navegador centrado en la privacidad: bloquea anuncios y rastreadores de serie, carga las webs más rápido y te recompensa por navegar. Descárgalo con mi enlace y aprende a configurarlo en el vídeo.</p>
1234        </div>
1235        <div class="center-cta">
1236          <a class="btn-orange" href="https://brave.com/?ref=fun148" target="_blank" rel="noopener">
1237            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M7 11l5 5 5-5"/><path d="M5 21h14"/></svg>
1238            Descárgatelo
1239          </a>
1240        </div>
1241      </section>
1242      <section class="section">
1243        <a class="as-card" href="https://www.youtube.com/watch?v=X3meO4U9Bl4&list=PLuR8_01k-_MhUO3s1nW1uRDY24L5u6sMO" target="_blank" rel="noopener">
1244          <span class="as-thumb"><img src="assets/brave-thumb.jpeg" alt="Usa Brave — más privacidad, más rápido"><span class="play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span></span>
1245          <div class="as-title">Ver vídeo explicativo<span>Cómo instalar y sacarle partido a Brave</span></div>
1246        </a>
1247      </section>
1248    </div>
1249
1250    <!-- ===== Ether.fi view ===== -->
1251    <div id="centerEtherfi" class="center-alt" style="display:none">
1252      <section class="section" style="border-top:0;padding-bottom:6px;">
1253        <button class="allstars-back center-back">
1254          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1255          Volver
1256        </button>
1257        <div class="allstars-intro">
1258          <h2 class="allstars-title">Pon tu ETH a <b>trabajar</b></h2>
1259          <p>Ether.fi es el staking líquido y restaking de Ethereum más usado: depositas tu ETH, recibes eETH/weETH y sigues ganando recompensas manteniendo la liquidez para DeFi. Además, con su tarjeta Cash gastas sin vender tus criptos.</p>
1260        </div>
1261        <div class="cfeats">
1262          <div class="cfeat"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 7v5c0 5 3.5 8 8 10 4.5-2 8-5 8-10V7z"/><path d="m9 12 2 2 4-4"/></svg><span><b>No custodial:</b> tú mantienes el control de tus claves en todo momento.</span></div>
1263          <div class="cfeat"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8M21 7v6M21 7h-6"/></svg><span><b>Recompensas + DeFi:</b> ganas staking y restaking, y usas tu weETH sin perder rendimiento.</span></div>
1264          <div class="cfeat"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M7 15h4"/></svg><span><b>Tarjeta Cash:</b> gasta el valor de tus criptos sin tener que venderlas.</span></div>
1265        </div>
1266        <div class="center-cta">
1267          <a class="btn-orange" href="https://funontheride.com/ETHER.FI" target="_blank" rel="noopener">
1268            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 7v5c0 5 3.5 8 8 10 4.5-2 8-5 8-10V7z"/><path d="m9 12 2 2 4-4"/></svg>
1269            Consigue tu tarjeta Ether.fi
1270          </a>
1271        </div>
1272      </section>
1273      <section class="section">
1274        <a class="as-card" href="https://funontheride.com/ETHER.FI" target="_blank" rel="noopener">
1275          <span class="as-thumb"><img src="assets/etherfi-thumb.jpeg" alt="Beneficios con Ether.fi — ¡Aprovecha!"></span>
1276        </a>
1277      </section>
1278    </div>
1279
1280    <!-- ===== Wispr Flow view ===== -->
1281    <div id="centerWispr" class="center-alt" style="display:none">
1282      <section class="section" style="border-top:0;padding-bottom:6px;">
1283        <button class="allstars-back center-back">
1284          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1285          Volver
1286        </button>
1287        <div class="allstars-intro">
1288          <h2 class="allstars-title">Escribe hablando con <b>Wispr Flow</b></h2>
1289          <p>Wispr Flow es el dictado por voz con IA que uso a diario: hablas y escribe por ti en cualquier app —correo, chat, documentos— con puntuación automática y en varios idiomas. Mucho más rápido que teclear.</p>
1290        </div>
1291        <div class="center-cta">
1292          <a class="btn-orange" href="https://funontheride.com/WISPRFLOW" target="_blank" rel="noopener">
1293            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v3"/></svg>
1294            Conseguir Wispr Flow
1295          </a>
1296        </div>
1297      </section>
1298      <section class="section">
1299        <a class="as-card" href="https://www.youtube.com/watch?v=M9_y5CGIX7M" target="_blank" rel="noopener">
1300          <span class="as-thumb"><img src="assets/wispr-thumb.jpeg" alt="Wispr Flow: no escribas, solo habla"><span class="play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span></span>
1301          <div class="as-title">Ver vídeo explicativo<span>Cómo le saco partido a Wispr Flow</span></div>
1302        </a>
1303      </section>
1304    </div>
1305
1306    <!-- ===== Crypto Seguridad view ===== -->
1307    <div id="centerSeguridad" class="center-alt" style="display:none">
1308      <section class="section" style="border-top:0;padding-bottom:14px;">
1309        <button class="allstars-back center-back">
1310          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1311          Volver
1312        </button>
1313        <div class="allstars-intro">
1314          <h2 class="allstars-title">Crypto <b style="color:var(--orange)">Seguridad</b></h2>
1315          <p>Las billeteras frías (hardware wallets) que protegen tus criptos fuera de los exchanges. La autocustodia es la única forma de protegerte: <em style="color:var(--orange)">Not your keys, not your coins.</em></p>
1316        </div>
1317        <div class="sec-grid">
1318          <div class="scard">
1319            <img class="scard-img" src="assets/wallet-ledger.jpg" alt="Ledger">
1320            <h3>Ledger</h3>
1321            <div class="scard-links">
1322              <a class="scard-bonus" href="https://funontheride.com/LEDGER" target="_blank" rel="noopener">★ Hazte con el tuyo · Nano GEN5</a>
1323              <a class="scard-link" href="https://www.youtube.com/playlist?list=PLuR8_01k-_MiTBT99oXbdL8nL_f7yF79C" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Todo sobre Ledger</a>
1324            </div>
1325          </div>
1326          <div class="scard">
1327            <img class="scard-img" src="assets/wallet-trezor.jpg" alt="Trezor">
1328            <h3>Trezor</h3>
1329            <div class="scard-links">
1330              <a class="scard-link ref" href="https://funontheride.com/TREZOR" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>Hazte con el tuyo</a>
1331              <a class="scard-link" href="https://www.youtube.com/playlist?list=PLuR8_01k-_Mi4oCTsexhGV8_Pj67DRTFA" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Todo sobre Trezor</a>
1332            </div>
1333          </div>
1334          <a class="scard" href="https://funontheride.com/NGRAVE" target="_blank" rel="noopener">
1335            <img class="scard-img" src="assets/wallet-ngrave.jpg" alt="NGRAVE">
1336            <h3>NGRAVE</h3>
1337            <div class="scard-links">
1338              <span class="scard-link ref"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>Hazte con el tuyo</span>
1339            </div>
1340          </a>
1341          <a class="scard" href="https://funontheride.com/TANGEM" target="_blank" rel="noopener">
1342            <img class="scard-img" src="assets/wallet-tangem.jpg" alt="Tangem">
1343            <h3>Tangem</h3>
1344            <span class="bonus" style="margin:2px 16px 0;color:#f5c518;background:rgba(245,197,24,.13);border-color:rgba(245,197,24,.35);">★ Recompensa de 10 USD en BTC</span>
1345            <div class="scard-links">
1346              <span class="scard-link ref"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>Hazte con el tuyo</span>
1347            </div>
1348          </a>
1349        </div>
1350      </section>
1351    </div>
1352
1353    <!-- ===== Bitcoin básico y Blockchain view ===== -->
1354    <div id="centerBasico" class="center-alt" style="display:none">
1355      <section class="section" style="border-top:0;padding-bottom:6px;">
1356        <button class="allstars-back center-back">
1357          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1358          Volver
1359        </button>
1360        <div class="allstars-intro">
1361          <h2 class="allstars-title">Bitcoin básico <b>y Blockchain</b></h2>
1362          <p>Los conceptos esenciales para empezar de cero: qué es Bitcoin, cómo dar tus primeros pasos, el valor real de las criptomonedas y qué es la blockchain.</p>
1363        </div>
1364      </section>
1365      <section class="section">
1366        <div class="bas-grid">
1367          <div class="bas-card">
1368            <div class="bi-title">¿Qué es Bitcoin? · Guía definitiva</div>
1369            <div class="bi-links">
1370              <a class="bi-yt" href="https://www.youtube.com/watch?v=1x4EykxJ824" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver Vídeo</a>
1371              <a href="https://amzn.to/2PdteLk" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5a2 2 0 0 1 2-2h14v16H6a2 2 0 0 0-2 2z"/><path d="M4 19a2 2 0 0 1 2-2h14"/></svg>
1371Libro: Inventemos Bitcoin</a>
1372            </div>
1373          </div>
1374          <div class="bas-card">
1375            <div class="bi-title">Bitcoin para principiantes</div>
1376            <div class="bi-links">
1377              <a class="bi-yt" href="https://www.youtube.com/watch?v=wjzyLDDnb6o" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver Vídeo</a>
1378              <a href="https://amzn.to/3sfk8Av" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5a2 2 0 0 1 2-2h14v16H6a2 2 0 0 0-2 2z"/><path d="M4 19a2 2 0 0 1 2-2h14"/></svg>Libro: Internet del Dinero</a>
1379              <a href="https://www.youtube.com/watch?v=zAkL0WWn8Uc&list=PLuR8_01k-_MgveOoILvKjyzPNVWGlKo-5" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3h7v7M21 3l-9 9M10 5H5v14h14v-5"/></svg>¿Quién es Andreas Antonopoulos?</a>
1380            </div>
1381          </div>
1382          <div class="bas-card">
1383            <div class="bi-title">El verdadero valor de las criptomonedas · BitExperience</div>
1384            <div class="bi-links">
1385              <a class="bi-yt" href="https://cutt.ly/cEWHwr9" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver Vídeo</a>
1386              <a href="https://cutt.ly/bEWJz2w" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3h7v7M21 3l-9 9M10 5H5v14h14v-5"/></svg>Más información sobre BitBase</a>
1387              <a href="https://cutt.ly/2EWJI0H" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3h7v7M21 3l-9 9M10 5H5v14h14v-5"/></svg>Compra en BitBase</a>
1388            </div>
1389          </div>
1390          <div class="bas-card">
1391            <div class="bi-title">¿Qué es la Blockchain?</div>
1392            <div class="bi-links">
1393              <a class="bi-yt" href="https://cutt.ly/SZpeyWF" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>Ver Vídeos</a>
1394            </div>
1395          </div>
1396        </div>
1397      </section>
1398    </div>
1399
1400    <!-- ===== Recursos view ===== -->
1401    <div id="centerRecursos" class="center-alt" style="display:none">
1402      <section class="section" style="border-top:0;padding-bottom:14px;">
1403        <button class="allstars-back center-back">
1404          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1405          Volver
1406        </button>
1407        <div class="allstars-intro">
1408          <h2 class="allstars-title">Recursos</h2>
1409          <p>Los exchanges, brokers y herramientas que yo uso. Si utilizas estos enlaces, apoyas al Canal sin coste extra para ti — y, en algunos, consigues BONUS de bienvenida. ;)</p>
1410        </div>
1411        <div class="res-grid">
1412          <div class="rcard">
1413            <div class="rcard-top"><span class="rcard-ico logo bybit"><img src="assets/logo-bybit.png" alt="Bybit"></span><h3>Bybit</h3></div>
1414            <p>Exchange global de spot y derivados, con app sencilla y comisiones bajas.</p>
1415            <span class="bonus">★ 30€ en Bitcoin + 30 días de suscripciones gratis</span>
1416            <a class="open" href="https://funontheride.com/BYBIT" target="_blank" rel="noopener">Abrir Bybit <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1417          </div>
1418          <div class="rcard">
1419            <div class="rcard-top"><span class="rcard-ico logo etoro"><img src="assets/logo-etoro.png" alt="eToro"></span><h3>eToro</h3></div>
1420            <p>Bróker global de acciones, ETFs y criptos, con app muy sencilla y copy trading.</p>
1421            <span class="bonus">★ 50$ en acciones al depositar 200$</span>
1422            <a class="open" href="https://funontheride.com/ETORO" target="_blank" rel="noopener">Abrir eToro <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1423            <p class="cta-legal">eToro es una plataforma de inversión multi-activos. El valor de tus inversiones puede subir o bajar. Tu capital está en riesgo. · Gano una comisión si te registras con mi enlace · Patrocinado por eToro.</p>
1424          </div>
1425          <div class="rcard">
1426            <div class="rcard-top"><span class="rcard-ico logo okx"><img src="assets/logo-okx.png" alt="OKX"></span><h3>OKX</h3></div>
1427            <p>Exchange global de spot, derivados y Web3, con app propia y comisiones bajas.</p>
1428            <span class="bonus">★ Bono del 8%, hasta 3.500 € · hasta el 8-oct</span>
1429            <a class="open" href="https://funontheride.com/OKX" target="_blank" rel="noopener">Abrir OKX <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1430          </div>
1431          <div class="rcard">
1432            <div class="rcard-top"><span class="rcard-ico logo"><img src="assets/logo-binance.png" alt="Binance"></span><h3>Binance</h3></div>
1433            <p>El mayor exchange del mundo: compra, vende y haz staking de cientos de criptos.</p>
1434            <span class="bonus">★ Hasta 19.800 USD en recompensas</span>
1435            <a class="open" href="https://funontheride.com/BINANCE" target="_blank" rel="noopener">Abrir Binance <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1436          </div>
1437          <div class="rcard">
1438            <div class="rcard-top"><span class="rcard-ico logo white"><img src="assets/logo-ibkr.png" alt="Interactive Brokers"></span><h3>Interactive Brokers</h3></div>
1439            <p>Bróker para acciones, ETFs y derivados con acceso a mercados de todo el mund
1439o.</p>
1440            <span class="bonus">★ Hasta 1.000 USD en acciones IBKR</span>
1441            <a class="open" href="https://funontheride.com/Interactive-brokers" target="_blank" rel="noopener">Abrir IBKR <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1442          </div>
1443          <div class="rcard">
1444            <div class="rcard-top"><span class="rcard-ico logo coinbase"><img src="assets/logo-coinbase.png" alt="Coinbase"></span><h3>Coinbase</h3></div>
1445            <p>Exchange sencillo y regulado, ideal para dar tus primeros pasos en Bitcoin.</p>
1446            <span class="bonus">★ 20 € en BTC al registrarte</span>
1447            <a class="open" href="https://funontheride.com/Coinbase" target="_blank" rel="noopener">Abrir Coinbase <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1448          </div>
1449          <div class="rcard">
1450            <div class="rcard-top"><span class="rcard-ico logo hyperliquid"><img src="assets/logo-hyperliquid.png" alt="Hyperliquid"></span><h3>Hyperliquid</h3></div>
1451            <p>DEX de derivados perpetuos on-chain: rápido, transparente y con bajas comisiones.</p>
1452            <a class="open" href="https://funontheride.com/HYPERLIQUID" target="_blank" rel="noopener">Abrir Hyperliquid <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1453          </div>
1454          <div class="rcard">
1455            <div class="rcard-top"><span class="rcard-ico logo cryptocom"><img src="assets/logo-cryptocom.png" alt="Crypto.com"></span><h3>Crypto.com</h3></div>
1456            <p>Exchange con tarjeta cripto para gastar tus monedas en el día a día.</p>
1457            <span class="bonus">★ $30 USD para cada uno</span>
1458            <a class="open" href="https://funontheride.com/CRYPTOCOM" target="_blank" rel="noopener">Abrir Crypto.com <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1459          </div>
1460</div>
1461        <div class="res-divider"><span>Extras:</span><span class="line"></span></div>
1462        <div class="res-grid">
1463          <div class="rcard">
1464            <div class="rcard-top"><span class="rcard-ico logo nft"><img src="assets/logo-nft.png" alt="Colección de NFT"></span><h3>Colección de NFT</h3></div>
1465            <p>Nuestra colección oficial de NFTs de FunOnTheRide en OpenSea.</p>
1466            <a class="open" href="https://opensea.io/FunOntheRide" target="_blank" rel="noopener">Ver en OpenSea <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1467          </div>
1468          <div class="rcard">
1469            <div class="rcard-top"><span class="rcard-ico logo ingles"><img src="assets/logo-ingles.jpg" alt="Aprende Inglés"></span><h3>Aprende Inglés</h3></div>
1470            <p>Vídeo recomendado para mejorar tu inglés y seguir aprendiendo cada día.</p>
1471            <a class="open" href="https://www.youtube.com/watch?v=gzjkQde5KHU&t=65s" target="_blank" rel="noopener">Ver el vídeo <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1472          </div>
1473        </div>
1474      </section>
1475    </div>
1476
1477    <!-- ===== Cripto Legalidad view ===== -->
1478    <div id="centerLegalidad" class="center-alt" style="display:none">
1479      <section class="section" style="border-top:0;padding-bottom:6px;">
1480        <button class="allstars-back center-back">
1481          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1482          Volver
1483        </button>
1484        <div class="allstars-intro">
1485          <h2 class="allstars-title">Cripto <b style="color:var(--ada)">Legalidad</b></h2>
1486          <p>Todo lo que necesitas saber sobre la fiscalidad de las criptomonedas: cómo declarar, qué obligaciones tienes y cómo llevar tus cuentas en orden. La herramienta que uso para gestionar todo es CoinTracking.</p>
1487        </div>
1488      </section>
1489      <section class="section">
1490        <div class="group-head"><span class="gbar"></span>Cripto Fiscalidad</div>
1491        <div class="vid-btns">
1492          <a class="vid-btn" href="https://www.youtube.com/watch?v=IgWfstsqbXg&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=3&t=548s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Especial criptofiscalidad Bitcoin</span></a>
1493          <a class="vid-btn" href="https://www.youtube.com/watch?v=pE6Kop8z8y4&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=4&t=957s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Cripto renta</span></a>
1494          <a class="vid-btn" href="https://www.youtube.com/watch?v=1pPeCm7BpPc&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=5" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Ley contra el fraude · modelo 720</span></a>
1495        </div>
1496        <a class="group-link cl-link" href="https://www.clcripto.com" target="_blank" rel="noopener"><img class="cl-ico" src="assets/logo-clcripto.png" alt="CLcripto">Visita la web de CLcripto <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
1497      </section>
1498
1499      <section class="section">
1500        <div class="group-head"><span class="gbar"></span>Hacienda</div>
1501        <div class="vid-btns">
1502          <a class="vid-btn" href="https://www.youtube.com/watch?v=6h4GO4tldX0&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=
15027&t=133s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Hacienda, impuestos y criptomonedas</span></a>
1503          <a class="vid-btn" href="https://www.youtube.com/watch?v=ez0kYbRf7lk&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=10" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Claves renta: top 10 preguntas</span></a>
1504          <a class="vid-btn" href="https://www.youtube.com/watch?v=7tHLA0oBlWY&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=11&t=1030s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">¿Cómo hacer la declaración de la renta cripto?</span></a>
1505        </div>
1506      </section>
1507
1508      <section class="section ct-section">
1509        <div class="group-head"><span class="ct-titlebox">CoinTracking</span></div>
1510        <div class="vid-btns blue-hover">
1511          <a class="vid-btn" href="https://www.youtube.com/watch?v=6HH59PyNPrE&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=2&t=3s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Especial CoinTracking: cómo usarlo</span></a>
1512          <a class="vid-btn" href="https://www.youtube.com/watch?v=22VIixoBeR4&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=8&t=2051s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">CoinTracking: preguntas frecuentes</span></a>
1513          <a class="vid-btn" href="https://www.youtube.com/watch?v=PlJp1aaB6ok&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=9&t=5s" target="_blank" rel="noopener"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">CoinTracking, mejor herramienta</span></a>
1514        </div>
1515        <div class="ct-cta">Hazte con tu CoinTracking<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M6 13l6 6 6-6"/></svg></div>
1516        <div class="ct-grid">
1517          <a class="ct-card" href="https://funontheride.com/COINTRACKING" target="_blank" rel="noopener">
1518            <span class="badge">−10%</span>
1519            <div class="ct-head"><span class="ct-ico" style="background:var(--ada-soft);border-color:rgba(58,123,213,.3);color:var(--ada)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></span><h3>Para individuos</h3></div>
1520            <span class="open">Conseguir con 10% dto. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1521          </a>
1522          <a class="ct-card" href="https://funontheride.com/CoinTracking-Empresas" target="_blank" rel="noopener">
1523            <span class="badge">−10%</span>
1524            <div class="ct-head"><span class="ct-ico" style="background:var(--ada-soft);border-color:rgba(58,123,213,.3);color:var(--ada)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18M5 21V7l8-4v18M19 21V11l-6-3M9 9v.01M9 12v.01M9 15v.01"/></svg></span><h3>Para empresas</h3></div>
1525            <span class="note"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg><span>Menciona a <strong>Rodrigo Arnedo</strong> para conseguir tu 10% de descuento.</span></span>
1526            <span class="open">Conseguir con 10% dto. <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1527          </a>
1528        </div>
1529      </section>
1530
1531      <section class="section">
1532        <div class="res-divider"><span>Extra:</span><span class="line"></span></div>
1533        <div class="vid-btns">
1534          <a class="vid-btn" href="https://www.youtube.com/watch?v=u0uxkdCPXGY&list=PLuR8_01k-_MiK9Pt7APmY6uxn058tBWzb&index=6&t=2478s" target="_blank" rel="noopener"><img src="assets/flag-georgia.png" alt="Georgia" style="width:27px;height:27px;border-radius:7px;flex:none;object-fit:cover;display:block;"><span class="vb-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="t">Impuestos cripto: vivir en Georgia</span></a>
1535        </div>
1536      </section>
1537    </div>
1538
1539    <!-- ===== TradingView view ===== -->
1540    <div id="centerTradingview" class="center-alt" style="display:none">
1541      <section class="section" style="border-top:0;padding-bottom:6px;">
1542        <button class="allstars-back center-back">
1543          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1544          Volver
1545        </button>
1546        <div class="allstars-intro">
1547          <h2 class="allstars-title">TradingView</h2>
1548          <p>La plataforma que uso para analizar el mercado en tiempo real: gráficos profesionales, indicadores y alertas, todo en un solo sitio. Abajo tienes el gráfico de Bitcoin en directo, el vídeo donde explico cómo 
1548sacarle partido y el acceso a TradingView PRO.</p>
1549        </div>
1550      </section>
1551      <section class="section">
1552        <div class="sec-label" style="font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;">Recursos</div>
1553        <h2 class="allstars-title" style="font-size:clamp(20px,3vw,26px);margin:0 0 14px;">Empieza con <b>TradingView</b></h2>
1554        <div class="tv-cards">
1555          <a class="tv-card" href="https://funontheride.com/TRADINGVIEW-PRO" target="_blank" rel="noopener">
1556            <div class="ct-head"><span class="ct-ico pro"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19V5M4 19h16M8 16l4-5 3 3 5-7"/></svg></span><h3>TradingView PRO</h3></div>
1557            <p>Gráficos de precios profesionales sin límites. Apóyate en la versión PRO y ayudas al canal sin coste extra para ti.</p>
1558            <span class="open">Consigue TradingView PRO <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1559          </a>
1560          <a class="tv-card" href="https://www.youtube.com/watch?v=LlJe2e6eJcE" target="_blank" rel="noopener">
1561            <div class="ct-head"><span class="ct-ico vid"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><h3>¿Cómo hacer trading?</h3></div>
1562            <p>La herramienta definitiva, explicada paso a paso. Aprende a configurar tus gráficos y aprovechar TradingView al máximo.</p>
1563            <span class="open">Ver el vídeo <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1564          </a>
1565        </div>
1566      </section>
1567      <section class="section">
1568        <div class="sec-label" style="font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;">En directo</div>
1569        <h2 class="allstars-title" style="font-size:clamp(20px,3vw,26px);margin:0 0 6px;">Bitcoin / Dólar · <b>tiempo real</b></h2>
1570        <p style="color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:14px;">Gráfico interactivo: cambia el símbolo, el intervalo y los indicadores directamente aquí.</p>
1571        <div class="chart-shell">
1572          <div class="chart-box">
1573            <div class="tradingview-widget-container">
1574              <div class="tradingview-widget-container__widget" id="tvchart"></div>
1575              
1575<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js" async>
1576              {
1577                "autosize": true,
1578                "symbol": "INDEX:BTCUSD",
1579                "interval": "D",
1580                "timezone": "Etc/UTC",
1581                "theme": "dark",
1582                "style": "1",
1583                "locale": "es",
1584                "backgroundColor": "rgba(12, 13, 14, 1)",
1585                "gridColor": "rgba(31, 34, 38, 0.6)",
1586                "hide_top_toolbar": false,
1587                "allow_symbol_change": true,
1588                "save_image": false,
1589                "calendar": false,
1590                "support_host": "https://www.tradingview.com"
1591              }
1592              </script>
1592
1593            </div>
1594          </div>
1595          <div class="tv-copy">
1596            <a href="https://es.tradingview.com/?aff_id=15335&utm_source=www-funontheride-com.filesusr.com&utm_medium=widget_new&utm_campaign=advanced-chart" target="_blank" rel="noopener">Sigue todos los mercados en TradingView →</a>
1597          </div>
1598        </div>
1599      </section>
1600    </div>
1601
1602    <!-- ===== Pool Cardano view ===== -->
1603    <div id="centerCardano" class="center-alt" style="display:none">
1604      <section class="section" style="border-top:0;padding-bottom:6px;">
1605        <button class="allstars-back center-back">
1606          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
1607          Volver
1608        </button>
1609        <div class="allstars-intro">
1610          <h2 class="allstars-title">Gana <b>dinero pasivo</b> con Cardano</h2>
1611          <p>Tutorial paso a paso, pensado para empezar desde cero, sobre cómo tener Cardano (ADA) y delegarlo en nuestro pool de staking con la máxima seguridad: usando una billetera fría Ledger y la wallet Yoroi. Al delegar sigues siendo el dueño de tus monedas en todo momento, y estas trabajan para ti generando recompensas.</p>
1612        </div>
1613        <div class="center-cta">
1614          <a class="btn-orange" href="https://pool.pm/996affa4d66f85e88052a1294a907fcac7b422865649d2ac28fde3c7" target="_blank" rel="noopener">
1615            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 9.5h4.5a1.5 1.5 0 0 1 0 3H9M9 12h4.5a1.5 1.5 0 0 1 0 3H9"/></svg>
1616            Delegar a nuestro pool · FUNON
1617          </a>
1618        </div>
1619      </section>
1620      <section class="section" style="border-top:0;padding-top:0;">
1621        <a class="as-card" href="https://www.youtube.com/watch?v=LSmWy63enSU&t=807s" target="_blank" rel="noopener">
1622          <span class="as-thumb"><img src="assets/cardano-thumb.jpeg" alt="Cómo ganar dinero pasivo con Cardano"><span class="play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span></span>
1623        </a>
1624        <p style="color:var(--muted);font-size:15px;line-height:1.6;margin-top:16px;">Si empiezas de cero, el proceso es algo laborioso pero <strong style="color:var(--text)">se hace una sola vez</strong>. Si ya tienes tu billetera fría configurada y Ledger Live instalado, irás mucho más rápido. En la descripción del vídeo están los minutos marcados para que saltes directo al punto que necesites.</p>
1625      </section>
1626      <section class="section">
1627        <div class="sec-label" style="font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;">La ventaja</div>
1628        <h2 class="allstars-title" style="font-size:clamp(20px,3vw,26px);margin:0;">Por qué validar con <b>nuestro pool</b></h2>
1629        <div class="why">
1630          <div class="why-card"><div class="wc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"/></svg></div><h3><b>0%</b> de comisión variable</h3><p>Otros pools se quedan parte de tus recompensas. Nosotros las repartimos contigo.</p></div>
1631          <div class="why-card"><div class="wc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M7 15h4"/></svg></div><h3>Solo el coste fijo del protocolo</h3><p>Únicamente el mínimo que marca la red (270 ADA). No añadimos sobrecostes.</p></div>
1632          <div class="why-card"><div class="wc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8M21 7v6M21 7h-6"/></svg></div><h3>Más recompensas para ti</h3><p>Al repartir más que la media, tu rentabilidad final acaba siendo mayor.</p></div>
1633          <div class="why-card"><div class="wc-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1 7.8 7.8 7.8-7.8 1-1a5.5 5.5 0 0 0 0-7.8z"/></svg></div><h3>Colaboras con el proyecto</h3><p>Apoyas el canal y todo el contenido educativo gratuito que se publica.</p></div>
1634        </div>
1635      </section>
1636      <section class="section">
1637        <div class="sec-label" style="font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;">El recorrido</div>
1638        <h2 class="allstars-title" style="font-size:clamp(20px,3vw,26px);margin:0;">Qué vas a aprender</h2>
1639        <p style="color:var(--muted);font-size:15px;line-height:1.6;margin-top:10px;">Diez pasos desde tener tus ADA hasta verlos validando y generando recompensas en la red.</p>
1640        <div class="steps">
1641          <div class="step"><span class="num"></span>
1641<p>Conseguir y elegir tu billetera fría Ledger (Flex, Nano X o S&nbsp;Plus)</p></div>
1642          <div class="step"><span class="num"></span><p>Configurar las palabras de seguridad del dispositivo</p></div>
1643          <div class="step"><span class="num"></span><p>Instalar y actualizar Ledger Live</p></div>
1644          <div class="step"><span class="num"></span><p>Conectar el dispositivo y dejarlo todo actualizado (hardware y software)</p></div>
1645          <div class="step"><span class="num"></span><p>Instalar la aplicación de Cardano dentro del Ledger</p></div>
1646          <div class="step"><span class="num"></span><p>Instalar la extensión de navegador Yoroi</p></div>
1647          <div class="step"><span class="num"></span><p>Conectar tu billetera fría Ledger con Yoroi</p></div>
1648          <div class="step"><span class="num"></span><p>Enviar tu Cardano a esa wallet (por ejemplo, desde Binance)</p></div>
1649          <div class="step"><span class="num"></span><p>Buscar nuestro pool y delegar</p></div>
1650          <div class="step"><span class="num"></span>
1650<p>Confirmar las transacciones en el Ledger y empezar a validar</p></div>
1651        </div>
1652      </section>
1653      <section class="section">
1654        <div class="sec-label" style="font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px;">En detalle</div>
1655        <h2 class="allstars-title" style="font-size:clamp(20px,3vw,26px);margin:0;">Cómo funciona, <b>punto por punto</b></h2>
1656        <div class="how">
1657          <div class="how-item"><div class="how-num">01</div><div class="how-body"><h3>La billetera fría (Ledger)</h3><p>Entrar al mundo cripto sin billetera fría es exponerte a que te hackeen o lo pierdas todo. La billetera fría guarda tus claves <strong>fuera de internet</strong>. En el vídeo se usa el Ledger Flex, pero el proceso es idéntico con el Nano X o el S Plus. Hay vídeos comparativos en el canal para ayudarte a elegir.</p></div></div>
1658          <div class="how-item"><div class="how-num">02</div><div class="how-body"><h3>Las 24 palabras de recuperación</h3><p>El dispositivo genera 24 palabras que son la <strong>llave maestra</strong> de tus criptomonedas. Norma de oro: <span class="hl">nunca se fotografían</span>, nunca se guardan en el ordenador, ni en notas, ni en Word, ni en Drive. Se apuntan a mano en la hoja de recuperación que viene en la caja. El Flex facilita mucho este paso porque muestra las palabras en una pantalla grande.</p></div></div>
1659          <div class="how-item"><div class="how-num">03</div><div class="how-body"><h3>Comprar o localizar tu Cardano</h3><p>Si ya tienes ADA, perfecto. Si no, puedes comprarlo. Con un trackeador de portfolio puedes ver en qué exchange lo tienes (en el ejemplo, en Binance).</p></div></div>
1660          <div class="how-item"><div class="how-num">04</div><div class="how-body"><h3>Por qué sacar el Cardano del exchange</h3><p>Dos motivos. Primero, <strong>autocustodia</strong>: tu dinero está más seguro en tu billetera fría que en un exchange. Segundo, <strong>ventaja fiscal</strong>: al retirar el ADA de un exchange extranjero, ayudas a no superar los 50.000 € en exchanges extranjeros a 31 de diciembre, lo que te evita tener que presentar documentación específica a Hacienda.</p></div></div>
1661          <div class="how-item"><div class="how-num">05</div><div class="how-body"><h3>Yoroi, la wallet ligera</h3><p>
1661Es una billetera "ligera": no necesitas descargar toda la cadena de bloques (como sí haría Daedalus), así que el proceso es más rápido y sencillo. Se instala como extensión del navegador y se conecta a la billetera fría Ledger.</p></div></div>
1662          <div class="how-item"><div class="how-num">06</div><div class="how-body"><h3>Delegar al pool</h3><p>Una vez el Cardano está en la wallet protegida por el Ledger, se busca nuestro pool, se pulsa <strong>"delegar"</strong> y se confirman las transacciones en el dispositivo (hay un pequeño coste de comisión y el depósito de la clave de staking que marca el propio protocolo). A partir de ahí, tu Cardano empieza a <span class="hl">generar recompensas</span> validando bloques en cada epoch.</p></div></div>
1663        </div>
1664      </section>
1665      <section class="section">
1666        <div class="alert">
1667          <div class="alert-head">
1668            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg>
1669            <h3>Seguridad imprescindible</h3>
1670          </div>
1671          <ul>
1672            <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg>Nunca compartas tus 24 palabras con nadie ni las guardes en formato digital.</li>
1673            <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12l2 2 4-4M12 3l8 4v5c0 5-3.5 8-8 10-4.5-2-8-5-8-10V7z"/></svg>Verifica siempre que la extensión Yoroi que instalas es la oficial (revisa valoraciones y número de descargas).</li>
1674            <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12l2 2 4-4M12 3l8 4v5c0 5-3.5 8-8 10-4.5-2-8-5-8-10V7z"/></svg>Comprueba siempre que la dirección de envío es correcta antes de retirar fondos.</li>
1675          </ul>
1676        </div>
1677      </section>
1678      <section class="section" style="border-top:0;">
1679        <div class="final">
1680          <h2 class="allstars-title" style="margin:0;">¿Listo para <b>pasarte a nuestro pool</b>?</h2>
1681          <p>Aprende cómo hacerlo paso a paso en el vídeo y empieza a validar Cardano con nosotros.</p>
1682          <div class="center-cta">
1683            <a class="btn-orange" href="https://www.youtube.com/watch?v=LSmWy63enSU&t=807s" target="_blank" rel="noopener">
1684              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
1685              Ver el vídeo
1686            </a>
1687            <a class="btn-ghost" href="https://pool.pm/996affa4d66f85e88052a1294a907fcac7b422865649d2ac28fde3c7" target="_blank" rel="noopener">
1688              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 9.5h4.5a1.5 1.5 0 0 1 0 3H9M9 12h4.5a1.5 1.5 0 0 1 0 3H9"/></svg>
1689              Delegar al pool · FUNON
1690            </a>
1691          </div>
1692        </div>
1693      </section>
1694    </div>
1695  </main>
1696
1697  <!-- ============ RIGHT ============ -->
1698  <aside class="col col-right">
1699    <div class="side-inner">
1700    <!-- ===== Publicidad ===== -->
1701    <div class="panel" id="adsPanel">
1702      <div class="panel-head ad"><span class="ic"></span>Patrocinado</div>
1703
1704      <div class="ad-card" style="--ad:#A351FB">
1705        <a class="ad-main" href="https://funontheride.com/ETHER.FI" target="_blank" rel="sponsored noopener">
1706          <img class="ad-logo" src="assets/etherfi-logo.png" alt="Ether.fi" style="height:24px">
1707          <span class="ad-claim"><b>Reembolsos en efectivo</b> en tus viajes y comidas</span>
1708          <span class="ad-sub">Con la tarjeta Cash, sin vender tus criptos</span>
1709          <span class="ad-cta">Abrir Ether.fi <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1710        </a>
1711        <a class="ad-more" href="#" data-center="centerEtherfi">
1712          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M8 13h8M8 17h5"/></svg>
1713          Ver cómo funciona
1714        </a>
1715      </div>
1716      <div class="ad-card" style="--ad:#008AFF">
1717        <a class="ad-main" href="https://funontheride.com/COINTRACKING" target="_blank" rel="sponsored noopener">
1718          <img class="ad-logo" src="assets/cointracking-logo.png" alt="CoinTracking" style="height:20px">
1719          <span class="ad-claim"><b>10% de descuento</b> en tu plan</span>
1720          <span class="ad-sub">Controla tus criptos y haz tus informes fiscales</span>
1721          <span class="ad-cta">Abrir CoinTracking <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1722        </a>
1723        <a class="ad-more" href="https://funontheride.com/COINTRACKING-EMPRESAS" target="_blank" rel="sponsored noopener">
1724          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18M5 21V7l7-4 7 4v14M9 9h1M9 13h1M9 17h1M14 9h1M14 13h1M14 17h1"/></svg>
1725          Para empresas
1726        </a>
1727      </div>
1728      <div class="ad-card" style="--ad:#E5484D">
1729        <a class="ad-main" href="https://funontheride.com/LEDGER" target="_blank" rel="sponsored noopener">
1730          <img class="ad-logo" src="assets/ledger-logo.png" alt="Ledger" style="height:22px">
1731          <span class="ad-claim">Tus claves, <b>fuera de internet</b></span>
1732          <span class="ad-sub">Más de 8 millones de aparatos vendidos</span>
1733          <span class="ad-cta">Abrir Ledger <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1734        </a>
1735      </div>
1736      <div class="ad-card" style="--ad:#FFFFFF">
1737        <a class="ad-main" href="https://funontheride.com/OKX" target="_blank" rel="sponsored noopener">
1738          <img class="ad-logo" src="assets/okx-logo.png" alt="OKX" style="height:19px">
1739          <span class="ad-claim">Bono del <b>8%</b> en tus depósitos</span>
1740          <span class="ad-sub">Hasta 3.500 € · solo hasta el 8 de octubre</span>
1741          <span class="ad-cta">Abrir OKX <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1742        </a>
1743      </div>
1744      <div class="ad-card" style="--ad:#6EFF8B">
1745        <a class="ad-main" href="https://funontheride.com/ETORO" target="_blank" rel="sponsored noopener">
1746          <img class="ad-logo" src="assets/etoro-logo.png" alt="eToro">
1747          <span class="ad-claim">Llévate <b>50$ en acciones</b> al depositar 200$</span>
1748          <span class="ad-cta">Abrir eToro <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1749        </a>
1750        <a class="ad-more" href="/programas/2026-08-06/01-etoro-invierte-todo-en-una-app.html" target="_blank" rel="noopener">
1751          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M8 13h8M8 17h5"/></svg>
1752          Ver el informe completo
1753        </a>
1754        <p class="ad-legal">eToro es una plataforma de inversión multi-activos. El valor de tus inversiones puede subir o bajar. Tu capital está en riesgo. · Gano una comisión si te registras con mi enlace · Patrocinado por eToro.</p>
1755      </div>
1756      <div class="ad-card" style="--ad:#F7A600">
1757        <a class="ad-main" href="https://funontheride.com/BYBIT" target="_blank" rel="sponsored noopener">
1758          <img class="ad-logo" src="assets/bybit-logo.png" alt="Bybit" style="height:20px">
1759          <span class="ad-claim"><b>30€ en Bitcoin</b> al depositar 100 USDC</span>
1760          <span class="ad-sub">Y hasta 200€ de vuelta con la Bybit Card</span>
1761          <span class="ad-cta">Abrir Bybit <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="transition:.14s"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1762        </a>
1763      </div>
1764
1765      <p class="ad-legal">Publicidad. Invertir conlleva riesgo de pérdida.</p>
1766    </div>
1767
1768    <div class="panel featured-box">
1769      <div class="panel-head">
1770        <span class="star-ic"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z"/></svg></span>
1771        Destacados
1772      </div>
1773      <div class="feat-rows">
1774        <a class="feat-row" href="#" data-center="centerWispr">
1775          <span class="fr-name">Wispr Flow</span>
1776          <span class="fr-arr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1777        </a>
1778      </div>
1779    </div>
1780
1781
1782    <div class="panel" id="basicoPanel">
1783      <a class="panel-head basico-link" href="#" data-center="centerBasico">
1784        <span class="ic"></span>Bitcoin básico y Blockchain
1785        <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1786      </a>
1787    </div>
1788
1789    <div class="panel">
1790      <div class="panel-head green"><span class="ic"></span>Recursos</div>
1791      <div class="res-list">
1792        <a class="res" href="#" data-center="centerSeguridad">
1793          <span class="res-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z"/><path d="M9 12l2 2 4-4"/></svg></span>
1794          <span class="res-body"><span class="rt">Crypto Seguridad</span><span class="rs">Protege tus fondos</span></span>
1795          <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1796        </a>
1797        <a class="res" href="#" data-center="centerLegalidad">
1798          <span class="res-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v18M5 7l7-4 7 4M5 7l-2 5h4zM19 7l2 5h-4z"/></svg></span>
1799          <span class="res-body"><span class="rt">Crypto Legalidad</span><span class="rs">Impuestos &amp; normativa</span></span>
1800          <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1801        </a>
1802        <a class="res" href="#" data-center="centerRecursos">
1803          <span class="res-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 19V5M4 19h16M8 16l4-5 3 3 5-7"/></svg></span>
1804          <span class="res-body"><span class="rt">Recursos</span><span class="rs">Exchanges &amp; referidos</span></span>
1805          <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1806        </a>
1807        <a class="res" href="#" data-center="centerTradingview">
1808          <span class="res-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 14l3-3 2 2 5-6"/></svg></span>
1809          <span class="res-body"><span class="rt">TradingView</span><span class="rs">Gráficos en directo</span></span>
1810          <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1811        </a>
1812        <a class="res" href="#" data-center="centerCardano">
1813          <span class="res-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 9.5h4.5a1.5 1.5 0 0 1 0 3H9M9 12h4.5a1.5 1.5 0 0 1 0 3H9"/></svg></span>
1814          <span class="res-body"><span class="rt">Pool Cardano</span><span class="rs">Staking ADA</span></span>
1815          <span class="rarr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
1816        </a>
1817      </div>
1818    </div>
1819    </div>
1820  </aside>
1821
1822</div>
1823
1824<script>
1825  const body=document.body;
1826  const toggle=document.getElementById('menuToggle');
1827  const scrim=document.getElementById('scrim');
1828  toggle.addEventListener('click',()=>body.classList.toggle('nav-open'));
1829  scrim.addEventListener('click',()=>body.classList.remove('nav-open'));
1830  document.querySelectorAll('.menu a').forEach(a=>a.addEventListener('click',()=>body.classList.remove('nav-open')));
1831
1832  // Redes Sociales dropdown toggle
1833  const socialWrap=document.getElementById('socialWrap');
1834  const socialToggle=document.getElementById('socialToggle');
1835  if(socialToggle){
1836    socialToggle.addEventListener('click',()=>{
1837      const open=socialWrap.classList.toggle('open');
1838      socialToggle.setAttribute('aria-expanded',open?'true':'false');
1839      if(typeof alignSides==='function') setTimeout(alignSides,0);
1840    });
1841  }
1842
1843  // Donaciones + Contacto dropdowns con copiar
1844  ['donateWrap','contactWrap'].forEach(id=>{
1845    const wrap=document.getElementById(id);
1846    if(!wrap) return;
1847    const tgl=wrap.querySelector('button.btn');
1848    tgl.addEventListener('click',()=>{
1849      const open=wrap.classList.toggle('open');
1850      tgl.setAttribute('aria-expanded',open?'true':'false');
1851      if(typeof alignSides==='function') setTimeout(alignSides,0);
1852    });
1853    wrap.querySelectorAll('.donate-row[data-copy]').forEach(row=>{
1854      const nameEl=row.querySelector('.donate-name');
1855      const original=nameEl.textContent;
1856      row.addEventListener('click',async()=>{
1857        try{ await navigator.clipboard.writeText(row.dataset.copy); }
1858        catch(e){ const t=document.createElement('textarea');t.value=row.dataset.copy;document.body.appendChild(t);t.select();document.execCommand('copy');t.remove(); }
1859        row.classList.add('copied');
1860        nameEl.textContent='¡Copiado!';
1861        clearTimeout(row._t);
1862        row._t=setTimeout(()=>{row.classList.remove('copied');nameEl.textContent=original;},1600);
1863      });
1864    });
1865  });
1866
1867  // Enlaces directos a un desplegable de la barra: /#redes, /#donaciones, /#contacto
1868  (function(){
1869    const mapa={redes:'socialWrap', donaciones:'donateWrap', contacto:'contactWrap'};
1870    function abrir(){
1871      const id=mapa[(location.hash||'').replace('#','').toLowerCase()];
1872      if(!id) return;
1873      const wrap=document.getElementById(id);
1874      if(!wrap) return;
1875      wrap.classList.add('open');
1876      const tgl=wrap.querySelector('button.btn');
1877      if(tgl) tgl.setAttribute('aria-expanded','true');
1878      setTimeout(()=>{
1879        wrap.scrollIntoView({behavior:'smooth',block:'center'});
1880        if(typeof alignSides==='function') alignSides();
1881      },120);
1882    }
1883    abrir();
1884    window.addEventListener('hashchange',abrir);
1885  })();
1886
1887  // Vistas de la columna central (Crypto All Stars, Brave, …)
1888  const centerMain=document.getElementById('centerMain');
1889  function showCenter(viewId){
1890    if(centerMain) centerMain.style.display=viewId?'none':'';
1891    document.querySelectorAll('.center-alt').forEach(v=>v.style.display='none');
1892    if(viewId){const v=document.getElementById(viewId);if(v)v.style.display='block';}
1893    window.scrollTo(0,0);
1894  }
1895  // Enlaces directos a una sección: funontheride.com/#seguridad abre "Crypto Seguridad".
1896  // El nombre del enlace es el id de la vista sin "center" (centerSeguridad -> #seguridad).
1897  function hashToView(){
1898    const h=(location.hash||'').replace('#','').toLowerCase();
1899    if(!h) return null;
1900    const v=[...document.querySelectorAll('.center-alt')].find(el=>el.id.toLowerCase()==='center'+h);
1901    return v?v.id:null;
1902  }
1903  function viewToHash(viewId){
1904    return viewId?'#'+viewId.replace(/^center/,'').toLowerCase():'';
1905  }
1906  document.querySelectorAll('[data-center]').forEach(el=>{
1907    el.addEventListener('click',e=>{
1908      e.preventDefault();
1909      showCenter(el.dataset.center);
1910      body.classList.remove('nav-open');
1911      history.replaceState(null,'',viewToHash(el.dataset.center));
1912    });
1913  });
1914  document.querySelectorAll('.center-back').forEach(b=>b.addEventListener('click',()=>{
1915    showCenter(null);
1916    history.replaceState(null,'',location.pathname);
1917  }));
1918  window.addEventListener('hashchange',()=>showCenter(hashToView()));
1919  const viewInicial=hashToView();
1920  if(viewInicial) showCenter(viewInicial);
1921  [].forEach(id=>{
1922    const group=document.getElementById(id);
1923    if(!group) return;
1924    const tgl=group.querySelector('.menu-toggle-item');
1925    tgl.addEventListener('click',()=>{
1926      const open=group.classList.toggle('open');
1927      tgl.setAttribute('aria-expanded',open?'true':'false');
1928    });
1929  });
1930
1931  // ===== Cripto Humor · lista de canciones =====
1932  // Para enlazar cada canción a su vídeo, sustituye "url" por el enlace de YouTube.
1933  const humorSongs=[
1934    {t:'¡Bailemos el Bitcoin!',     s:'Parodia de «Perla Negra»',                         url:'https://www.youtube.com/watch?v=J-Bbg-cUiM4'},
1935    {t:'¡No Doy Consejo!',          s:'Solfamiredios · ¡Que no te afecte la inflación!',  url:'https://www.youtube.com/watch?v=tjkhLJhE4hM'},
1936    {t:'¡Para Comprar bien el Bitcoin!', s:'Parodia de Rafaela Carrá · ¡Hay que venir al sur!', url:'https://www.youtube.com/watch?v=mvGw3iRWJoc'},
1937    {t:'¡FunOntheRock!',            s:'Rock · Alejandro Iglesias · Iván Baudrix',         url:'https://www.youtube.com/watch?v=clsXrvAqVbg&list=PLuR8_01k-_Mie1BpV0T0HWMc2AwQiame8'},
1938    {t:'Bitcoin Bailando',          s:'Parodia de Enrique Iglesias · ¡Es cuestión de Química!', url:'https://www.youtube.com/watch?v=uZQJNRogjgc'},
1939    {t:'Bitcoin La Mordidita',      s:'Parodia de Ricky Martin · ¡Llegaste a mi vida!',   url:'https://www.youtube.com/watch?v=NYJ_pr9oKlg'},
1940    {t:'¡Bitcoin será porque te amo!', s:'Parodia de Ricchi e Poveri',                    url:'https://www.youtube.com/watch?v=c7PeccqY-ac'},
1941    {t:'Resistiré 2020 · HODLEARÉ', s:'Himno · Versión oficial FunOntheRide',             url:'https://www.youtube.com/watch?v=8xWn5SQ7jdw'},
1942    {t:'Tomas Falsas FunOntheRide', s:'Bloopers · Tomas falsas',                          url:'https://www.youtube.com/watch?v=H5qVdL4Bh9I'},
1943    {t:'Dame 1 Bitcoin · Hipnosis', s:'¡Sesión de hipnosis! · FunOntheRide',              url:'https://www.youtube.com/watch?v=m_zQe4laKMo'},
1944    {t:'Last CryptoChristmas',      s:'Parodia de Wham · CryptoNavidad',                  url:'https://www.youtube.com/watch?v=7V-cNtF50Ao'},
1945    {t:'¡Todo lo que Quiero es Bitcoin!', s:'Parodia de Mariah Carey · CryptoNavidad',    url:'https://www.youtube.com/watch?v=tbg3B6q9Kzc'},
1946    {t:'¡Sandy Rider ChatBot!',     s:'Elige tu propia aventura · FunOntheRide',          url:'https://www.youtube.com/watch?v=y-K1it_OYbM'}
1947  ];
1948  const PLAYLIST_HUMOR='https://www.youtube.com/playlist?list=PLuR8_01k-_Mie1BpV0T0HWMc2AwQiame8';
1949  const discSVG='<svg viewBox="0 0 40 40"><circle class="disc-ring" cx="20" cy="20" r="19" fill="#0e0f11" stroke="#2a2d31"/><circle class="disc-groove" cx="20" cy="20" r="13.5" fill="none" stroke="#202327"/><circle class="disc-groove" cx="20" cy="20" r="9.5" fill="none" stroke="#202327"/><circle class="disc-label" cx="20" cy="20" r="6"/><circle cx="20" cy="20" r="1.9" fill="#0e0f11"/><path class="disc-shine" d="M20 2.5 A17.5 17.5 0 0 1 35 11" fill="none" stroke="rgba(255,255,255,.16)" stroke-width="2.4" stroke-linecap="round"/></svg>';
1950  const humorList=document.getElementById('humorList');
1951  if(humorList){
1952    humorList.innerHTML=humorSongs.map((g,i)=>{
1953      const href=g.url||PLAYLIST_HUMOR;
1954      return '<a class="humor-row" href="'+href+'" target="_blank" rel="noopener">'
1955        +'<span class="hr-num">'+String(i+1).padStart(2,'0')+'</span>'
1956        +'<span class="hr-disc">'+discSVG+'</span>'
1957        +'<span class="hr-body"><span class="hr-name">'+g.t+'</span><span class="hr-sub">
1957'+g.s+'</span></span>'
1958        +'<span class="hr-play"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span>'
1959        +'</a>';
1960    }).join('');
1961  }
1962
1963  // ===== Libros Recomendados =====
1964  // Cada libro: {t:'título'} y opcionalmente {l:'enlace Link', v:'enlace YouTube'}.
1965  // yt:1 marca que el libro tiene vídeo (icono de YouTube). Sustituye l/v por los enlaces reales.
1966  const libroGroups=[
1967    {g:'Bitcoin, Blockchain & Cripto', books:[
1968      {t:'Inventemos Bitcoin', star:1, yt:1, l:'https://amzn.to/3QnG2yH', v:'https://cutt.ly/eEt2a0F'},
1969      {t:'El Patrón Bitcoin', star:1, yt:1, l:'https://amzn.to/4hKIuvm', v:'https://cutt.ly/rW4P1mw'},
1970      {t:'The Infinite Machine', star:1, l:'https://amzn.to/4i6ZEmS'},
1971      {t:'Internet del Dinero', star:1, l:'https://www.amazon.es/dp/1947910035?tag=tukaizen07-21'},
1972      {t:'La Revolución Blockchain', star:1, yt:1, l:'https://amzn.to/2FNgkyz', v:'https://cutt.ly/kW4NFrJ'},
1973      {t:'Vitalik Buterin · Proof of Stake', l:'https://cutt.ly/DV3prEq'},
1974      {t:'Finanzas Descentralizadas para Inquietos', l:'https://cutt.ly/3m0jEmD'},
1975      {t:'Bitcoin, Blockchain y Tokenización para Inquietos', l:'https://cutt.ly/tm0jvbm'},
1976      {t:'El Libro de Satoshi', l:'https://libroblockchain.com/satoshi/'},
1977      {t:'El Pequeño Libro de Bitcoin', l:'https://cutt.ly/zWv36Xo'},
1978      {t:'Bitcoin Money', yt:1, l:'https://cutt.ly/VWv38lI', v:'https://youtube.com/watch?v=xYMcxvToncc'},
1979      {t:'Mastering Bitcoin', l:'https://amzn.to/2CYRv2A'},
1980      {t:'Mastering the Lightning Network', l:'https://cutt.ly/FmDnP2H'},
1981      {t:'La Filosofía de Bitcoin', l:'https://amzn.to/3siKIdD'},
1982      {t:'Bitcoin · La Caza de Satoshi Nakamoto', l:'https://amzn.to/2Kc8Lau'},
1983      {t:'Criptoderecho · La regulación de Blockchain', yt:1, l:'https://cutt.ly/REt2T8c', v:'https://youtube.com/watch?v=yfnN8BClfVE'},
1984      {t:'Platform Revolution', l:'https://cutt.ly/QT8zpIn'},
1985      {t:'Blockchain · La revolución industrial de internet', l:'https://amzn.to/2WRTrBr'},
1986      {t:'Cryptoassets', yt:1, l:'https://www.amazon.es/dp/1260026671?tag=tukaizen07-21', v:'https://cutt.ly/CW4NwiI'},
1987      {t:'La Tesis Alcista del Bitcoin', l:'https://amzn.to/3vASfa9'},
1988      {t:'The Fiat Standard', l:'https://amzn.to/3VSjXc7'}
1989    ]},
1990    {g:'Inversión & Finanzas', books:[
1991      {t:'Memorias de un operador de bolsa', l:'https://cutt.ly/6IuYLHM'},
1992      {t:'El inversor inteligente', l:'https://cutt.ly/jIuY1FE'},
1993      {t:'Análisis Técnico de los Mercados Financieros', l:'https://amzn.to/2GPGzGX'},
1994      {t:'La Bola de Nieve · Warren Buffett', l:'https://amzn.to/2txeAr2'},
1995      {t:'El hombre más rico de Babilonia', yt:1, l:'https://amzn.to/2uzpNo0', v:'https://cutt.ly/YEq6861'},
1996      {t:'The Zurich Axioms', l:'https://www.amazon.es/dp/0857198637?tag=tukaizen07-21'},
1997      {t:'Padre Rico Padre Pobre', yt:1, l:'https://www.amazon.es/dp/846633212X?tag=tukaizen07-21', v:'https://cutt.ly/iW406Oo'},
1998      {t:'La Psicología del Dinero', yt:1, l:'https://amzn.to/3Xagadt', v:'https://lc.cx/P1tQjX'},
1999      {t:'Piense y hágase rico', l:'https://amzn.to/2J2u7Vx'}
2000    ]},
2001    {g:'Tecnología, Empresa & Futuro', books:[
2002      {t:'The Mobile Wave', l:'https://www.amazon.es/dp/0306822539?tag=tukaizen07-21'},
2003      {t:'The Four', yt:1, l:'https://amzn.to/2FPEh8E', v:'https://cutt.ly/kEe9RSP'},
2004      {t:'La tienda de los sueños · Jeff Bezos y la era de Amazon', l:'https://amzn.to/2KsUZ11'},
2005      {t:'Crea & Divaga · Jeff Bezos', yt:1, l:'https://amzn.to/3U1KAL8', v:'https://youtube.com/watch?v=PxkLNN4SupU'},
2006      {t:'Elon Musk · El empresario que anticipa el futuro', l:'https://amzn.to/485oCPi'},
2007      {t:'Elon Musk · Walter Isaacson', l:'https://amzn.to/462D4Wr'},
2008      {t:'Blitzscaling', l:'https://amzn.to/2WLNJV1'},
2009      {t:'La era de la humanidad', l:'https://cutt.ly/REt6RGq'},
2010      {t:'The Starfish and the Spider', yt:1, l:'https://www.amazon.es/dp/1591841836?tag=tukaizen07-21', v:'https://cutt.ly/pEq49E2'},
2011      {t:'The Signals Are Talking', yt:1, l:'https://amzn.to/2HhdYff', v:'https://cutt.ly/XEq4j9b'},
2012      {t:'The Inevitable', yt:1, l:'https://amzn.to/2JWPhFF', v:'https://cutt.ly/CErXh2r'},
2013      {t:'De Cero a Uno', yt:1, l:'https://www.amazon.es/gp/product/8498753538/ref=as_li_tl?ie=UTF8&camp=3638&creative=24630&creativeASIN=8498753538&linkCode=as2&tag=tukaizen07-21&linkId=d1c1ec71b69256cd67d4bf7c2eb9da42', v:'https://cutt.ly/OErXOaC'},
2014      {t:'Life after Google', l:'https://www.amazon.es/dp/1621575764?tag=tukaizen07-21'},
2015      {t:'Teoría del Todo i-Fotónica', yt:1, l:'https://amzn.to/2JoziAf', v:'https://cutt.ly/5Ee9rt6'},
2016      {t:'Survival of the Richest', l:'https://amzn.to/3Xdxsnw'},
2017      {t:'La semana laboral de 4 horas', l:'https://amzn.to/2Kfjz8I'}
2018    ]},
2019    {g:'Economía, Libertad & Sociedad', books:[
2020      {t:'El Cisne Negro', l:'https://amzn.to/2G3sYeK'},
2021      {t:'Antifrágil', l:'https://amzn.to/2KaNdLz'},
2022      {t:'El Individuo Soberano', yt:1, l:'https://amzn.to/4drsiNf', v:'https://cutt.ly/PEq4bLc'},
2023      {t:'La economía en una lección', l:'https://amzn.to/2tsF3CZ'},
2024      {t:'La Ley', l:'https://amzn.to/2SLEtPG'},
2025      {t:'Privacidad es Poder', l:'https://cutt.ly/FRG5Ek5'},
2026      {t:'Vigilancia permanente', l:'https://amzn.to/2pU5xyW'},
2027      {t:"The Dictator's Handbook", yt:1, l:'https://www.amazon.es/dp/8415803125?tag=tukaizen07-21', v:'https://cutt.ly/PEywqOX'},
2028      {t:'Sapiens · De animales a dioses', yt:1, l:'https://amzn.to/2TV62md', v:'https://cutt.ly/nEe2cyh'},
2029      {t:'Homo Deus', yt:1, l:'https://www.amazon.es/gp/product/1784703931/ref=as_li_tl?ie=UTF8&camp=3638&creative=24630&creativeASIN=1784703931&linkCode=as2&tag=tukaizen07-21&linkId=71a24d2e151c37b2a87ba73f1bfc7fd0', v:'https://cutt.ly/kEe2LIq'},
2030      {t:'Súper Sapiens', l:'https://amzn.to/38P002W'}
2031    ]},
2032    {g:'Psicología & Desarrollo personal', books:[
2033      {t:'El Poder del Ahora', l:'https://amzn.to/3CyamQm'},
2034      {t:'Change Your Thinking, Change Your Life', yt:1, l:'https://amzn.to/2Hw5Why', v:'https://cutt.ly/KEt5BNQ'},
2035      {t:'The Psychology of Selling', yt:1, l:'https://cutt.ly/NW7QfDO', v:'https://cutt.ly/KEt5BNQ'},
2036      {t:'El Poder de tu Mente Subconsciente', l:'https://amzn.to/3zZEbZh'},
2037      {t:'Tus Líneas Rojas', l:'https://amzn.to/3Snt6cK'},
2038      {t:"Can't Hurt Me", yt:1, l:'https://amzn.to/2G42qeu', v:'https://cutt.ly/rW40a5t'},
2039      {t:'¿Quién se ha llevado mi queso?', l:'https://amzn.to/3PHYZeV'},
2040      {t:'Te estás jodiendo la vida', l:'https://amzn.to/3O18qGn'},
2041      {t:'Hasta los cojones del pensamiento positivo', l:'https://amzn.to/3HFj01N'},
2042      {t:'Controla al alcohol', l:'https://amzn.to/49iLSsT'},
2043      {t:'Aprendiendo de los Mejores', l:'https://amzn.to/3Y8KYdP'},
2044      {t:'Aprendiendo de los Mejores 2', l:'https://amzn.to/3QcGgd7'},
2045      {t:'Aprendiendo de los Mejores 3', l:'https://amzn.to/3Osik3h'},
2046      {t:'La Vida Mola', l:'https://cutt.ly/ImuZ58a'},
2047      {t:'A veces se gana, a veces se aprende', yt:1, l:'https://www.amazon.es/dp/145557290X?tag=tukaizen07-21', v:'https://cutt.ly/2W40Tib'},
2048      {t:'Escribo porque me gusta ganar dinero', l:'https://amzn.to/3BkThKj'},
2049      {t:'Tools of Titans', l:'https://cutt.ly/rTi3jFr'},
2050      {t:'El Sutil Arte de que (casi todo) te importe una mierda · Diario', l:'https://amzn.to/3vOaNUA'},
2051      {t:'Cómo hacer que te pasen cosas buenas', l:'https://amzn.to/3LrhlOF'},
2052      {t:'Encuentra tu persona vitamina', l:'https://amzn.to/3RSOvsN'},
2053      {t:'¡Tómate un respiro! · Mindfulness', l:'https://amzn.to/3C4hseG'},
2054      {t:'El Caballero de la armadura oxidada', l:'https://amzn.to/3Dl1q2j'},
2055      {t:'Me quiero, te quiero', l:'https://amzn.to/3DpduyS'},
2056      {t:'Las casualidades no existen', l:'https://amzn.to/3ORsEjs'},
2057      {t:'Hábitos atómicos', yt:1, l:'https://cutt.ly/eEMg87F', v:'https://youtube.com/watch?v=M4lOGNN9Mdg'},
2058      {t:'La Psicología del Éxito', v:'https://www.youtube.com/watch?v=lOcz1Ajn3_k&list=PLuR8_01k-_MghTz9v3y2UtCLzwVGQ0TZ7&index=5&t=1s'},
2059      {t:'El Poder de los Hábitos', l:'https://cutt.ly/JWv3Bdx'},
2060      {t:'Diario para Estoicos', l:'https://amzn.to/3kH06w8'},
2061      {t:'Cómo ganar amigos e influir sobre las personas', l:'https://amzn.to/2V67mHT'}
2062    ]},
2063    {g:'Salud & Bienestar', books:[
2064      {t:'Young Forever', l:'https://www.amazon.es/dp/1399716301'},
2065      {t:'Vive joven, crece en plenitud', l:'https://amzn.to/3KjnDjS'},
2066      {t:'The 4-Hour Body', l:'https://cutt.ly/DT3V1SI'},
2067      {t:'Deep Nutrition', yt:1, l:'https://www.amazon.es/dp/1250113849?tag=tukaizen07-21', v:'https://cutt.ly/VEe9NPA'},
2068      {t:'Inteligencia digestiva', yt:1, l:'https://amzn.to/2QTUjn6', v:'https://cutt.ly/hEq6Wmg'}
2069    ]},
2070    {g:'Aventura & Otros', books:[
2071      {t:'Spain · El Chorro · Escalada', yt:1, l:'https://amzn.to/3p1FhfQ', v:'https://cutt.ly/6ErCiFv'}
2072    ]}
2073  ];
2074  const librosList=document.getElementById('librosList');
2075  if(librosList){
2076    const linkSVG='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>';
2077    const chevSVG='<svg class="lib-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>';
2078    librosList.innerHTML=libroGroups.map((grp,gi)=>{
2079      const ordered=[...grp.books].sort((a,b)=>((b.v?1:0)-(a.v?1:0)));
2080      const rows=ordered.map(b=>{
2081        const link=b.l?'<a class="lib-link" href="'+b.l+'" target="_blank" rel="noopener">'+linkSVG+'Link</a>':'';
2082        const yt=(b.v||b.yt)?'<a class="lib-yt" href="'+(b.v||'#')+'" target="_blank" rel="noopener" aria-label="Vídeo en YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></a>':'<span class="lib-yt-empty"></span>';
2083        return '<div class="lib-row"><span class="lib-name">'+(b.star?'<span class="lib-star">★</span>':'')+b.t+'</span><span class="lib-acts">'+yt+link+'</span></div>';
2084      }).join('');
2085      return '<div class="lib-group">'
2086        +'<button class="lib-ghead" type="button"><span class="lib-gname">'+grp.g+'</span>'+chevSVG+'</button>'
2087        +'<div class="lib-books">'+rows+'</div></div>';
2088    }).join('');
2089    librosList.addEventListener('click',e=>{
2090      const head=e.target.closest('.lib-ghead');
2091      if(head) head.parentElement.classList.toggle('open');
2092    });
2093  }
2094
2095  const appGroups=[
2096    {g:"Bitcoin", apps:[
2097      {"t":"Días Rentables Bitcoin","l":"https://www.bitcoinmagazinepro.com/charts/bitcoin-profitable-days/","v":"https://www.youtube.com/watch?v=rIlugZABwdE&t=569s"},
2098      {"t":"Estimación Tarifas Bitcoin","l":"https://whatthefee.io/","v":"https://www.youtube.com/watch?v=AF8-275hxM8&t=1109s"},
2099      {"t":"Bitcoin The Block","l":"https://www.theblock.co/data/on-chain-metrics/bitcoin","v":"https://www.youtube.com/watch?v=Bzvt7j990yw&t=419s"},
2100      {"t":"Gráfico Arcoíris Bitcoin","l":"https://www.blockchaincenter.net/es/bitcoin-rainbow-chart/","v":"https://cutt.ly/ev81JTY"},
2101      {"t":"Tiempo de Bitcoin sin Incidencias","l":"https://bitbo.io/uptime/","v":"https://cutt.ly/0h8Igfj"},
2102      {"t":"Índice Crypto Miedo y Codicia","l":"https://alternative.me/crypto/fear-and-greed-index/","v":"https://www.youtube.com/watch?v=ekpJI6sqt_4&t=477s"},
2103      {"t":"Buy Bitcoin World Wide","l":"https://www.buybitcoinworldwide.com/es/","v":"https://cutt.ly/MFtPZVH"},
2104      {"t":"Look Into Bitcoin","l":"https://www.lookintobitcoin.com/","v":"https://cutt.ly/6kmE39h"},
2105      {"t":"Dead Coins","l":"https://99bitcoins.com/deadcoins/","v":"https://cutt.ly/ClesUix"},
2106      {"t":"Clarkmoody","l":"https://bitcoin.clarkmoody.com/dashboard/","v":"https://cutt.ly/pmofqq0"},
2107      {"t":"CostAVG","l":"https://www.costavg.com/","v":"https://cutt.ly/Oh8EsDZ"},
2108      {"t":"Dollar Cost Averaging Bitcoin","l":"https://www.bitcoindollarcostaverage.com/","v":"https://cutt.ly/bh8RnTF"}
2109    ]},
2110    {g:"Ethereum y gas", apps:[
2111      {"t":"Etherchain","l":"https://etherchain.org/burn","v":"https://youtu.be/avtn88xP4oY?t=569"},
2112      {"t":"Flippening Watch","l":"https://www.flippening.watch/"},
2113      {"t":"Ethburned","l":"https://ethburned.info/","v":"https://youtu.be/avtn88xP4oY?t=569"},
2114      {"t":"ETH Leaderboard","l":"https://ethleaderboard.xyz/","v":"https://cutt.ly/uPGJHQY"},
2115      {"t":"RatioGang","l":"https://ratiogang.com/","v":"https://cutt.ly/Dbm5oO8"},
2116      {"t":"ETHviewer","l":"http://www.ethviewer.live/","v":"https://cutt.ly/8xlf3H2"},
2117      {"t":"Fees.wtf","l":"https://fees.wtf/"},
2118      {"t":"Ultrasound Money","l":"https://ultrasound.money/","v":"https://youtu.be/avtn88xP4oY?t=569"}
2119    ]},
2120    {g:"DeFi y staking", apps:[
2121      {"t":"CardanoCube","l":"https://cutt.ly/jPuAPXa","v":"https://cutt.ly/RPog8a4"},
2122      {"t":"DefiLlama","l":"https://defillama.com/","v":"https://youtu.be/_rK3GZh9hyQ?t=183"},
2123      {"t":"Defistation","l":"https://www.defistation.io/","v":"https://cutt.ly/QcBLmPi"},
2124      {"t":"Defi Rate","l":"https://defirate.com/lend/","v":"https://cutt.ly/tjILW1t"},
2125      {"t":"DefiPrime Analytics","l":"https://defiprime.com/defi-analytics","v":"https://cutt.ly/FjPUZII"},
2126      {"t":"Matcha.xyz","l":"https://matcha.xyz/","v":"https://cutt.ly/RbSRNHD"},
2127      {"t":"Debank","l":"https://debank.com/profile/0x57fc1704785eb2b95bd54e0cb158f00845bce555","v":"https://cutt.ly/FjPUZII"},
2128      {"t":"Cardano PoolTool","l":"https://pooltool.io/","v":"https://cutt.ly/FnJnAXA"},
2129      {"t":"Poocoin App","l":"https://poocoin.app/","v":"https://cutt.ly/8EUdm5d"},
2130      {"t":"Dex Guru","l":"https://dex.guru/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599-eth","v":"https://cutt.ly/GESyxLe"}
2131    ]},
2132    {g:"NFT y dApps", apps:[
2133      {"t":"DappRadar","l":"https://dappradar.com/","v":"https://cutt.ly/cjYetwF"},
2134      {"t":"LunarCrush","l":"https://lunarcrush.com/","v":"https://youtu.be/_rK3GZh9hyQ?t=303"}
2135    ]},
2136    {g:"Análisis on-chain y métricas", apps:[
2137      {"t":"Glassnode Studio","l":"https://studio.glassnode.com/","v":"https://cutt.ly/EmOJgia"},
2138      {"t":"Nansen Portfolio","l":"https://portfolio.nansen.ai/","v":"https://youtu.be/_rK3GZh9hyQ?t=521"},
2139      {"t":"CryptoQuant","l":"https://cryptoquant.com/asset/btc/summary","v":"https://www.youtube.com/watch?v=kRekzHfO460&list=PLuR8_01k-_Min1dRvk65fqZKRgl5L7TCn"},
2140      {"t":"Santiment","l":"https://santiment.net/","v":"https://cutt.ly/SmOJKnC"},
2141      {"t":"Dune Analytics","l":"https://dune.com/browse/dashboards","v":"https://youtu.be/_rK3GZh9hyQ?t=548"},
2142      {"t":"Artemis","l":"https://www.artemis.xyz/","v":"https://youtu.be/_rK3GZh9hyQ?t=456"},
2143      {"t":"Messari","l":"https://messari.io/screener","v":"https://cutt.ly/vjwsibC"},
2144      {"t":"Token Terminal","l":"https://tokenterminal.com/?gclid=Cj0KCQiAg_KbBhDLARIsANx7wAz4sY8joaLQTUSYNf4rj9V8ykghwAkU38FZNT
2144jP_z1iDieV5HMmVOUaAgI_EALw_wcB","v":"https://youtu.be/_rK3GZh9hyQ?t=487"}
2145    ]},
2146    {g:"Mercado, precios y gráficos", apps:[
2147      {"t":"Capitalización Bancos Mercado","l":"https://companiesmarketcap.com/banks/largest-banks-by-market-cap/","v":"https://cutt.ly/Jh5UO3R"},
2148      {"t":"Multicoincharts","l":"https://cutt.ly/ij2rHGj","v":"https://cutt.ly/Yj2nSXJ"},
2149      {"t":"HeatMap","l":"https://coin360.com/?utm_campaign=menu&utm_medium=referral&utm_source=cointelegraph&utm_term=header","v":"https://cutt.ly/jh8bPWp"},
2150      {"t":"Infinite Market Cap","l":"https://8marketcap.com/flipennings/","v":"https://cutt.ly/UjgfVRe"},
2151      {"t":"Dextools.io","l":"https://cutt.ly/czETXXt","v":"https://cutt.ly/UzRjnXS"},
2152      {"t":"Ycharts","l":"https://cutt.ly/rcBFj04","v":"https://cutt.ly/PcBZeFP"},
2153      {"t":"Chart Exchange","l":"https://chartexchange.com/crypto/","v":"https://youtu.be/zxA8soL1KHc?t=1684"},
2154      {"t":"Mapa Mundial Cryptomonedas","l":"https://www.blockchaincenter.net/es/","v":"https://cutt.ly/mh8OJ45"},
2155      {"t":"The Coin Perspective","l":"https://thecoinperspective.com/"},
2156      {"t":"CryptoWatch","l":"https://cutt.ly/Hj2rYkl","v":"https://cutt.ly/Yj2nSXJ"}
2157    ]},
2158    {g:"Exploradores de blockchain", apps:[
2159      {"t":"Blockchain Center","l":"https://www.blockchaincenter.net/es/altcoin-season-index/#how30","v":"https://www.youtube.com/watch?v=PcxxgIhwMUA&t=1091s"},
2160      {"t":"Verify bitcoin message","l":"https://www.verifybitcoinmessage.com/","v":"https://youtu.be/OTJ4pOxhQ-U?t=1343"},
2161      {"t":"Bitcoin Uptime","l":"https://bitcoinuptime.org/"},
2162      {"t":"Solana Explorer","l":"https://explorer.solana.com/","v":"https://cutt.ly/2Y2Qcpz"},
2163      {"t":"Crystal Explorer","l":"https://explorer.crystalblockchain.com/","v":"https://cutt.ly/JD7OQWq"},
2164      {"t":"Explorador","l":"https://beaconcha.in/","v":"https://www.youtube.com/watch?v=JzTXHrFdsQo&t=920s"},
2165      {"t":"TxStreet","l":"https://txstreet.com/","v":"https://cutt.ly/5jaIUKt"}
2166    ]},
2167    {g:"Seguridad y carteras", apps:[
2168      {"t":"AssetDash","l":"https://assetdash.com/","v":"https://cutt.ly/UjgfVRe"},
2169      {"t":"Earni.fi","l":"https://earni.fi/","v":"https://cutt.ly/ITCeeA3"},
2170      {"t":"Revocar Permisos Defi","l":"https://mycointool.com/en/ApprovalChecker"},
2171      {"t":"Claimable","l":"https://claimable.vercel.app/","v":"https://cutt.ly/JkYgdsD"},
2172      {"t":"ScamAlert","l":"https://scam-alert.io/#reportscam","v":"https://cutt.ly/RIngYm2"}
2173    ]},
2174    {g:"Calendario, eventos y airdrops", apps:[
2175      {"t":"CoinMarketCal","l":"https://cutt.ly/OcDSzNP","v":"https://cutt.ly/acFAtrz"},
2176      {"t":"ICODrops","l":"https://icodrops.com/","v":"https://youtu.be/_rK3GZh9hyQ?t=384"},
2177      {"t":"Token Unlock","l":"https://token.unlocks.app/","v":"https://youtu.be/ikD27_MYi5w?t=831"},
2178      {"t":"AirdropAlert","l":"https://airdropalert.com/","v":"https://cutt.ly/VvFCRTL"}
2179    ]},
2180    {g:"Productividad y diseño", apps:[
2181      {"t":"Everyday App","l":"https://cutt.ly/rNOkvgu","v":"https://www.youtube.com/watch?v=rF9D0Rt-jdQ"},
2182      {"t":"Jitter.video","l":"https://jitter.video/","v":"https://youtu.be/_rK3GZh9hyQ?t=1064"},
2183      {"t":"Gifs Mundo Crypto","l":"https://giphy.com/channel/starfury"},
2184      {"t":"RenderForest","l":"https://www.renderforest.com/es/#Videos","v":"https://youtu.be/_rK3GZh9hyQ?t=1104"},
2185      {"t":"Smart Mockups","l":"https://smartmockups.com/es","v":"https://youtu.be/_rK3GZh9hyQ?t=1129"},
2186      {"t":"Unroll.me","l":"https://unroll.me/","v":"https://youtu.be/_rK3GZh9hyQ?t=732"},
2187      {"t":"SnapDrop","l":"https://snapdrop.net/","v":"https://youtu.be/_rK3GZh9hyQ?t=1143"},
2188      {"t":"Darebee","l":"https://darebee.com/","v":"https://youtu.be/_rK3GZh9hyQ?t=802"},
2189      {"t":"Mapa OntheRide","l":"https://padlet.com/Ferritina/awo15lht09l7v0st"},
2190      {"t":"PDF24 Tools","l":"https://tools.pdf24.org/es/","v":"https://youtu.be/_rK3GZh9hyQ?t=868"},
2191      {"t":"Rastreador Precios Amazon","l":"https://camelcamelcamel.com/","v":"https://cutt.ly/BjbvrkJ"},
2192      {"t":"QuillBot","l":"https://quillbot.com/","v":"https://youtu.be/_rK3GZh9hyQ?t=892"}
2193    ]}
2194  ];
2195  const appsList=document.getElementById('appsList');
2196  if(appsList){
2197    const appLinkSVG='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>';
2198    const appChevSVG='<svg class="lib-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>';
2199    appsList.innerHTML=appGroups.map(grp=>{
2200      const ordered=[...grp.apps].sort((a,b)=>((b.v?1:0)-(a.v?1:0)));
2201      const rows=ordered.map(a=>{
2202        const link='<a class="lib-link" href="'+(a.l||'#')+'" target="_blank" rel="noopener">'+appLinkSVG+'Link</a>';
2203        const yt=a.v?'<a class="lib-yt" href="'+a.v+'" target="_blank" rel="noopener" aria-label="Vídeo en YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></a>':'<span class="lib-yt-empty"></span>';
2204        return '<div class="lib-row"><span class="lib-name">'+a.t+'</span><span class="lib-acts">'+yt+link+'</span></div>';
2205      }).join('');
2206      return '<div class="lib-group">'
2207        +'<button class="lib-ghead" type="button"><span class="lib-gname">'+grp.g+'</span>'+appChevSVG+'</button>'
2208        +'<div class="lib-books">'+rows+'</div></div>';
2209    }).join('');
2210    appsList.addEventListener('click',e=>{
2211      const head=e.target.closest('.lib-ghead');
2212      if(head) head.parentElement.classList.toggle('open');
2213    });
2214  }
2215
2216  const eventGroups=[
2217    {g:"Congresos y eventos blockchain", vids:[
2218      {"t":"¡Revelaciones de Blockchain Galicia! ¡Secretos y Claves para el Futuro de las Criptomonedas!","v":"https://www.youtube.com/watch?v=8kPlrfLJc8o&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2219      {"t":"Llega BDZ 2023 ¡Por qué no te lo puedes perder!","v":"https://www.youtube.com/watch?v=AqK2sg5jc20&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2220      {"t":"¡Revelando los Secretos de Blockchain Galicia! ¿Qué Sucedió?","v":"https://www.youtube.com/watch?v=1YTWtXRYZ-k&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2221      {"t":"¡Especial CoinEx 5.º Aniversario!","v":"https://www.youtube.com/watch?v=Q9N7Yp75GZY&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2222      {"t":"¡Blockchain Expo & DeFi Congress 2022! BDZ (Parte 1)","v":"https://www.youtube.com/watch?v=fH_QfqJnW9o&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2223      {"t":"¡Blockchain Expo & DeFi Congress 2022! BDZ (Parte 2)","v":"https://www.youtube.com/watch?v=LFwOPLKIkDw&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2224      {"t":"¡Lo Mejor de South Summit Madrid 2019!","v":"https://www.youtube.com/watch?v=c788rpPOc6k&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2225      {"t":"DES 2019 · Digital Enterprise Show · Best Of","v":"https://www.youtube.com/watch?v=wKpBHh01s70&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2226    ]},
2227    {g:"Talent Land 🇲🇽", vids:[
2228      {"t":"Exclusiva Entrevista Max Keiser y Stacy Herbert · Talent Land 2020","v":"https://www.youtube.com/watch?v=Coh83gsKT
2228LA&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2229      {"t":"Panel de Youtubers","v":"https://www.youtube.com/watch?v=IEB_kw5Tdko&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2230      {"t":"¿El Bitcoin Ha Muerto? · Conferencia Talent Land 2019","v":"https://www.youtube.com/watch?v=h_Q0u5ZlhhE&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2231      {"t":"Entrevista Amigos CryptoCrewMX · Talent Land 2019","v":"https://www.youtube.com/watch?v=_mFd_ArzD9k&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2232      {"t":"Talent Land 2019 · Kasparov - Binance · Lo Mejor (2ª Parte)","v":"https://www.youtube.com/watch?v=ZhoNZ4mEvM0&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2233      {"t":"¡Tone Vays Interview! Talent Land 2019","v":"https://www.youtube.com/watch?v=KjT4oq6Qejg&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2234      {"t":"¡Lo Mejor de Talent Land 2019!","v":"https://www.youtube.com/watch?v=Yw7YfyzQ7nU&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2235    ]},
2236    {g:"Entrevistas a referentes", vids:[
2237      {"t":"Exclusiva Entrevista Valdeande Mágico","v":"https://www.youtube.com/watch?v=ZRuASGECMjQ&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2238      {"t":"Exclusiva Entrevista Binance","v":"https://www.youtube.com/watch?v=SP4Ro157NBA&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2239      {"t":"Exclusiva Entrevista The Bitcoin Family · Didi Taihuttu","v":"https://www.youtube.com/watch?v=lEoVcxtlD58&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2240      {"t":"Exclusiva Entrevista Brifitdance","v":"https://www.youtube.com/watch?v=DVzjxLQ5ofk&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2241    ]},
2242    {g:"Actualidad cripto", vids:[
2243      {"t":"¡Bitcoin, Expertos Blockchain y DLT!","v":"https://www.youtube.com/watch?v=yfnN8BClfVE&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2244      {"t":"¡Bitcoin, Políticos y Blockchain!","v":"https://www.youtube.com/watch?v=Qwg5MfDb3k4&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2245    ]},
2246    {g:"Webinars y Meetups", vids:[
2247      {"t":"Webinar Reinventarse en Digital · Telefónica","v":"https://www.youtube.com/watch?v=EiZic2YYXDk&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2248      {"t":"Primer Meetup FunOntheRide","v":"https://www.youtube.com/watch?v=ZTOyh_ZLNg0&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2249    ]},
2250    {g:"Seguridad y wallets", vids:[
2251      {"t":"Bitcoin · ¡Última Hora desde París!","v":"https://www.youtube.com/watch?v=zlKZxZL49A0&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2252      {"t":"¡Pegasus Virus Alert! · Google Authenticator · ¡LedgerOp3n!","v":"https://www.youtube.com/watch?v=1q4PCZk6SKQ&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"},
2253      {"t":"Nuevo Ledger Nano S Plus · LedgerOp3n, FTX, Coinbase, Crypto Life Card, Web 3.0, etc.","v":"https://www.youtube.com/watch?v=-NlQH4UTtI8&list=PLuR8_01k-_MjI3sDeqqbVJk02KzK-QSiP"}
2254    ]}
2255  ];
2256  const eventosList=document.getElementById('eventosList');
2257  if(eventosList){
2258    const evChevSVG='<svg class="lib-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>';
2259    eventosList.innerHTML=eventGroups.map(grp=>{
2260      const rows=grp.vids.map(a=>{
2261        return '<a class="lib-row" href="'+a.v+'" target="_blank" rel="noopener"><span class="lib-name">'+a.t+'</span><span class="lib-acts"><span class="lib-yt"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span></span></a>';
2262      }).join('');
2263      return '<div class="lib-group">'
2264        +'<button class="lib-ghead" type="button"><span class="lib-gname">'+grp.g+'</span>'+evChevSVG+'</button>'
2265        +'<div class="lib-books">'+rows+'</div></div>';
2266    }).join('');
2267    eventosList.addEventListener('click',e=>{
2268      const head=e.target.closest('.lib-ghead');
2269      if(head) head.parentElement.classList.toggle('open');
2270    });
2271  }
2272
2273  const faqGroups=[
2274    {g:"Bitcoin y blockchain (básico)", vids:[
2275      {"t":"¡Las 5 Noticias más Importantes de Bitcoin Hoy!","v":"https://www.youtube.com/watch?v=Z5UY_ZtPLmM&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2276      {"t":"¡14 Curiosidades Sobre el Bloque Génesis!","v":"https://www.youtube.com/watch?v=7J6dAHXD684&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2277      {"t":"¡14 Datos Sobre el Libro Blanco!","v":"https://www.youtube.com/watch?v=0ShHqzC6UwM&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2278      {"t":"¿Qué Es Bitcoin? Entrevista Raúl Gómez MaratonMan","v":"https://www.youtube.com/watch?v=jK0iKPYh86E&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2279      {"t":"Bitcoin ¡El Mejor Consejo Antes de Invertir en Criptomonedas!","v":"https://www.youtube.com/watch?v=6Ly0CqAG7xM&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2280      {"t":"Aplicaciones Imprescindibles para Bitcoin y Criptomonedas","v":"https://www.youtube.com/watch?v=kTvxQT5kXks&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2281      {"t":"¡Bitcoin para Principiantes!","v":"https://www.youtube.com/watch?v=wjzyLDDnb6o&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2282      {"t":"Bitcoin ¿Cuánto Puedes Ganar?","v":"https://www.youtube.com/watch?v=LwVWAYw1G9o&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2283    ]},
2284    {g:"Seguridad y hardware wallets", vids:[
2285      {"t":"¡Botón de Pánico!","v":"https://www.youtube.com/watch?v=Yf6FtG3iNt
2285k&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2286      {"t":"¡IOTA Acciones Seguridad! Migración Semillas ¿Están tus IOTA Seguros?","v":"https://www.youtube.com/watch?v=pUI-VlihqjE&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2287    ]},
2288    {g:"Exchanges y plataformas", vids:[
2289      {"t":"¡Revolucionando el Trading Avanzado! Bitpanda Fusión","v":"https://www.youtube.com/watch?v=APdJ_hWyRLI&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2290      {"t":"¿Cuánto Valdrá 1 Bitcoin Después de la Aprobración del ETF? CoinW","v":"https://www.youtube.com/watch?v=6Lkr02HZMdE&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2291      {"t":"¡Bit2Me: la Mejor Plataforma de Trading para Pros!","v":"https://www.youtube.com/watch?v=BOD02KvEbyQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2292      {"t":"¡Binance Exchange Nº 1 del Mundo!","v":"https://www.youtube.com/watch?v=cgJ1pUB34Wg&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2293      {"t":"¡La Billetera más Popular para Comprar Bitcoin y Criptomonedas! Blockchain.com","v":"https://www.youtube.com/watch?v=9BtoA4M2uzI&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2294      {"t":"¡Cómo Comprar Criptomonedas más Baratas! PancakeSwap (Binance Smart Chain)","v":"https://www.youtube.com/watch?v=qFbbOEXUXtY&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2295      {"t":"¡Todo Sobre Bitpanda! ¡Ventajas que No Te Puedes Perder!","v":"https://www.youtube.com/watch?v=fXZGgV76l6A&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2296      {"t":"BitBase ¡La Forma más Fácil de Comprar Bitcoin y Criptomonedas!","v":"https://www.youtube.com/watch?v=POvm5jNbK2w&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2297      {"t":"Atani Herramienta Todo en Uno Criptomonedas","v":"https://www.youtube.com/watch?v=eJoAIFWXYBk&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2298      {"t":"¡Bit2Me! ¡El Lugar para Comprar Bitcoin y Criptomonedas!","v":"https://www.youtube.com/watch?v=49YPx3rhiEU&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2299      {"t":"¿Crypto.com a 300 $? ¡Top Criptomonedas 2020! Previsión","v":"https://www.youtube.com/watch?v=zinmHCq1DLU&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2300      {"t":"Coins ¡Una Wallet para Todo! ¡Por Fin! de CoinPaprika","v":"https://www.youtube.com/watch?v=8kvMdt8o6qE&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2301      {"t":"¡Abra, Compra Acciones Fácil!","v":"https://www.youtube.com/watch?v=AxSQYOUgShY&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2302      {"t":"¡Cómo Comprar Bitcoin Fácil!","v":"https://www.youtube.com/watch?v=AOgH5HVoagQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2303    ]},
2304    {g:"Staking y rentabilidad", vids:[
2305      {"t":"Crypto.com (Level Up) · El Truco para Sacarle más Rendimiento a tus Criptomonedas","v":"https://www.youtube.com/watch?v=FXgozEiou24&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2306      {"t":"¡La Forma de Ganar Intereses con tu Bitcoin! + Paso a Paso con M2","v":"https://www.youtube.com/watch?v=jXX0JiFtksg&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2307      {"t":"¿Cómo Ganar Dinero con Staking de Ethereum? Ledger Live & Lido","v":"https://www.youtube.com/watch?v=A8dji19bJmc&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2308      {"t":"¿Polkadot a 100 Dólares? Nuevo ¡Ledger Live Staking DOT!","v":"https://www.youtube.com/watch?v=Qej8laTlWmQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2309      {"t":"¡Cardano ADA Staking Yoroi Ledger Nano! + ¡Claim Rewards Testnet!","v":"https://www.youtube.com/watch?v=N6BxOni4hM4&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2310      {"t":"¡Todo Sobre Staking de TRON TRX!","v":"https://www.youtube.com/watch?v=vZl7dfYlUTE&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2311      {"t":"Cardano Staking Tutorial 3 Delegando los ADA","v":"https://www.youtube.com/watch?v=oOKNcj7a3ng&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2312      {"t":"¿Qué Es Tezos? Tutorial Staking en Ledger Nano S y Concurso Tezos","v":"https://www.youtube.com/watch?v=6xZAoJTmc_g&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2313      {"t":"ONTO Wallet Staking ¡4 Formas de Ganar con Ontology!","v":"https://www.youtube.com/watch?v=rBgBXuf6BlA&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2314      {"t":"Comprueba tu Staking de Cardano con Daedalus y Yoroi","v":"https://www.youtube.com/watch?v=vac7spX30jA&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2315      {"t":"Cardano Staking Tutorial","v":"https://www.youtube.com/watch?v=XS3zErxiMJ0&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2316    ]},
2317    {g:"Trading, DeFi y herramientas", vids:[
2318      {"t":"DEXTools ¡La Herramienta DEX-finitiva!","v":"https://www.youtube.com/watch?v=3ftQ__ZsnSk&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2319      {"t":"¡ParaSwap Ledger Live!","v":"https://www.youtube.com/watch?v=EX4QMxpttyo&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2320      {"t":"Cómo Crear Préstamos CDP MakerDAO DAI!","v":"https://www.youtube.com/watch?v=K2ucHhpbIEI&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2321    ]},
2322    {g:"Criptomonedas y proyectos", vids:[
2323      {"t":"¿Cómo Reclamar los Token SMR de IOTA? ¡Tutorial!","v":"https://www.youtube.com/watch?v=GfKEkLU8oGg&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2324      {"t":"¡¡ Gemas DeFi Polkadot xDAI Stake!?? ¿Cómo Comprar en Uniswap con MetaMask","v":"https://www.youtube.com/watch?v=ICB2VaMTnGY&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2325      {"t":"¡Gana la Lotería! DeFi Economía Descentralizada","v":"https://www.youtube.com/watch?v=W5QfMKgdIiA&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2326      {"t":"¡Ontology Top Cryptos - To the Moon!","v":"https://www.youtube.com/watch?v=D3ZfR47tIK0&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2327    ]},
2328    {g:"Tarjetas cripto", vids:[
2329      {"t":"¡Ethereum Fácil y Seguro con Material Bitcoin!","v":"https://www.youtube.com/watch?v=JEmC9xzK-A0&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2330      {"t":"¡Bitcoin Fácil y Seguro con Material Bitcoin!","v":"https://www.youtube.com/watch?v=z5ZjG_t4C5Y&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2331      {"t":"¡Por Fin! la Tarjeta Bybit Llega a Google Pay: ¡Gana Dinero Mientras Gastas!","v":"https://www.youtube.com/watch?v=rrpb23nKXVM&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2332      {"t":"¡Ya Estamos Ganando con la Tarjeta Crypto de Bybit! ¡Descubre Cómo Ahora!","v":"https://www.youtube.com/watch?v=1szLAXV2Fu4&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2333      {"t":"Bybit! ¡Tu Tarjeta Crypto!","v":"https://www.youtube.com/watch?v=QCsZGRhfNuU&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2334    ]},
2335    {g:"Realidad aumentada y Web3", vids:[
2336      {"t":"¡Crea y Monetiza Experiencias AR sin App Propia! OVER Instant App Te lo Permite!","v":"https://www.youtube.com/watch?v=z1KSrO0EkGg&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2337      {"t":"Gana Dinero con OVER! Mapea Paso a Paso!","v":"https://www.youtube.com/watch?v=H-rIA_vJpvA&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2338      {"t":"¡Cómo Ganar Dinero con OVER! Todo Sobre Map2Earn","v":"https://www.youtube.com/watch?v=R-Hgr-h-ZFU&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2339      {"t":"¡Todo Sobre Map2Earn! ¡Realidad Aumentada Precisa! OVER the Reality","v":"https://www.youtube.com/watch?v=WF_l49oTY3M&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2340      {"t":"¡Aprende Realidad Aumentada! ¿Qué Es?","v":"https://www.youtube.com/watch?v=-50rYDjwWyo&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2341      {"t":"¡OVER Todas las Novedades! ¿Todavía Es Posible 100$?","v":"https://www.youtube.com/watch?v=7vgt_mPxMWQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2342      {"t":"Unstoppable Domains · dCHAT ¡Descentraliza tus Chats! ¡El Futuro de la Privacidad!","v":"https://www.youtube.com/watch?v=3bucCTgFkQg&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2343      {"t":"Unstoppable Domains ¡La Descentralización de Internet! · Tutorial","v":"https://www.youtube.com/watch?v=XXDJdCeboG0&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2344    ]},
2345    {g:"Desarrollo personal", vids:[
2346      {"t":"¡10 Ideas para Mejorar tus Hábitos!","v":"https://www.youtube.com/watch?v=rF9D0Rt-jdQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2347      {"t":"¡15 Malos Hábitos que Te Impiden Desarrollar tu Potencial!","v":"https://www.youtube.com/watch?v=Y7kzRM314Vc&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2348    ]},
2349    {g:"Especiales y novedades", vids:[
2350      {"t":"¡Mañana Se Lanza UOMI! ¿La Próxima Joya de la IA en Cripto?","v":"https://www.youtube.com/watch?v=bE8uzt4PQfI&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2351      {"t":"¡Descubre tu Verdadero Origen y Secretos Genéticos con ADNtro!","v":"https://www.youtube.com/watch?v=Tz5KEIQsRSQ&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2352      {"t":"Mansion Tour ¿Dónde Vive FunOntheRide? Especial VivoSinJefes (Parte 1)","v":"https://www.youtube.com/watch?v=VEuhx5cdIx8&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2353      {"t":"¿Dónde Vive FunOntheRide? Especial VivoSinJefes (Parte 2)","v":"https://www.youtube.com/watch?v=R-iNWaBOIs4&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2354      {"t":"Gana Dinero con Amazon","v":"https://www.youtube.com/watch?v=BqAUPbgtSP4&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"},
2355      {"t":"¡888,888 KickToken! ¿Scam? ¡Cómo Eliminarlos de tu Wallet!","v":"https://www.youtube.com/watch?v=Z9noz_n_OoM&list=PLuR8_01k-_MjXle-gMos_FWTiRhFNpE_b"}
2356    ]}
2357  ];
2358  const faqList=document.getElementById('faqList');
2359  if(faqList){
2360    const faqChevSVG='<svg class="lib-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>';
2361    faqList.innerHTML=faqGroups.map(grp=>{
2362      const rows=grp.vids.map(a=>{
2363        return '<a class="lib-row" href="'+a.v+'" target="_blank" rel="noopener"><span class="lib-name">'+a.t+'</span><span class="lib-acts"><span class="lib-yt"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span></span></a>';
2364      }).join('');
2365      return '<div class="lib-group">'
2366        +'<button class="lib-ghead" type="button"><span class="lib-gname">'+grp.g+'</span>'+faqChevSVG+'</button>'
2367        +'<div class="lib-books">'+rows+'</div></div>';
2368    }).join('');
2369    faqList.addEventListener('click',e=>{
2370      const head=e.target.closest('.lib-ghead');
2371      if(head) head.parentElement.classList.toggle('open');
2372    });
2373  }
2374  function alignSides(){
2375    const center=document.querySelector('.col-center');
2376    const inners=document.querySelectorAll('.side-inner');
2377    if(!center||!inners.length) return;
2378    if(window.innerWidth<=720){
2379      inners.forEach(el=>el.style.marginTop='');
2380      return;
2381    }
2382    inners.forEach(el=>el.style.marginTop='0px');
2383    const subBtn=document.querySelector('.col-left .sub-btn');
2384    const name=document.querySelector('.identity .name');
2385    if(subBtn&&name){
2386      const delta=name.getBoundingClientRect().top-subBtn.getBoundingClientRect().top;
2387      inners.forEach(el=>el.style.marginTop=Math.max(0,delta)+'px');
2388    }
2389  }
2390  window.addEventListener('load',alignSides);
2391  window.addEventListener('resize',alignSides);
2392  document.querySelectorAll('img').forEach(img=>img.addEventListener('load',alignSides));
2393  alignSides();
2394
2395  /* ===== Remix: reorder right-column panels into the left drawer on mobile/tablet ===== */
2396  (function(){
2397    const mq=window.matchMedia('(max-width:1100px)');
2398    const leftInner=document.querySelector('.col-left .side-inner');
2399    const rightInner=document.querySelector('.col-right .side-inner');
2400    if(!leftInner||!rightInner) return;
2401    const navLabel=leftInner.querySelector('.nav-label');      // Explorar
2402    const panels=Array.from(rightInner.children);              // [Destacados, Publicidad, Bitcoin básico, Recursos]
2403    let moved=false;
2404    function apply(){
2405      if(mq.matches){
2406        if(!moved){
2407          // Order: …Contacto · Otros canales · Destacados · Publicidad · Bitcoin básico · Recursos · Explorar
2408          // ("Otros canales" ya vive en esta columna, así que el resto entra antes de "Explorar" en su orden.)
2409          panels.forEach(p=>{ if(p&&navLabel) leftInner.insertBefore(p,navLabel); });
2410          panels.forEach(p=>p&&p.classList.add('side-extra'));
2411          moved=true;
2412        }
2413      }else if(moved){
2414        panels.forEach(p=>{ if(p){ p.classList.remove('side-extra'); rightInner.appendChild(p); } });
2415        moved=false;
2416      }
2417      if(typeof alignSides==='function') setTimeout(alignSides,0);
2418    }
2419    mq.addEventListener('change',apply);
2420    apply();
2421  })();
2422
2423  /* ===== Live BTC price (Binance — real market data, same feed as TradingView) ===== */
2424  (function(){
2425    const priceEl=document.getElementById('btcPrice');
2426    const chgEl=document.getElementById('btcChg');
2427    const ticker=document.getElementById('btcTicker');
2428    if(!priceEl) return;
2429    const upSvg='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 15l6-6 6 6"/></svg>';
2430    const dnSvg='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>';
2431    const fmt=new Intl.NumberFormat('es-ES',{style:'currency',currency:'USD',maximumFractionDigits:0});
2432    let last=null,flashT=null;
2433
2434    function render(price,changePct){
2435      const prev=last;
2436      last=price;
2437      priceEl.textContent=fmt.format(price);
2438
2439      // 24h pill (always reflects the day's trend, with sign)
2440      if(typeof changePct==='number' && !isNaN(changePct)){
2441        const up24=changePct>=0;
2442        chgEl.className='btc-chg '+(up24?'up':'down');
2443        chgEl.innerHTML=(up24?upSvg:dnSvg)+(up24?'+':'')+changePct.toFixed(2)+'%';
2444      }
2445
2446      // Direction for big number + dot + border:
2447      // use the live tick (vs previous price) when we have one, else fall back to 24h trend
2448      let dir=null;
2449      if(prev!=null && price!==prev){ dir = price>prev ? 'up':'down'; }
2450      else if(prev==null && typeof changePct==='number' && !isNaN(changePct)){ dir = changePct>=0 ? 'up':'down'; }
2451
2452      if(dir){
2453        priceEl.classList.remove('up','down');
2454        priceEl.classList.add(dir);
2455        ticker.classList.remove('dir-up','dir-down');
2456        ticker.classList.add('dir-'+dir);
2457        // one-shot border glow on every move
2458        ticker.classList.remove('flash-up','flash-down');
2459        void ticker.offsetWidth;
2460        ticker.classList.add('flash-'+dir);
2461        clearTimeout(flashT);
2462        flashT=setTimeout(()=>{ ticker.classList.remove('flash-up','flash-down'); },700);
2463      }
2464    }
2465
2466    // ---- REST sources that work worldwide (price + 24h change) ----
2467    async function fetchCoinGecko(){
2468      const r=await fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd&include_24hr_change=true',{cache:'no-store'});
2469      if(!r.ok) throw 0; const d=await r.json();
2470      return {price:d.bitcoin.usd, chg:d.bitcoin.usd_24h_change};
2471    }
2472    async function fetchCoinbase(){
2473      const r=await fetch('https://api.exchange.coinbase.com/products/BTC-USD/stats',{cache:'no-store'});
2474      if(!r.ok) throw 0; const d=await r.json();
2475      const last=parseFloat(d.last), open=parseFloat(d.open);
2476      return {price:last, chg:open?((last-open)/open*100):NaN};
2477    }
2478    async function fetchBinance(){
2479      const r=await fetch('https://api.binance.com/api/v3/ticker/24hr?symbol=BTCUSDT',{cache:'no-store'});
2480      if(!r.ok) throw 0; const d=await r.json();
2481      return {price:parseFloat(d.lastPrice), chg:parseFloat(d.priceChangePercent)};
2482    }
2483    async function poll(){
2484      for(const fn of [fetchBinance,fetchCoinGecko,fetchCoinbase]){
2485        try{ const d=await fn();
2485 render(d.price,d.chg); return; }catch(_){}
2486      }
2487    }
2488
2489    // Live ticks (sub-second) via Binance WS — bonus when not geo-blocked
2490    let ws;
2491    function startWS(){
2492      try{
2493        ws=new WebSocket('wss://stream.binance.com:9443/ws/btcusdt@ticker');
2494        ws.onmessage=e=>{ const d=JSON.parse(e.data); render(parseFloat(d.c),parseFloat(d.P)); };
2495        ws.onerror=()=>{try{ws.close();}catch(_){}};
2496        ws.onclose=()=>{ setTimeout(()=>{ if(ws&&ws.readyState===3) startWS(); },15000); };
2497      }catch(_){}
2498    }
2499
2500    // Fetch a number immediately, keep polling as the reliable baseline, add WS for live flashing
2501    poll();
2502    setInterval(poll,8000);
2503    startWS();
2504  })();
2505</script>
vendor: 1 bytes, line 2505
2505
2506<script>
2507(function(){
2508  var LINK_ICO='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg>';
2509  var ARR='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>';
2510  function esc(s){return (s||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");}
2511  function setText(id,t){var e=document.getElementById(id); if(e) e.textContent=t||"";}
2512  function row(href,title,sub,ext){
2513    var tgt=ext?' target="_blank" rel="noopener"':'';
2514    return '<a class="link-item" href="'+esc(href)+'"'+tgt+'>'
2515      +'<span class="link-ico">'+LINK_ICO+'</span>'
2516      +'<span class="link-body"><span class="t">'+esc(title)+'</span><span class="u">'+esc(sub)+'</span></span>'
2517      +'<span class="arr">'+ARR+'</span></a>';
2518  }
2519  fetch("/programa-actual.json",{cache:"no-store"}).then(function(r){return r.json();}).then(function(d){
2520    var v=d.video||{};
2521    // Última Hora
2522    setText("uhFecha",(d.fecha_legible||"").toLowerCase());
2523    setText("uhTitulo",d.titulo||"");
2524    var uhV=document.getElementById("uhVideo");
2525    if(uhV){
2526      if(v.url){ uhV.href=v.url; uhV.classList.remove("soon"); }   // vídeo ya conectado → enlace real
2527      else { uhV.href="https://www.youtube.com/channel/UCRzqHl5MGQ97NBfOPTS2Yrw?sub_confirmation=1"; uhV.classList.add("soon"); }  // aún sin vídeo → "en breve"
2528    }
2529    var uhI=document.getElementById("uhThumb"); if(uhI){uhI.src=v.thumb||""; uhI.alt=d.titulo||"";}
2530    // Programa del día
2531    setText("pdFecha",d.fecha_legible||"");
2532    var rEl=document.getElementById("pdRecursos");
2533    if(rEl) rEl.innerHTML=(d.recursos||[]).map(function(x){
2534      return row(x.url,(x.ticker?x.ticker+" · ":"")+x.titulo,x.desc||"",true);
2535    }).join("");
2536    var en=d.enlaces||[], eEl=document.getElementById("pdEnlaces"), eT=document.getElementById("pdMencTitle");
2537    if(en.length){ if(eT) eT.style.display=""; if(eEl) eEl.innerHTML=en.map(function(x){
2538      return row(x.url,x.titulo,x.desc||(x.url||"").replace(/^https?:\/\/(www\.)?/,""),true);
2539    }).join(""); }
2540    // Descripción
2541    setText("pdDesc",d.descripcion||"");
2542  }).catch(function(e){ console.warn("programa-actual.json no disponible",e); });
2543})();
2544</script>
2544
2545</body>
2546</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.