RD5 GOLD v14.0 - FINAL BOSS

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>RD5+ RADIO</title>
<style>
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    color: white;
}

/* Header */
header {
    padding: 10px 20px;
}

header .logo {
    font-size: 32px;
    font-weight: bold;
    color: orange;
    text-align: left;
}

header .sublogo {
    font-size: 16px;
    color: white;
    text-align: left;
    margin-top: 5px;
}

img, iframe {
    margin: 10px 0;
    border: 0;
}

hr {
    border: 1px solid #fff;
    width: 80%;
    margin: 20px auto;
}

.embebidos {
    text-align: center;
}

/* Canvas de fondo de estrellas */
#stars-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* detrás de todo */
    background-color: #2E1109;
}
</style>
</head>
<body>

<header>
    <div class="logo">RD5+ <FONT SIZE="3"> RADIODIMENSION CINCO - Buenos Aires Argentina</div>
    <img src="https://dorix.com.co/rd5-plus/linea.jpg" width="100%" height="3">
</header>

<br>

<br>

<script type="text/javascript">
var sc_project=12985655; 
var sc_invisible=0; 
var sc_security="c7af76bc"; 
var scJsHost = "https://";
document.write("<sc"+"ript type='text/javascript' src='" + scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript>
<div class="statcounter">
    <a title="Web Analytics Made Easy - Statcounter" href="https://statcounter.com/" target="_blank">
        <img class="statcounter" src="https://c.statcounter.com/12985655/0/c7af76bc/0/" alt="Web Analytics Made Easy - Statcounter">
    </a>
</div>
</noscript>

<hr>
<CENTER>
<img src="https://dorix.com.co/logodorix.jpg" width="50px">
plataforma DORIX - 2019-2026
<a href="https://api.whatsapp.com/send?phone=+5491123022158" target="_blank">
    <img src="https://dorix.com.co/wapp.jpg" width="50px">
</a>

<hr>

<script>
const canvas = document.getElementById('stars-canvas');
const ctx = canvas.getContext('2d');
let stars = [];
let w = canvas.width = window.innerWidth;
let h = canvas.height = window.innerHeight;

function drawStars() {
    ctx.clearRect(0,0,w,h);
    ctx.fillStyle = "white";
    ctx.beginPath();
    stars.forEach(s => {
        ctx.moveTo(s.x, s.y);
        ctx.arc(s.x, s.y, s.r, 0, Math.PI*2, true);
    });
    ctx.fill();
    updateStars();
}

let angle = 0;
function updateStars() {
    angle += 0.01;
    stars.forEach(s => {
        s.y += s.d;
        s.x += Math.sin(angle) * 0.5;
        if(s.y > h) s.y = 0;
        if(s.x > w) s.x = 0;
        if(s.x < 0) s.x = w;
    });
    requestAnimationFrame(drawStars);
}

window.addEventListener('resize', () => {
    w = canvas.width = window.innerWidth;
    h = canvas.height = window.innerHeight;
    initStars(150);
});

initStars(150);
drawStars();
</script>

</body>
</html>