Tarde de convivencia entre voluntarios de CaixaBank y el Centro Ocupacional El Lucero

El encuentro tuvo lugar en el entorno natural de Los Nacimientos, en la zona recreativa de Játar.

Játar, 27 de mayo de 2025 – En un ambiente festivo y de compañerismo, los voluntarios de CaixaBank compartieron una jornada muy especial con los usuarios del Centro de Día Ocupacional El Lucero, perteneciente a la Mancomunidad de Municipios de la Comarca de Alhama. El encuentro tuvo lugar en el entorno natural de Los Nacimientos, en la zona recreativa de Játar, y ha sido la tercera edición de esta entrañable actividad conjunta.

 La tarde comenzó a las 17:00 horas con una calurosa bienvenida entre los participantes, ya que muchos de ellos ya se conocían de encuentros anteriores. Posteriormente, se organizaron en grupos para disfrutar de juegos tradicionales y de una animada partida de petanca. Tras los juegos, todos compartieron una rica merienda que dio paso a un espontáneo grupo de baile, símbolo del buen ambiente que reinaba en la jornada.

 El acto contó con la presencia de autoridades locales y representantes institucionales como Ana Belén Fernández Navas, presidenta de la Mancomunidad; Juan Grande, presidente de la Asociación ACADIS; y Rosi Arrabal voluntaria de la Asociación prestando su servicio en el Lucero. También estuvieron presentes como voluntarios José María Zafra, jefe de zona de CaixaBank, y María José García, directora de la oficina de Alhama, quienes mostraron gran interés por seguir colaborando con la Asociación.

 Esta actividad del programa de voluntariado corporativo de CaixaBank, tiene como objetivo fomentar la inclusión y el apoyo a colectivos vulnerables. A lo largo de estos tres años, la colaboración con la Asociación ACADIS para su aplicación en El Lucero ha dado frutos tangibles, como la reciente dotación de 20 tablets para el alumnado y una equipación deportiva completa.

 Una vez más, la solidaridad, la cercanía y el compromiso social fueron los verdaderos protagonistas de una tarde inolvidable.

{source}<!-- 🎯 CONFIGURACIÓN CLARA Y MODIFICABLE -->
<script>
const audioURL = "https://ia601207.us.archive.org/24/items/2025-06-05-mujeres-pioneras-las-ninas-del-balonmano/2025-06-05-Convivencia-CaixaBank-y-El-Lucero.mp3";

// 🟡 TÍTULO PERSONALIZADO (dejar "" para usar el nombre del archivo automáticamente) — tamaño fuente: 16px
const customTitle = "";

// 🔴 MENSAJE DE TEXTO DEBAJO DEL REPRODUCTOR — tamaño fuente: 15px
const mensajeComentario = "Comenta esta noticia, envía un audio al 628 669 460";

// ⏳ FECHA DE CADUCIDAD (formato AAAA-MM-DD) — dejar "" para mostrar siempre
const fechaLimiteMensaje = "2025-05-23";
</script>

<!-- 🎧 REPRODUCTOR CON DISEÑO RESPONSIVE Y MENSAJE CONTROLADO -->
<div style="max-width:460px;margin:1em auto;border-radius:12px;font-family:sans-serif;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2);">
<div style="padding:1em;background:linear-gradient(135deg,#a00000,#d10000);color:white;">
<div style="font-weight:bold;font-size:20px;color:yellow;">Radio Alhama en Internet</div>
<div id="audio-title" style="font-size:16px;margin-bottom:0.5em;"></div>

<audio id="alhama-audio" preload="metadata">
<source id="audio-source" type="audio/mpeg">
</audio>

<div style="display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;">
<button onclick="audio.play()" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">▶</button>
<button onclick="audio.pause()" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">❚❚</button>
<button onclick="audio.currentTime=0" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">↻</button>
<span id="duration" style="font-size:14px;">0:00</span>
<input type="range" id="progress" value="0" step="1" min="0" style="flex:1;height:4px;accent-color:#c080ff;">
<span id="current" style="font-size:14px;">0:00</span>
</div>
</div>

<!-- 🔴 MENSAJE FINAL, SIN CORTES INNECESARIOS -->
<div id="comentario-audio" style="display:none;padding:0.6em 1em;background:white;color:red;font-size:15px;text-align:center;white-space:nowrap;overflow-x:auto;"></div>
</div>

<script>
const audio = document.getElementById('alhama-audio');
const source = document.getElementById('audio-source');
const title = document.getElementById('audio-title');
const current = document.getElementById('current');
const duration = document.getElementById('duration');
const progress = document.getElementById('progress');

// Cargar audio
source.src = audioURL;
audio.load();
const fallbackTitle = decodeURIComponent(audioURL.split('/').pop().replace('.mp3','')).replace(/[-_]/g,' ').replace(/\b\w/g,c=>c.toUpperCase());
title.textContent = customTitle || fallbackTitle;

// Formato de tiempo
function formatTime(s){const m=Math.floor(s/60),sec=Math.floor(s%60);return `${m}:${sec.toString().padStart(2,'0')}`}
audio.addEventListener('loadedmetadata', ()=>{progress.max=Math.floor(audio.duration);duration.textContent=formatTime(audio.duration)});
setTimeout(()=>{if(audio.duration && duration.textContent==="0:00"){progress.max=Math.floor(audio.duration);duration.textContent=formatTime(audio.duration)}},1500);
audio.addEventListener('timeupdate', ()=>{progress.value=Math.floor(audio.currentTime);current.textContent=formatTime(audio.currentTime)});
progress.addEventListener('input', ()=>{audio.currentTime=progress.value});

// Mostrar mensaje si corresponde
const msgBox = document.getElementById("comentario-audio");
const hoy = new Date(), limite = fechaLimiteMensaje ? new Date(fechaLimiteMensaje + "T23:59:59") : null;
if (mensajeComentario && (!limite || hoy <= limite)) {
msgBox.textContent = mensajeComentario;
msgBox.style.display = "block";
}
</script>{/source}