Quiero que vengas conmigo

Quiero que vengas conmigo / a aquellos verdes trigales...

Quiero que vengas conmigo

Quiero que vengas conmigo
al río de nuestra infancia,
donde a tu cuerpo y al mío
los acariciaba el agua.

Quiero que vengas conmigo
a aquellos verdes trigales
acunados por las brisas
de tardes primaverales.

Quiero que vengas conmigo
a las montañas, al mar,
a un cielo lleno de estrellas
que quisimos alcanzar. 
 
Quiero que vengas conmigo
y sentirte junto a mí…
antes de que un viento helado
me lleve lejos de ti.

Santa Cruz, mayo 2025
Luis Hinojosa D.

{source}<!-- 🎯 CONFIGURACIÓN CLARA Y MODIFICABLE -->
<script>
const audioURL = "https://dn720708.ca.archive.org/0/items/2025-05-31-poemas-de-memoria-y-amistad-joaquin-mq/2025-05-31-E-Literario-Quiero-que-vengas-conmigo-LHD.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}