Opinión

¿Hay alguien al timón?

(Foto: malasombra).
Rafael M. Martos | Jueves 05 de septiembre de 2024

Cuando se navega en aguas inciertas, lo mínimo que se espera es una mano firme en el timón, una guía clara que dirija el rumbo. Sin embargo, en algunos momentos, la pregunta inevitable que surge es: “¿Hay alguien al timón?”. Esta expresión se convierte en un eco constante en la mente de aquellos que observan, con desconcierto, cómo el barco parece moverse sin dirección, como si las corrientes lo arrastraran sin resistencia y la brújula estuviera rota o, peor aún, ignorada.

Widget de Noticias RSS * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; } .news-widget { width: 100%; max-width: 800px; background-color: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #e1e5e9; } .widget-header { background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); color: white; padding: 20px; text-align: center; position: relative; } .widget-header h2 { font-size: 1.8rem; font-weight: 600; margin-bottom: 5px; } .widget-header p { opacity: 0.9; font-size: 0.95rem; } .rss-icon { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background-color: #ff6600; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold; } .news-list { padding: 0; } .news-item { display: flex; padding: 18px 20px; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; cursor: pointer; width: 100%; } .news-item:hover { background-color: #f8fafc; transform: translateX(5px); } .news-item:last-child { border-bottom: none; } .news-number { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #3498db; color: white; border-radius: 50%; font-weight: bold; margin-right: 15px; flex-shrink: 0; } .news-content { flex: 1; width: calc(100% - 45px); } .news-title { font-size: 1.1rem; font-weight: 600; color: #2c3e50; margin-bottom: 5px; line-height: 1.4; width: 100%; word-wrap: break-word; } .news-date { font-size: 0.85rem; color: #7f8c8d; width: 100%; } .external-link { color: #3498db; font-size: 0.9rem; margin-top: 5px; display: inline-block; } .widget-footer { padding: 15px 20px; text-align: center; background-color: #f8fafc; border-top: 1px solid #e1e5e9; color: #7f8c8d; font-size: 0.9rem; } .loading { padding: 40px 20px; text-align: center; color: #7f8c8d; } .error { padding: 40px 20px; text-align: center; color: #e74c3c; background-color: #fdf2f2; } @media (max-width: 600px) { .news-item { flex-direction: column; } .news-number { margin-bottom: 10px; } .widget-header h2 { font-size: 1.5rem; } }

Últimas Noticias

Mantente informado con las últimas novedades

RSS
Cargando noticias...
document.addEventListener('DOMContentLoaded', function() { const rssUrl = 'https://www.noticiasdealmeria.com/rss/ultimasNoticias/'; const newsList = document.getElementById('newsList'); // Datos de ejemplo para mostrar el diseño (en caso de que el RSS no funcione) const sampleNews = [ { title: 'El Ayuntamiento anuncia nuevas medidas para mejorar el tráfico en el centro', link: '#', date: '12 de noviembre de 2025' }, { title: 'Inaugurado el nuevo parque empresarial con más de 50 empresas', link: '#', date: '11 de noviembre de 2025' }, { title: 'La Universidad presenta su plan de expansión para el próximo año', link: '#', date: '10 de noviembre de 2025' }, { title: 'Celebración del festival gastronómico con participantes internacionales', link: '#', date: '9 de noviembre de 2025' }, { title: 'Nuevo proyecto de sostenibilidad para proteger las zonas naturales', link: '#', date: '8 de noviembre de 2025' } ]; // Función para mostrar noticias de ejemplo function displaySampleNews() { newsList.innerHTML = ''; sampleNews.forEach((news, index) => { const newsItem = document.createElement('div'); newsItem.className = 'news-item'; newsItem.onclick = () => window.open(news.link, '_blank'); newsItem.innerHTML = `
${index + 1}
${news.title}
${news.date}