El tiempo que vivimos

¿No habrán de volver nunca los momentos vividos?

El tiempo que vivimos

¿No habrán de volver nunca
los momentos vividos?
¿El hoy es ya pasado
como lo es el ayer?

Añoramos a veces,
porque ya los perdimos,
amores, ilusiones,
 proyectos por hacer. 

Pero, ¿en verdad se fueron?
¿O tan solo, dormidos,
esperan la luz nueva
de un nuevo amanecer?

Sé que no volverá
el tiempo que vivimos.
Sé que no volverá…
porque nunca se fue.

Santa Cruz, abril 2025
Luis Hinojosa D. 

{source}<!-- 🎯 CONFIGURACIÓN CLARA Y MODIFICABLE -->
<script>
const audioURL = "https://archive.org/download/2025-05-01-pedro-del-campo-perez-farmacia-y-botanica/2025-05-03-Espacio-literario-El-tiempo-que-vivimos.mp3";

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

// 🔴 MENSAJE DE TEXTO DEBAJO DEL REPRODUCTOR — tamaño fuente: 15px
const mensajeComentario = "Puedes comentar esta noticia enviando un audio al 628 669 460";

// ⏳ FECHA DE CADUCIDAD (formato AAAA-MM-DD) — dejar "" para mostrar siempre
const fechaLimiteMensaje = "2025-05-11";
</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}