#bmi-bn-wrap{font-family:»Plus Jakarta Sans»,system-ui,sans-serif;background:#070d1a;min-height:800px;margin:20px auto;padding:0;max-width:960px;box-sizing:border-box;border-radius:16px;overflow:hidden;border:1px solid rgba(212,175,55,0.15);box-shadow:0 15px 45px rgba(0,0,0,0.4);} @keyframes bn-ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} @keyframes bn-pulse{0%,100%{opacity:1}50%{opacity:.3}} #bmi-bn-ticker-bar{background:#0b1225;border-bottom:1px solid rgba(212,175,55,.2);height:72px;display:flex;align-items:center;overflow:hidden;position:sticky;top:0;z-index:50;} #bmi-bn-badge{background:#dc2626;color:#fff;font-size:13px;font-weight:800;padding:0 18px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;height:100%;display:flex;align-items:center;gap:8px;flex-shrink:0;} #bmi-bn-dot{width:10px;height:10px;background:#fff;border-radius:50%;animation:bn-pulse 1.5s infinite;} #bmi-bn-overflow{overflow:hidden;flex:1;height:100%;display:flex;align-items:center;position:relative;} #bmi-bn-overflow::before{content:»»;position:absolute;left:0;top:0;height:100%;width:40px;background:linear-gradient(to right,#0b1225,transparent);z-index:1;} #bmi-bn-track{display:flex;white-space:nowrap;will-change:transform;} #bmi-bn-track.animate{animation:bn-ticker-scroll var(–dur,40s) linear infinite;} .bmi-bn-ti{color:#e2e8f0;font-size:16px;font-weight:600;padding:0 40px;white-space:nowrap;} .bmi-bn-ti span.sep{color:#D4AF37;padding:0 8px;} #bmi-bn-header{padding:48px 32px 32px;max-width:900px;margin:0 auto;} #bmi-bn-header h1{font-size:32px;font-weight:900;color:#fff;margin:0 0 8px;} #bmi-bn-header p{color:#6b7280;font-size:14px;margin:0;} #bmi-bn-header .bmi-bn-live{display:inline-flex;align-items:center;gap:6px;background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.3);color:#f87171;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:16px;} #bmi-bn-feed{max-width:900px;margin:0 auto;padding:0 32px 60px;} .bmi-bn-item{background:#0b1225;border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:22px 26px;margin-bottom:14px;transition:border-color .2s;} .bmi-bn-item:hover{border-color:rgba(212,175,55,.35);} .bmi-bn-item-head{display:flex;gap:14px;align-items:flex-start;} .bmi-bn-item-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;margin-top:9px;flex-shrink:0;} .bmi-bn-item-body{flex:1;min-width:0;} .bmi-bn-item-title{font-size:17px;font-weight:700;color:#fff;line-height:1.45;margin:0 0 8px;} .bmi-bn-item-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;} .bmi-bn-item-source{background:rgba(212,175,55,.12);color:#D4AF37;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:3px;} .bmi-bn-item-time{color:#6b7280;font-size:11.5px;} .bmi-bn-item-link{color:#D4AF37;font-size:12px;text-decoration:none;font-weight:600;margin-left:auto;} .bmi-bn-item-link:hover{text-decoration:underline;color:#E5C453;} .bmi-bn-item-summary{color:#C2D6ED;font-size:14.5px;line-height:1.6;margin:14px 0 0 22px;padding-top:12px;border-top:1px solid rgba(212,175,55,.08);} .bmi-bn-bullets{list-style:none;padding:0;margin:14px 0 0 22px;padding-top:12px;border-top:1px solid rgba(212,175,55,.08);} .bmi-bn-bullets li{position:relative;color:#C2D6ED;font-size:14.5px;line-height:1.55;padding:5px 0 5px 18px;} .bmi-bn-bullets li::before{content:»▸»;position:absolute;left:0;color:#D4AF37;font-weight:700;} #bmi-bn-refresh{text-align:center;color:#374151;font-size:11px;padding:16px;letter-spacing:0.5px;} #bmi-bn-refresh span{color:#D4AF37;} @media(max-width:768px){ #bmi-bn-wrap{margin:10px;width:auto;min-height:auto;border-radius:12px;} #bmi-bn-header,#bmi-bn-feed{padding-left:16px;padding-right:16px;} #bmi-bn-header h1{font-size:24px;} .bmi-bn-ti{font-size:13px;padding:0 24px;} .bmi-bn-item{padding:18px;} .bmi-bn-item-summary,.bmi-bn-bullets{margin-left:0;} } (function(){ function escHtml(s) { return String(s||»»).replace(/&/g,»&»).replace(//g,»>»).replace(/»/g,»"»); } function timeAgo(ts) { var diff = Math.floor((Date.now()/1000) – ts); if(diff < 60) return "Justo ahora"; if(diff < 3600) return "hace " + Math.floor(diff/60) + " min."; if(diff < 86400) return "hace " + Math.floor(diff/3600) + " h."; return "hace " + Math.floor(diff/86400) + " día(s)"; } function render(news) { // Ticker var items = news.slice(0,10).map(function(n){ return escHtml(n.title); }); var joined = items.join(" ● "); var dup = joined + " ● " + joined; var track = document.getElementById("bmi-bn-track"); if(track) { track.innerHTML = "» + dup + ««; var dur = Math.max(35, Math.round(joined.length * 0.13)) + «s»; track.style.setProperty(«–dur», dur); track.classList.add(«animate»); } // Feed with summary/bullets var list = document.getElementById(«bmi-bn-list»); if(list) { list.innerHTML = news.map(function(n){ var titleHtml = escHtml(n.title); var sourceHtml = n.source ? «» + escHtml(n.source) + «» : «»; var timeHtml = «» + timeAgo(n.time) + ««; var linkHtml = n.url ? «Fuente →» : «»; var bodyHtml = «»; var bullets = (n.bullets && n.bullets.length) ? n.bullets : null; if (bullets && bullets.length > 1) { bodyHtml = «

» + bullets.map(function(b){ return «
• » + escHtml(b) + «
«; }).join(«») + «

«; } else if (n.summary && n.summary.length > 20) { bodyHtml = «

» + escHtml(n.summary) + «

«; } else if (bullets && bullets.length === 1) { bodyHtml = «

» + escHtml(bullets[0]) + «

«; } return ««; }).join(«»); } var ts = document.getElementById(«bmi-bn-ts»); if(ts) ts.textContent = new Date().toLocaleTimeString(«es-ES»); } function load() { fetch(«/data/news_es.json?t=» + Date.now()) .then(function(r){ return r.json(); }) .then(function(d){ render(d.news || []); }) .catch(function(){}); } load(); setInterval(load, 60000); })();