.monkey-news-bar {
display: flex;
align-items: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
font-family: 'Manrope', sans-serif;
font-size: 16px;
overflow: hidden;
padding: 8px 8px;
white-space: nowrap;
}
.ticker-content * {
font-weight: normal !important;
color: inherit !important;
}
.ticker-content strong {
font-weight: bold !important;
}
.ticker-content .dot {
color: #F2285B !important;
}
.monkey-news-bar .label {
background-color: #F2285B;
color: #fff;
padding: 4px 8px;
margin-right: 10px;
font-weight: normal;
border-radius: 2px;
flex-shrink: 0;
white-space: nowrap;
}
.news-ticker {
flex: 1;
overflow: hidden;
position: relative;
}
.ticker-content {
display: inline-block;
color: #929292;
white-space: nowrap;
will-change: transform;
animation: tickerScrollRight 30s linear infinite;
}
.news-ticker:hover .ticker-content {
animation-play-state: paused;
}
.ticker-content span {
margin-right: 60px;
display: inline-block;
}
.ticker-content a {
text-decoration: none;
color: #929292;
}
.ticker-content a:hover {
text-decoration: underline;
}
@keyframes tickerScrollRight {
0% { transform: translateX(0%); }
100% { transform: translateX(-50%); }
}
fetch('https://script.google.com/macros/s/AKfycbwhLCl_3hx320t2wc0bGnzpHDRvwZsmPISs1d9EHkyD9apDHSvwlNrr06ZNuhrWXBGJgA/exec')
.then(res => res.json())
.then(noticias => {
const ticker = document.getElementById("tickerContent");
const container = document.getElementById("monkeyNewsBar");
const now = new Date();
const lang = document.documentElement.lang || 'es';
const parseFecha = (str) => {
const fecha = new Date(str);
return isNaN(fecha.getTime()) ? null : fecha;
};
const visibles = noticias
.filter(n => {
const inicio = parseFecha(n.inicia) || new Date('2000-01-01T00:00');
const fin = parseFecha(n.vence) || new Date('9999-12-31T23:59');
return now >= inicio && now {
const texto = lang.startsWith('en') ? n["texto (en)"] : n["texto (es)"];
const url = lang.startsWith('en') ? n["url (en)"] : n["url (es)"];
return `● ${texto}`;
});
if (visibles.length === 0) {
container.style.display = "none";
} else {
const htmlDuplicado = visibles.concat(visibles).join('');
ticker.innerHTML = htmlDuplicado;
requestAnimationFrame(() => {
ticker.style.animation = 'none';
void ticker.offsetWidth;
ticker.style.animation = 'tickerScrollRight 30s linear infinite';
});
}
})
.catch(err => {
document.getElementById("monkeyNewsBar").style.display = "none";
console.error('Error al cargar desde la API:', err);
});
