Radio 360 | La radio que conecta contigo<\/title><br \/>\n<meta name=\"description\" content=\"Radio 360 - La radio online que conecta contigo. Esc\u00fachanos en vivo.\"><\/p>\n<style>\n*{\n margin:0;\n padding:0;\n box-sizing:border-box;\n}<\/p>\n<p>html{\n scroll-behavior:smooth;\n}<\/p>\n<p>body{\n font-family:Arial, Helvetica, sans-serif;\n background:#080b10;\n color:white;\n overflow-x:hidden;\n}<\/p>\n<p>a{\n color:inherit;\n text-decoration:none;\n}<\/p>\n<p>\/* ================= HEADER ================= *\/<\/p>\n<p>header{\n position:fixed;\n top:0;\n left:0;\n width:100%;\n z-index:1000;\n background:rgba(5,8,13,.85);\n backdrop-filter:blur(15px);\n border-bottom:1px solid rgba(255,255,255,.08);\n}<\/p>\n<p>.navbar{\n max-width:1200px;\n margin:auto;\n height:75px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:0 25px;\n}<\/p>\n<p>.logo{\n font-size:28px;\n font-weight:900;\n letter-spacing:-1px;\n}<\/p>\n<p>.logo span{\n color:#168cff;\n}<\/p>\n<p>nav{\n display:flex;\n gap:28px;\n}<\/p>\n<p>nav a{\n font-size:14px;\n color:#d9dce1;\n transition:.3s;\n}<\/p>\n<p>nav a:hover{\n color:#168cff;\n}<\/p>\n<p>.menu{\n display:none;\n font-size:28px;\n cursor:pointer;\n}<\/p>\n<p>\/* ================= HERO ================= *\/<\/p>\n<p>.hero{\n min-height:760px;\n display:flex;\n align-items:center;\n justify-content:center;\n text-align:center;\n position:relative;\n padding:120px 20px 180px;\n background:\n radial-gradient(circle at center,rgba(0,105,255,.22),transparent 40%),\n linear-gradient(180deg,#080b10,#05070a);\n overflow:hidden;\n}<\/p>\n<p>.hero::before{\n content:\"\";\n position:absolute;\n width:600px;\n height:600px;\n background:#006eff;\n opacity:.08;\n filter:blur(120px);\n border-radius:50%;\n}<\/p>\n<p>.hero-content{\n position:relative;\n z-index:2;\n max-width:850px;\n}<\/p>\n<p>.live{\n display:inline-flex;\n align-items:center;\n gap:8px;\n background:rgba(255,40,40,.1);\n border:1px solid rgba(255,50,50,.3);\n padding:8px 15px;\n border-radius:30px;\n font-size:12px;\n font-weight:bold;\n margin-bottom:25px;\n}<\/p>\n<p>.live-dot{\n width:8px;\n height:8px;\n background:#ff3030;\n border-radius:50%;\n animation:pulse 1.3s infinite;\n}<\/p>\n<p>@keyframes pulse{\n 0%{box-shadow:0 0 0 0 rgba(255,40,40,.7)}\n 70%{box-shadow:0 0 0 10px rgba(255,40,40,0)}\n 100%{box-shadow:0 0 0 0 rgba(255,40,40,0)}\n}<\/p>\n<p>.hero h1{\n font-size:clamp(55px,9vw,110px);\n font-weight:900;\n letter-spacing:-5px;\n line-height:.9;\n}<\/p>\n<p>.hero h1 span{\n color:#168cff;\n}<\/p>\n<p>.hero p{\n margin:30px auto;\n max-width:600px;\n color:#aeb5bf;\n font-size:18px;\n}<\/p>\n<p>.hero-button{\n display:inline-flex;\n align-items:center;\n gap:10px;\n background:#168cff;\n padding:15px 28px;\n border-radius:40px;\n font-weight:bold;\n transition:.3s;\n box-shadow:0 10px 40px rgba(22,140,255,.25);\n}<\/p>\n<p>.hero-button:hover{\n transform:translateY(-3px);\n box-shadow:0 15px 50px rgba(22,140,255,.4);\n}<\/p>\n<p>\/* ================= SECTIONS ================= *\/<\/p>\n<p>section{\n max-width:1200px;\n margin:auto;\n padding:100px 25px;\n}<\/p>\n<p>.section-title{\n margin-bottom:45px;\n}<\/p>\n<p>.section-title small{\n color:#168cff;\n text-transform:uppercase;\n letter-spacing:3px;\n font-size:11px;\n font-weight:bold;\n}<\/p>\n<p>.section-title h2{\n font-size:42px;\n margin-top:8px;\n}<\/p>\n<p>\/* ================= PLAYER ================= *\/<\/p>\n<p>.player-section{\n margin-top:-110px;\n position:relative;\n z-index:20;\n}<\/p>\n<p>.player{\n max-width:1000px;\n margin:auto;\n padding:25px;\n border-radius:25px;\n background:linear-gradient(135deg,rgba(25,31,42,.95),rgba(9,12,17,.95));\n border:1px solid rgba(255,255,255,.1);\n box-shadow:0 30px 80px rgba(0,0,0,.5);\n display:flex;\n align-items:center;\n gap:25px;\n}<\/p>\n<p>.cover{\n width:90px;\n height:90px;\n border-radius:18px;\n background:linear-gradient(135deg,#006eff,#111827);\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:32px;\n box-shadow:0 10px 30px rgba(0,100,255,.25);\n}<\/p>\n<p>.song-info{\n flex:1;\n}<\/p>\n<p>.song-info small{\n color:#168cff;\n font-weight:bold;\n}<\/p>\n<p>.song-info h3{\n margin-top:7px;\n font-size:20px;\n}<\/p>\n<p>.song-info p{\n margin-top:5px;\n color:#89919c;\n}<\/p>\n<p>.play-button{\n width:75px;\n height:75px;\n border-radius:50%;\n border:none;\n cursor:pointer;\n background:#168cff;\n color:white;\n font-size:28px;\n display:flex;\n align-items:center;\n justify-content:center;\n box-shadow:0 0 0 rgba(22,140,255,0);\n transition:.3s;\n}<\/p>\n<p>.play-button:hover{\n transform:scale(1.08);\n box-shadow:0 0 35px rgba(22,140,255,.6);\n}<\/p>\n<p>.play-button.playing{\n animation:playerGlow 2s infinite;\n}<\/p>\n<p>@keyframes playerGlow{\n 0%,100%{box-shadow:0 0 15px rgba(22,140,255,.35)}\n 50%{box-shadow:0 0 40px rgba(22,140,255,.75)}\n}<\/p>\n<p>.volume{\n width:100px;\n}<\/p>\n<p>.volume input{\n width:100%;\n}<\/p>\n<p>\/* ================= CARDS ================= *\/<\/p>\n<p>.cards{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:20px;\n}<\/p>\n<p>.card{\n background:#10151d;\n border:1px solid rgba(255,255,255,.07);\n border-radius:18px;\n padding:25px;\n transition:.3s;\n}<\/p>\n<p>.card:hover{\n transform:translateY(-6px);\n border-color:rgba(22,140,255,.5);\n}<\/p>\n<p>.card-image{\n height:180px;\n border-radius:14px;\n background:linear-gradient(135deg,#151b25,#006eff);\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:45px;\n margin-bottom:20px;\n}<\/p>\n<p>.card h3{\n margin-bottom:10px;\n}<\/p>\n<p>.card p{\n color:#89919c;\n line-height:1.6;\n}<\/p>\n<p>\/* ================= SCHEDULE ================= *\/<\/p>\n<p>.schedule{\n display:grid;\n gap:12px;\n}<\/p>\n<p>.schedule-item{\n display:flex;\n align-items:center;\n justify-content:space-between;\n background:#10151d;\n padding:20px;\n border-radius:15px;\n border:1px solid rgba(255,255,255,.06);\n}<\/p>\n<p>.schedule-item strong{\n color:#168cff;\n}<\/p>\n<p>.schedule-item span{\n color:#aab1bb;\n}<\/p>\n<p>\/* ================= SOCIAL ================= *\/<\/p>\n<p>.social{\n display:flex;\n gap:15px;\n flex-wrap:wrap;\n}<\/p>\n<p>.social a{\n padding:13px 20px;\n border-radius:30px;\n background:#111720;\n border:1px solid rgba(255,255,255,.08);\n transition:.3s;\n}<\/p>\n<p>.social a:hover{\n background:#168cff;\n}<\/p>\n<p>\/* ================= FOOTER ================= *\/<\/p>\n<p>footer{\n border-top:1px solid rgba(255,255,255,.08);\n padding:50px 25px 130px;\n text-align:center;\n color:#78808b;\n}<\/p>\n<p>footer strong{\n color:white;\n}<\/p>\n<p>\/* ================= RESPONSIVE ================= *\/<\/p>\n<p>@media(max-width:800px){<\/p>\n<p> nav{\n display:none;\n position:absolute;\n top:75px;\n left:0;\n width:100%;\n background:#080b10;\n flex-direction:column;\n padding:25px;\n text-align:center;\n }<\/p>\n<p> nav.active{\n display:flex;\n }<\/p>\n<p> .menu{\n display:block;\n }<\/p>\n<p> .cards{\n grid-template-columns:1fr;\n }<\/p>\n<p> .player{\n flex-wrap:wrap;\n }<\/p>\n<p> .song-info{\n min-width:calc(100% - 120px);\n }<\/p>\n<p> .volume{\n width:100%;\n }<\/p>\n<p> .hero h1{\n letter-spacing:-3px;\n }<\/p>\n<p>}\n<\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<header>\n<div class=\"navbar\">\n<div class=\"logo\">\nRADIO <span>360<\/span>\n<\/div>\n<div class=\"menu\" onclick=\"toggleMenu()\">\u2630<\/div>\n<nav id=\"nav\">\n<a href=\"#inicio\">Inicio<\/a><br \/>\n<a href=\"#programacion\">Programaci\u00f3n<\/a><br \/>\n<a href=\"#podcasts\">Podcasts<\/a><br \/>\n<a href=\"#noticias\">Noticias<\/a><br \/>\n<a href=\"#locutores\">Locutores<\/a><br \/>\n<a href=\"#contacto\">Contacto<\/a><br \/>\n<\/nav>\n<\/div>\n<\/header>\n<p><\/p>\n<p><main id=\"inicio\"><\/p>\n<section class=\"hero\">\n<div class=\"hero-content\">\n<div class=\"live\">\n<span class=\"live-dot\"><\/span><br \/>\nRADIO 360 \u00b7 EN VIVO\n<\/div>\n<h1>\nRADIO <span>360<\/span><br \/>\n<\/h1>\n<p>\nLa radio que conecta contigo.<br \/>\nM\u00fasica, programas y entretenimiento online desde Costa Rica.\n<\/p>\n<p><a href=\"#player\" class=\"hero-button\"><br \/>\n\u25b6 Escuchar en Vivo<br \/>\n<\/a><\/p>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"player-section\" id=\"player\">\n<div class=\"player\">\n<div class=\"cover\">\n\ud83c\udf99\ufe0f\n<\/div>\n<div class=\"song-info\">\n<small>\u25cf EN VIVO<\/small><\/p>\n<h3 id=\"song\">Radio 360<\/h3>\n<p id=\"artist\">La radio que conecta contigo<\/p>\n<\/div>\n<p><button class=\"play-button\" id=\"playButton\"><br \/>\n\u25b6<br \/>\n<\/button><\/p>\n<div class=\"volume\">\n<input\ntype=\"range\"\nmin=\"0\"\nmax=\"1\"\nstep=\"0.01\"\nvalue=\"0.8\"\nid=\"volume\">\n<\/div>\n<\/div>\n<p><audio id=\"radioAudio\" preload=\"none\"><\/audio><\/p>\n<\/section>\n<p><\/p>\n<section>\n<div class=\"section-title\">\n<small>Radio 360<\/small><\/p>\n<h2>Programas destacados<\/h2>\n<\/div>\n<div class=\"cards\">\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udf99\ufe0f<\/div>\n<h3>Conexi\u00f3n<\/h3>\n<p>La m\u00fasica y entretenimiento que te acompa\u00f1an durante el d\u00eda.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udfa7<\/div>\n<h3>Radio 360 En Vivo<\/h3>\n<p>Disfruta nuestra programaci\u00f3n online est\u00e9s donde est\u00e9s.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83d\udd25<\/div>\n<h3>Especiales 360<\/h3>\n<p>Programas, entrevistas y contenido especial de Radio 360.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section id=\"programacion\">\n<div class=\"section-title\">\n<small>Horario<\/small><\/p>\n<h2>Programaci\u00f3n<\/h2>\n<\/div>\n<div class=\"schedule\">\n<div class=\"schedule-item\">\n<strong>01:00 PM<\/strong><br \/>\n<span>Conexi\u00f3n<\/span><br \/>\n<b>Radio 360<\/b>\n<\/div>\n<div class=\"schedule-item\">\n<strong>03:00 PM<\/strong><br \/>\n<span>Programaci\u00f3n musical<\/span><br \/>\n<b>Radio 360<\/b>\n<\/div>\n<div class=\"schedule-item\">\n<strong>06:00 PM<\/strong><br \/>\n<span>Especial 360<\/span><br \/>\n<b>Radio 360<\/b>\n<\/div>\n<div class=\"schedule-item\">\n<strong>08:00 PM<\/strong><br \/>\n<span>Radio 360 En Vivo<\/span><br \/>\n<b>Radio 360<\/b>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section id=\"podcasts\">\n<div class=\"section-title\">\n<small>Escucha cuando quieras<\/small><\/p>\n<h2>Podcasts<\/h2>\n<\/div>\n<div class=\"cards\">\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udfa7<\/div>\n<h3>\u00daltimo episodio<\/h3>\n<p>Muy pronto podr\u00e1s escuchar nuestros programas y episodios favoritos.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udf99\ufe0f<\/div>\n<h3>Entrevistas<\/h3>\n<p>Conversaciones y contenido especial de Radio 360.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83d\udcfb<\/div>\n<h3>Programas<\/h3>\n<p>Revive los programas que te perdiste.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section id=\"noticias\">\n<div class=\"section-title\">\n<small>Actualidad<\/small><\/p>\n<h2>Noticias<\/h2>\n<\/div>\n<div class=\"cards\">\n<div class=\"card\">\n<div class=\"card-image\">\ud83d\udcf0<\/div>\n<h3>Noticias Radio 360<\/h3>\n<p>Muy pronto encontrar\u00e1s aqu\u00ed las \u00faltimas noticias y novedades de la emisora.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83d\udce2<\/div>\n<h3>Eventos<\/h3>\n<p>Conoce nuestros pr\u00f3ximos eventos y actividades.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udfa4<\/div>\n<h3>Entrevistas<\/h3>\n<p>Contenido exclusivo con invitados especiales.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section id=\"locutores\">\n<div class=\"section-title\">\n<small>Equipo<\/small><\/p>\n<h2>Nuestros locutores<\/h2>\n<\/div>\n<div class=\"cards\">\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udf99\ufe0f<\/div>\n<h3>Emmanuel<\/h3>\n<p>Director y locutor de Radio 360.<\/p>\n<\/div>\n<div class=\"card\">\n<div class=\"card-image\">\ud83c\udf99\ufe0f<\/div>\n<h3>Locutor 360<\/h3>\n<p>Conoce pr\u00f3ximamente a nuestro equipo de locutores.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section id=\"contacto\">\n<div class=\"section-title\">\n<small>Conecta con nosotros<\/small><\/p>\n<h2>Radio 360<\/h2>\n<\/div>\n<p style=\"color:#9da5af; margin-bottom:25px;\">\nS\u00edguenos en nuestras redes sociales y mantente conectado con Radio 360.\n<\/p>\n<div class=\"social\">\n<p><a href=\"https:\/\/www.instagram.com\/radio_360online\/\" target=\"_blank\"><br \/>\nInstagram<br \/>\n<\/a><\/p>\n<p><a href=\"#\" target=\"_blank\"><br \/>\nFacebook<br \/>\n<\/a><\/p>\n<p><a href=\"#\" target=\"_blank\"><br \/>\nTikTok<br \/>\n<\/a><\/p>\n<p><a href=\"#\" target=\"_blank\"><br \/>\nYouTube<br \/>\n<\/a><\/p>\n<\/div>\n<\/section>\n<p><\/main><\/p>\n<footer>\n<p>\n<strong>RADIO 360<\/strong><\/p>\n<p>La radio que conecta contigo.<\/p>\n<p>\u00a9 2026 Radio 360. Todos los derechos reservados.\n<\/p>\n<\/footer>\n<p><script><\/p>\n<p>const audio = document.getElementById(\"radioAudio\");\nconst button = document.getElementById(\"playButton\");\nconst volume = document.getElementById(\"volume\");<\/p>\n<p>\/*\nIMPORTANTE:\nAqu\u00ed debes colocar la URL DIRECTA DEL STREAM.<\/p>\n<p>Ejemplo:\nhttps:\/\/servidor.com\/stream<\/p>\n<p>NO necesariamente es:\nhttps:\/\/radio360grado.ismyradio.com\/\n*\/<\/p>\n<p>const STREAM_URL = \"\";<\/p>\n<p>button.addEventListener(\"click\", () => {<\/p>\n<p> if(!STREAM_URL){<\/p>\n<p> alert(\n \"Primero configura la URL directa del streaming de Radio 360.\"\n );<\/p>\n<p> return;\n }<\/p>\n<p> if(audio.paused){<\/p>\n<p> audio.src = STREAM_URL;<\/p>\n<p> audio.play().then(() => {<\/p>\n<p> button.innerHTML = \"\u275a\u275a\";\n button.classList.add(\"playing\");<\/p>\n<p> }).catch(error => {<\/p>\n<p> console.log(error);<\/p>\n<p> });<\/p>\n<p> }else{<\/p>\n<p> audio.pause();<\/p>\n<p> button.innerHTML = \"\u25b6\";\n button.classList.remove(\"playing\");<\/p>\n<p> }<\/p>\n<p>});<\/p>\n<p>audio.addEventListener(\"pause\", () => {<\/p>\n<p> button.innerHTML = \"\u25b6\";\n button.classList.remove(\"playing\");<\/p>\n<p>});<\/p>\n<p>volume.addEventListener(\"input\", () => {<\/p>\n<p> audio.volume = volume.value;<\/p>\n<p>});<\/p>\n<p>function toggleMenu(){<\/p>\n<p> document.getElementById(\"nav\").classList.toggle(\"active\");<\/p>\n<p>}<\/p>\n<p><\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Radio 360 | La radio que conecta contigo RADIO 360 \u2630 Inicio Programaci\u00f3n Podcasts Noticias Locutores Contacto RADIO 360 \u00b7 EN VIVO RADIO 360 La radio que conecta contigo. M\u00fasica, programas y entretenimiento online desde Costa Rica. \u25b6 Escuchar en Vivo \ud83c\udf99\ufe0f \u25cf EN VIVO Radio 360 La radio que conecta contigo \u25b6 Radio 360 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radio360online.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/radio360online.com\/index.php?rest_route=\/wp\/v2\/posts\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/radio360online.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/radio360online.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/radio360online.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16,"date":"2026-08-09T00:01:52","date_gmt":"2026-08-09T00:01:52","guid":{"rendered":"https:\/\/radio360online.com\/?p=16"},"modified":"2026-08-09T00:01:52","modified_gmt":"2026-08-09T00:01:52","slug":"16","status":"publish","type":"post","link":"https:\/\/radio360online.com\/?p=16","title":{"rendered":""},"content":{"rendered":"

\n
\n
\n
\n<\/p>\n