RD5 GOLD v14.0 - FINAL BOSS

<!DOCTYPE html>
<html lang="es">
<head>

<meta name="description" content="RD5 Network es una plataforma multimedia con radio online, TV en vivo, contenido exclusivo y aplicaciones digitales. Accedé a RD5 Radio, RD5 TV, RD5 Plus y Apps.">
<meta name="keywords" content="radio online, tv online, streaming, apps, podcast, RD5, multimedia, radio en vivo, tv en vivo">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://dorix.com.co/rd5/">

<meta property="og:title" content="RD5 Network">
<meta property="og:description" content="Radio, TV online, Apps y contenido multimedia en un solo lugar">
<meta property="og:type" content="website">
<meta property="og:url" content="https://dorix.com.co/rd5/">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "RD5 Network",
  "url": "https://dorix.com.co/rd5/",
  "description": "Plataforma digital con radio online, TV en vivo, apps y contenido multimedia"
}
</script>

/* CANVAS FONDO */
#space{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}

/* CONTENIDO */
.wrapper{
    position:relative;
    z-index:2;
    text-align:center;
}

body{
    display:flex;
    justify-content:center;
    align-items:center;
    background:
        radial-gradient(circle at center, rgba(180,30,30,0.35) 0%, transparent 55%),
        linear-gradient(180deg, #050505, #0b0b0b);
}

h1{
    margin-bottom:30px;
    font-size:28px;
    letter-spacing:4px;
    text-shadow:
        0 0 12px rgba(255,60,60,0.4);
}

.menu{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

.item{
    width:115px;
    height:115px;
    background:linear-gradient(145deg, #1a1a1a, #0e0e0e);
    border-radius:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:13px;
    transition:0.25s;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
}

.item:hover{
    transform:scale(1.07);
    box-shadow:
        0 0 18px currentColor,
        0 0 40px rgba(255,60,60,0.25);
}

.icon{
    font-size:36px;
    margin-bottom:10px;
}

/* COLORES */
.radio { color:#ff5555; }
.tv    { color:#ff2f2f; }
.plus  { color:#ffb000; }
.apps  { color:#7cff00; }

@media(max-width:600px){
    .menu{
        grid-template-columns:repeat(2, 1fr);
    }
}
</style>
</head>

<body>

<div class="wrapper">

<header>
        <h1>RD5 NETWORK</h1>
        <p style="font-size:12px; opacity:0.7;">
            Plataforma multimedia con radio online, TV en vivo, aplicaciones y contenido digital
        </p>
    </header>

<a href="https://dorix.com.co/rd5/rd5.html" class="item radio">
            <div class="icon">📻</div>
            <span>RD5 RADIO - CELULAR</span>
        </a>

<a href="https://dorix.com.co/rd5tv/tv.php" class="item tv">
            <div class="icon">📺</div>
            <span>RD5 TV - Ver transmisión en vivo</span>
        </a>

<a href="https://dorix.com.co/rd5/rd5-plus.html" class="item plus">
            <div class="icon">➕</div>
            <span>RD5 PLUS - Contenido exclusivo</span>
        </a>

<a href="https://dorix.com.co/rd5/tienda.html" class="item apps">
            <div class="icon">📱</div>
            <span>Apps - Aplicaciones RD5</span>
        </a>

</nav>

</div>

let w, h;
function resize(){
    w = canvas.width = window.innerWidth;
    h = canvas.height = window.innerHeight;
}
window.addEventListener("resize", resize);
resize();

const stars = [];
const STAR_COUNT = 400;

for(let i=0;i<STAR_COUNT;i++){
    stars.push({
        x: Math.random()*w - w/2,
        y: Math.random()*h - h/2,
        z: Math.random()*w
    });
}

function draw(){
    ctx.clearRect(0,0,w,h);
    ctx.fillStyle = "#fff";

for(let s of stars){
        s.z -= 4;
        if(s.z <= 0){
            s.z = w;
            s.x = Math.random()*w - w/2;
            s.y = Math.random()*h - h/2;
        }

const k = 128 / s.z;
        const px = s.x * k + w/2;
        const py = s.y * k + h/2;

if(px >= 0 && px <= w && py >= 0 && py <= h){
            const size = (1 - s.z / w) * 2;
            ctx.fillRect(px, py, size, size);
        }
    }

requestAnimationFrame(draw);
}
draw();
</script>

</body>
</html>