{"id":15,"date":"2026-05-29T20:23:21","date_gmt":"2026-05-29T20:23:21","guid":{"rendered":"https:\/\/fmvocacion.uy\/?p=15"},"modified":"2026-05-29T21:24:12","modified_gmt":"2026-05-29T21:24:12","slug":"radio-futuristas-live","status":"publish","type":"post","link":"https:\/\/fmvocacion.uy\/?p=15","title":{"rendered":"Radio Futuristas"},"content":{"rendered":"\n<script>\ndocument.title = \"Vocacion FM | Naturalmente Radio\";\nconst existingIcons = document.querySelectorAll(\"link[rel='icon'], link[rel='shortcut icon'], link[rel='apple-touch-icon']\");\nexistingIcons.forEach((node) => node.remove());\n[\"icon\",\"shortcut icon\",\"apple-touch-icon\"].forEach((rel) => {\n  const link = document.createElement(\"link\");\n  link.rel = rel;\n  link.href = \"https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-icon-primary.png\";\n  document.head.appendChild(link);\n});\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const siteName = document.querySelector(\"#wp-admin-bar-site-name > .ab-item\");\n  if (siteName) {\n    siteName.innerHTML = \"&#128251; Vocacion FM\";\n  }\n\n  const audio = document.getElementById(\"vocacion-stream\");\n  const buttons = [...document.querySelectorAll(\"[data-stream-toggle]\")];\n  const labels = [...document.querySelectorAll(\"[data-stream-label]\")];\n  const statuses = [...document.querySelectorAll(\"[data-stream-status]\")];\n  const currentShow = document.querySelector(\"[data-current-show]\");\n  const menuToggle = document.querySelector(\"[data-menu-toggle]\");\n  const body = document.body;\n\n  const setLabels = (playing) => {\n    body.classList.toggle(\"is-playing\", playing);\n    buttons.forEach((btn) => btn.setAttribute(\"aria-pressed\", playing ? \"true\" : \"false\"));\n    labels.forEach((node) => {\n      node.textContent = playing ? \"Pause live\" : \"Listen live\";\n    });\n    statuses.forEach((node) => {\n      node.textContent = playing ? \"On air now\" : \"Signal ready\";\n    });\n  };\n\n  const blocks = [\n    { start: 6, end: 9, label: \"Radar Sunrise\" },\n    { start: 9, end: 13, label: \"Central Beat\" },\n    { start: 13, end: 18, label: \"Ciudad Sonica\" },\n    { start: 18, end: 24, label: \"Neon Afterdark\" },\n    { start: 0, end: 6, label: \"Neon Afterdark\" },\n  ];\n\n  const syncCurrentShow = () => {\n    const parts = new Intl.DateTimeFormat(\"en-GB\", {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      hour12: false,\n      timeZone: \"America\/Montevideo\"\n    }).formatToParts(new Date());\n    const hour = Number(parts.find((part) => part.type === \"hour\")?.value || \"0\");\n    const active = blocks.find((block) => hour >= block.start && hour < block.end) || blocks[0];\n    document.querySelectorAll(\".list li\").forEach((item) => item.classList.remove(\"active\"));\n    const matching = [...document.querySelectorAll(\".list li\")].find((item) => (item.textContent || \"\").includes(active.label));\n    if (matching) matching.classList.add(\"active\");\n    if (currentShow) currentShow.textContent = active.label;\n  };\n\n  buttons.forEach((button) => {\n    button.addEventListener(\"click\", async () => {\n      try {\n        if (audio.paused) {\n          await audio.play();\n        } else {\n          audio.pause();\n        }\n      } catch (error) {\n        statuses.forEach((node) => node.textContent = \"Playback blocked\");\n      }\n    });\n  });\n\n  audio.addEventListener(\"play\", () => setLabels(true));\n  audio.addEventListener(\"pause\", () => setLabels(false));\n  audio.addEventListener(\"waiting\", () => statuses.forEach((node) => node.textContent = \"Buffering stream\"));\n  audio.addEventListener(\"error\", () => statuses.forEach((node) => node.textContent = \"Stream unavailable\"));\n\n  if (menuToggle) {\n    menuToggle.addEventListener(\"click\", () => {\n      body.classList.toggle(\"menu-open\");\n    });\n  }\n\n  setLabels(false);\n  syncCurrentShow();\n  setInterval(syncCurrentShow, 60000);\n});\n<\/script>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap');\nbody.home{background:radial-gradient(circle at 10% 10%,rgba(0,185,255,.16),transparent 26%),radial-gradient(circle at 90% 10%,rgba(255,72,120,.12),transparent 20%),linear-gradient(180deg,#03060d 0%,#08101e 50%,#030711 100%)}\nbody.home .wp-site-blocks{padding:0} body.home header.wp-block-template-part,body.home footer.wp-block-template-part,body.home main>h1,body.home main>.wp-block-post-title,body.home main>.entry-title,body.home.blog .wp-block-post-title,body.home.blog .wp-block-post-date,body.home.blog .wp-block-post:not(:first-child){display:none!important}\nbody.home main.wp-block-group,body.home.blog .wp-block-query,body.home.blog .wp-block-post-template,body.home.blog .wp-block-post,body.home.blog .wp-block-post .wp-block-group,body.home.blog .wp-block-post-content,body.home.blog .entry-content{margin:0!important;max-width:none!important;padding:0!important;width:100%!important}\nbody.home{overflow-x:hidden}\n.fx{color:#f7fbff;font-family:\"Space Grotesk\",sans-serif;position:relative;overflow:hidden;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} .fx *{box-sizing:border-box} .fx a{color:inherit;text-decoration:none}\n.fx:before,.fx:after{content:\"\";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none} .fx:before{width:20rem;height:20rem;left:-8rem;top:4rem;background:rgba(255,126,29,.18)} .fx:after{width:24rem;height:24rem;right:-7rem;top:7rem;background:rgba(65,217,255,.18)}\n.fx:after{width:24rem;height:24rem;right:-7rem;top:7rem;background:rgba(65,217,255,.18)} .shell{width:100%;max-width:none;margin:0 auto;position:relative;z-index:1;padding:0 clamp(10px,2vw,28px)} .panel{background:rgba(8,16,33,.82);border:1px solid rgba(112,224,255,.14);backdrop-filter:blur(16px);box-shadow:0 24px 80px rgba(0,0,0,.34)}\n.ui,.header,.card,.footer,.side,.mini,.pill{border-radius:1.2rem} .headline,.nav a,.ui a,.kicker,.time,.rank,.btn,.live,.section h2{font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.02em}\n.ui{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.72rem 1rem;margin:1rem 0} .row{display:flex;flex-wrap:wrap;gap:.85rem} .ui a{font-size:1rem;color:#eef5ff} .social a{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}\n.header{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(320px,420px);gap:1rem;overflow:hidden} .brand{display:flex;align-items:center;justify-content:center;padding:1.2rem;background:linear-gradient(135deg,rgba(8,16,33,.94),rgba(5,10,20,.98))} .brand img{width:100%;max-width:250px;display:block;filter:drop-shadow(0 16px 30px rgba(0,0,0,.36))} .navwrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.4rem;background:rgba(1,4,10,.94)} .nav{display:flex;flex-wrap:wrap;gap:1.25rem} .nav a{font-size:1.55rem} .nav a.active,.kicker,.live{color:#41d9ff} .menu-toggle{display:none;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:1.3rem;cursor:pointer}\n.air{display:flex;align-items:center;gap:.95rem;padding:1rem 1rem;background:linear-gradient(135deg,rgba(5,10,20,.98),rgba(7,15,28,.96))} .airart{width:82px;height:82px;flex:0 0 82px;border-radius:1rem;background:radial-gradient(circle at 30% 25%,rgba(65,217,255,.22),rgba(7,15,28,.94) 72%);border:1px solid rgba(112,224,255,.16);display:flex;align-items:center;justify-content:center;overflow:hidden} .airart img{width:100%;height:100%;object-fit:contain;padding:.35rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))} .meta{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.35rem} .meta strong{font-size:1.3rem;line-height:1.08} .meta span,.copy,.card p,.side p,.footer p,.list li span{color:#aeb8cc;line-height:1.7} .meta span{font-size:.98rem} .play{display:flex;align-items:center;justify-content:center;background:none} .playbutton{cursor:pointer;border:0;min-width:9.8rem;padding:1rem 1.05rem;border-radius:1.15rem;background:linear-gradient(135deg,rgba(255,60,122,.98),rgba(255,25,96,.95));color:#fff;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;font-size:1.3rem;line-height:1.02;box-shadow:0 18px 34px rgba(255,25,96,.22)}\n.hero{display:grid;grid-template-columns:minmax(0,1.35fr) 420px;gap:1rem;padding-top:1rem} .mainhero{position:relative;min-height:82vh;border-radius:1.7rem;overflow:hidden;border:1px solid rgba(112,224,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.34);background:linear-gradient(180deg,rgba(3,7,16,.26),rgba(3,7,16,.84) 78%),url('https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-hero-radio.jpeg') center\/cover no-repeat} .mainhero:before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 38%,rgba(0,0,0,.46)),radial-gradient(circle at 70% 22%,rgba(65,217,255,.18),transparent 24%)} .overlay{position:absolute;left:0;right:0;bottom:0;padding:2.6rem 2.8rem 2.8rem}\n.pillwrap{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem} .pill{padding:.48rem .82rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)} .pill.hot{background:linear-gradient(135deg,rgba(65,217,255,.22),rgba(0,185,255,.28))} .topline{display:inline-flex;align-items:center;gap:.55rem;color:#41d9ff;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;font-size:1rem} .topline:before{content:\"\";width:4.4rem;height:.25rem;background:linear-gradient(90deg,#41d9ff,transparent)}\n.mainhero h1{margin:0;max-width:920px;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(3.3rem,6vw,5.4rem);line-height:.92;text-shadow:0 8px 28px rgba(0,0,0,.36)} .copy{max-width:760px;margin:1rem 0 0;font-size:1.12rem}\n.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.45rem} .btn{display:inline-flex;align-items:center;justify-content:center;min-width:12rem;padding:1rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);cursor:pointer} .btn.primary{background:linear-gradient(135deg,#41d9ff,#00b9ff);color:#06101d;box-shadow:0 14px 36px rgba(0,185,255,.26)} .btn.secondary{background:rgba(255,255,255,.05)} .btn .dot{width:.7rem;height:.7rem;border-radius:50%;background:#0a1320;margin-right:.55rem;box-shadow:0 0 0 0 rgba(65,217,255,.42);transition:all .2s ease}\n.stats{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.45rem} .mini{padding:.8rem .95rem;min-width:132px} .num{display:block;color:#ffd443;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;font-size:1.5rem} .mini span{color:#aeb8cc;font-size:.9rem}\n.side{padding:1rem;display:flex;flex-direction:column;gap:1rem} .box{padding:1rem;border-radius:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)} .box h3,.section h2,.footer h3{margin:0 0 .55rem;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase} .wave{display:grid;grid-template-columns:repeat(12,1fr);gap:.36rem;height:4rem;align-items:end;margin-top:.9rem} .wave i{display:block;border-radius:999px;background:linear-gradient(180deg,#41d9ff,rgba(65,217,255,.16));animation:pulse 1.5s ease-in-out infinite} .wave i:nth-child(2n){height:92%} .wave i:nth-child(2n+1){height:48%} .wave i:nth-child(3n){height:78%} .stream-status{display:flex;align-items:center;gap:.55rem;margin-top:.8rem;color:#cfe9ff;font-size:.96rem} .stream-status:before{content:\"\";width:.72rem;height:.72rem;border-radius:999px;background:#49dfff;box-shadow:0 0 0 0 rgba(73,223,255,.4);animation:pulseLive 1.8s infinite} .stream-meta{margin-top:.65rem;color:#7cdfff;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}\n.list{margin:0;padding:0;list-style:none} .list li{display:flex;justify-content:space-between;gap:.8rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.08)} .list li strong{color:#fff} .list li.active strong,.list li.active span{color:#41d9ff}\n.stack{display:grid;gap:1rem;padding:1rem 0 2rem} .section{padding:1.7rem} .head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.1rem} .section h2{font-size:clamp(2rem,3vw,3rem)} .sectioncopy{max-width:740px;color:#aeb8cc;line-height:1.7}\n.grid4,.grid3,.charts{display:grid;gap:1rem} .grid4{grid-template-columns:repeat(4,minmax(0,1fr))} .grid3{grid-template-columns:repeat(3,minmax(0,1fr))} .charts{grid-template-columns:repeat(2,minmax(0,1fr))} .card{padding:1.1rem} .time,.rank{color:#ffd443;font-size:1.2rem} .card h3{margin:.35rem 0 .4rem;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase;font-size:1.4rem}\n.avatar{width:100%;aspect-ratio:4\/4.6;border-radius:1rem;background:linear-gradient(160deg,rgba(65,217,255,.22),rgba(255,126,29,.18)),linear-gradient(180deg,#13223e,#08101d);border:1px solid rgba(255,255,255,.08);margin-bottom:.9rem;position:relative;overflow:hidden} .avatar:before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.2),transparent 18%),linear-gradient(180deg,transparent,rgba(0,0,0,.26))} .avatar:after{content:\"\";position:absolute;left:50%;top:24%;width:44%;height:58%;transform:translateX(-50%);border-radius:48% 48% 42% 42%\/32% 32% 62% 62%;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.18),rgba(255,255,255,.02) 32%,transparent 34%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(7,17,31,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.25)} .role{color:#41d9ff;font-size:.92rem;text-transform:uppercase;letter-spacing:.14em}\n.chart{display:grid;grid-template-columns:66px 1fr auto;gap:1rem;align-items:center} .chart strong{display:block;margin-bottom:.2rem} .chart span,.score{color:#aeb8cc}\n.video{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem} .screen{min-height:340px;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative;background:linear-gradient(180deg,rgba(2,8,18,.16),rgba(2,8,18,.84)),url('https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-hero-radio.jpeg') center\/cover no-repeat} .screen:after{content:\"Play session\";position:absolute;right:1rem;bottom:1rem;padding:.7rem .95rem;border-radius:999px;background:rgba(255,60,122,.92);color:#fff;font-family:\"Barlow Condensed\",sans-serif;font-style:italic;text-transform:uppercase}\n.footer{padding:1.5rem;margin-bottom:2rem} .brandrow{display:flex;align-items:center;gap:1rem;margin-bottom:1rem} .brandrow img{width:132px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.34))} .footercols{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start} .col{flex:1 1 210px} .chips{display:flex;flex-wrap:wrap;gap:.55rem} .chip{padding:.55rem .75rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}\n@media (min-width:1280px){.brand img{max-width:260px} .mainhero h1{max-width:980px}}\nbody.is-playing .btn.primary .dot{background:#1eff95;box-shadow:0 0 0 10px rgba(30,255,149,0)} body.is-playing .stream-status:before{background:#1eff95} body.menu-open .navwrap{display:flex!important}\n@keyframes pulse{0%,100%{transform:scaleY(.72);opacity:.74}50%{transform:scaleY(1);opacity:1}} @keyframes pulseLive{0%{box-shadow:0 0 0 0 rgba(73,223,255,.42)}70%{box-shadow:0 0 0 12px rgba(73,223,255,0)}100%{box-shadow:0 0 0 0 rgba(73,223,255,0)}}\n@media (max-width:1120px){.header,.hero,.video{grid-template-columns:1fr}.air{padding:1rem}.grid4,.grid3,.charts{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toggle{display:inline-flex}.navwrap{padding:1rem 1.2rem}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start}body.menu-open .nav{display:flex}}\n@media (max-width:760px){.ui,.head{flex-direction:column;align-items:flex-start}.grid4,.grid3,.charts{grid-template-columns:1fr}.mainhero{min-height:620px}.overlay{padding:1.5rem}.mainhero h1{font-size:2.8rem}.shell{padding:0 10px}.header{grid-template-columns:1fr}.air{flex-wrap:wrap}.airart{width:72px;height:72px;flex-basis:72px}.playbutton{width:100%}}\n<\/style>\n\n<div class=\"fx\">\n  <audio id=\"vocacion-stream\" preload=\"none\" crossorigin=\"anonymous\"><source src=\"https:\/\/servidor37-2.brlogic.com:7168\/live\" type=\"audio\/mpeg\"><\/audio>\n  <div class=\"shell\">\n    <div class=\"ui panel\">\n      <div class=\"row\">\n        <a href=\"#schedule\">&gt; Schedule<\/a><a href=\"#team\">&gt; Team<\/a><a href=\"#videos\">&gt; Videos<\/a><a href=\"#blog\">&gt; Blog<\/a><a href=\"#top10\">&gt; Top 10<\/a><a href=\"#contacto\">&gt; Contact Us Now!<\/a>\n      <\/div>\n      <div class=\"row social\">\n        <a href=\"#contacto\">f<\/a><a href=\"#contacto\">ig<\/a><a href=\"#contacto\">yt<\/a><a href=\"#contacto\">x<\/a><a href=\"#contacto\">sp<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"header panel\">\n      <div class=\"brand\"><img decoding=\"async\" src=\"https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-logo-wide-primary.png\" alt=\"Vocacion FM\"><\/div>\n      <div class=\"navwrap\"><button class=\"menu-toggle\" type=\"button\" data-menu-toggle aria-label=\"Abrir menu\">&#9776;<\/button><nav class=\"nav\"><a class=\"active\" href=\"#inicio\">Home<\/a><a href=\"#schedule\">Schedule<\/a><a href=\"#top10\">Charts<\/a><a href=\"#team\">Team<\/a><a href=\"#podcasts\">Podcast<\/a><a href=\"#eventos\">Events<\/a><a href=\"#videos\">Videos<\/a><a href=\"#blog\">Blog<\/a><a href=\"#apps\">Apps<\/a><a href=\"#contacto\">Contact<\/a><\/nav><\/div>\n      <div class=\"air\"><div class=\"airart\"><img decoding=\"async\" src=\"https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-icon-primary.png\" alt=\"Vocacion FM icon\"><\/div><div class=\"meta\"><div class=\"live\" data-stream-status>Signal ready<\/div><strong>Vocacion FM \/ <span data-current-show>Radar Sunrise<\/span><\/strong><span>Streaming real conectado a la senal principal de la radio.<\/span><\/div><button class=\"play playbutton\" type=\"button\" data-stream-toggle aria-label=\"Reproducir stream\"><span data-stream-label>Listen live<\/span><\/button><\/div>\n    <\/div>\n\n    <section class=\"hero\" id=\"inicio\">\n      <div class=\"mainhero\">\n        <div class=\"overlay\">\n          <div class=\"pillwrap\"><span class=\"pill hot\">Music<\/span><span class=\"pill\">Live radio<\/span><span class=\"pill\">Video stories<\/span><span class=\"pill\">Podcasts<\/span><\/div>\n          <div class=\"topline\">Naturalmente radio \/ future signal<\/div>\n          <h1>Vocacion FM builds a complete futuristic radio station, not just a simple homepage.<\/h1>\n          <p class=\"copy\">Una experiencia inspirada en el layout editorial de una emisora comercial: doble barra superior, menu grande, imagen protagonista, bloques de programacion, locutores, charts, podcasts, noticias, eventos y contacto en una sola portada.<\/p>\n          <div class=\"cta\"><button class=\"btn primary\" type=\"button\" data-stream-toggle><span class=\"dot\"><\/span><span data-stream-label>Listen live<\/span><\/button><a class=\"btn secondary\" href=\"#top10\">Top 10 chart<\/a><a class=\"btn secondary\" href=\"#contacto\">Book your spot<\/a><\/div>\n          <div class=\"stats\"><div class=\"mini panel\"><strong class=\"num\">24\/7<\/strong><span>Live transmission concept<\/span><\/div><div class=\"mini panel\"><strong class=\"num\">12<\/strong><span>Menu entry points<\/span><\/div><div class=\"mini panel\"><strong class=\"num\">10<\/strong><span>Chart positions ready<\/span><\/div><div class=\"mini panel\"><strong class=\"num\">FM+<\/strong><span>Radio, video, podcast, blog<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <aside class=\"side panel\">\n        <div class=\"box\"><h3>On air control<\/h3><p>Player conectado a la senal principal. Compatible con movil y navegacion moderna.<\/p><div class=\"stream-status\" data-stream-status>Signal ready<\/div><div class=\"stream-meta\">Stream: 96 kbps \/ audio mpeg<\/div><div class=\"cta\" style=\"margin-top:.85rem\"><button class=\"btn primary\" type=\"button\" data-stream-toggle><span class=\"dot\"><\/span><span data-stream-label>Listen live<\/span><\/button><\/div><div class=\"wave\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div><\/div>\n        <div class=\"box\"><h3>Today lineup<\/h3><ul class=\"list\"><li><strong>06:00<\/strong><span>Radar Sunrise<\/span><\/li><li><strong>10:00<\/strong><span>Central Beat<\/span><\/li><li><strong>14:00<\/strong><span>Ciudad Sonica<\/span><\/li><li><strong>18:00<\/strong><span>Traffic Mix<\/span><\/li><li><strong>22:00<\/strong><span>Neon Afterdark<\/span><\/li><\/ul><\/div>\n        <div class=\"box\" id=\"apps\"><h3>Apps and access<\/h3><p>Web player, Android, iPhone, smart speakers y acceso rapido desde navegador o redes.<\/p><div class=\"chips\"><span class=\"chip\">Web Player<\/span><span class=\"chip\">Android App<\/span><span class=\"chip\">iPhone App<\/span><span class=\"chip\">Bluetooth Car<\/span><\/div><\/div>\n      <\/aside>\n    <\/section>\n\n    <div class=\"stack\">\n      <section class=\"section panel\" id=\"schedule\">\n        <div class=\"head\"><div><p class=\"kicker\">Schedule<\/p><h2>A full broadcast day with energy, rhythm and clear radio identity.<\/h2><\/div><p class=\"sectioncopy\">Esta seccion replica la logica de una radio comercial real: horarios visibles, nombres de shows, bloques editoriales y tonos distintos para manana, tarde, drive time y noche.<\/p><\/div>\n        <div class=\"grid4\"><article class=\"card panel\"><div class=\"time\">06:00 &#8211; 09:00<\/div><h3>Radar Sunrise<\/h3><p>Actualidad, titulares, clima, movilidad y musica para abrir la jornada con dinamica urbana.<\/p><\/article><article class=\"card panel\"><div class=\"time\">09:00 &#8211; 13:00<\/div><h3>Central Beat<\/h3><p>Magazine vivo con invitados, redes, tendencias y una mezcla fuerte de hits y novedades.<\/p><\/article><article class=\"card panel\"><div class=\"time\">13:00 &#8211; 18:00<\/div><h3>Ciudad Sonica<\/h3><p>Culture desk, entrevistas, historias de internet y sonido contemporaneo para la tarde.<\/p><\/article><article class=\"card panel\"><div class=\"time\">18:00 &#8211; 00:00<\/div><h3>Neon Afterdark<\/h3><p>Charts, sesiones, podcast extendido, club culture y paisaje nocturno con caracter premium.<\/p><\/article><\/div>\n      <\/section>\n\n      <section class=\"section panel\"><div class=\"head\"><div><p class=\"kicker\">Station blocks<\/p><h2>Everything a modern station needs on one homepage.<\/h2><\/div><p class=\"sectioncopy\">Ademas del player y la grilla, la portada queda lista para operar como sitio editorial de radio: promos, podcasts, notas, charts, equipo, eventos y monetizacion.<\/p><\/div><div class=\"grid4\"><article class=\"card panel\"><h3>Streaming hub<\/h3><p>Espacio para boton de play, metadata del tema, reproductor embebido y CTA de escuchar ahora.<\/p><\/article><article class=\"card panel\"><h3>Podcast network<\/h3><p>Bloque para ultimos episodios, highlights, plataformas y archivo de programas bajo demanda.<\/p><\/article><article class=\"card panel\"><h3>Station news<\/h3><p>Notas, lanzamientos, entrevistas, agenda cultural y articulos para fortalecer el SEO del medio.<\/p><\/article><article class=\"card panel\"><h3>Commercial spots<\/h3><p>Banner slots, marcas aliadas, activaciones y llamadas a contacto comercial o institucional.<\/p><\/article><\/div><\/section>\n\n      <section class=\"section panel\" id=\"team\"><div class=\"head\"><div><p class=\"kicker\">Team<\/p><h2>Voices, hosts and personalities that make the station memorable.<\/h2><\/div><p class=\"sectioncopy\">Aqui ya no parece una landing estatica: se siente como una radio viva, con figuras, turnos y formatos.<\/p><\/div><div class=\"grid4\"><article class=\"card panel\"><div class=\"avatar\"><\/div><div class=\"role\">Morning host<\/div><h3>Mara Vega<\/h3><p>Conduce el bloque de apertura con informacion util, comunidad y tono fresco de radio actual.<\/p><\/article><article class=\"card panel\"><div class=\"avatar\"><\/div><div class=\"role\">Culture editor<\/div><h3>Leo Nova<\/h3><p>Curaduria musical, entrevistas y segmentos editoriales sobre cultura digital y tendencias.<\/p><\/article><article class=\"card panel\"><div class=\"avatar\"><\/div><div class=\"role\">Drive time<\/div><h3>Ana Flux<\/h3><p>Lidera la tarde con ritmo, trafico, audiencia y participacion multiplataforma en vivo.<\/p><\/article><article class=\"card panel\"><div class=\"avatar\"><\/div><div class=\"role\">Night sessions<\/div><h3>Rex Orion<\/h3><p>Responsable del universo nocturno: charts, sesiones electronicas, mixes y ambiente premium.<\/p><\/article><\/div><\/section>\n\n      <section class=\"section panel\" id=\"top10\"><div class=\"head\"><div><p class=\"kicker\">Top 10<\/p><h2>Weekly chart built for radio rotation, social snippets and sponsor mentions.<\/h2><\/div><p class=\"sectioncopy\">Un bloque fuerte para ranking musical, empuje de artistas locales y dinamica de engagement semanal.<\/p><\/div><div class=\"charts\"><article class=\"card panel chart\"><div class=\"rank\">01<\/div><div><strong>Electric Pulse<\/strong><span>Neon Avenue<\/span><\/div><div class=\"score\">9.8<\/div><\/article><article class=\"card panel chart\"><div class=\"rank\">02<\/div><div><strong>Satellite Hearts<\/strong><span>Orion Club<\/span><\/div><div class=\"score\">9.6<\/div><\/article><article class=\"card panel chart\"><div class=\"rank\">03<\/div><div><strong>Velvet Driver<\/strong><span>Lux Tempo<\/span><\/div><div class=\"score\">9.4<\/div><\/article><article class=\"card panel chart\"><div class=\"rank\">04<\/div><div><strong>Afterlight FM<\/strong><span>Sky Transit<\/span><\/div><div class=\"score\">9.2<\/div><\/article><article class=\"card panel chart\"><div class=\"rank\">05<\/div><div><strong>Open Circuit<\/strong><span>Digital Aura<\/span><\/div><div class=\"score\">8.9<\/div><\/article><article class=\"card panel chart\"><div class=\"rank\">06<\/div><div><strong>Deep Motion<\/strong><span>Metro Echo<\/span><\/div><div class=\"score\">8.8<\/div><\/article><\/div><\/section>\n\n      <section class=\"section panel\" id=\"podcasts\"><div class=\"head\"><div><p class=\"kicker\">Podcast network<\/p><h2>Replay the station beyond the live signal.<\/h2><\/div><p class=\"sectioncopy\">Cada programa puede crecer como marca propia: episodio destacado, plataformas y piezas de distribucion.<\/p><\/div><div class=\"grid3\"><article class=\"card panel\"><h3>Futura Conversacion<\/h3><p>Entrevistas con creadores, medios, tecnologia y nuevas formas de escuchar la ciudad.<\/p><\/article><article class=\"card panel\"><h3>Mix Session Archive<\/h3><p>Sets extendidos, electronica nocturna y contenido curado para oyentes recurrentes.<\/p><\/article><article class=\"card panel\"><h3>Voces de Cabina<\/h3><p>Backstage, historias de radio y fragmentos premium convertidos en serie de episodios.<\/p><\/article><\/div><\/section>\n\n      <section class=\"section panel\" id=\"videos\"><div class=\"head\"><div><p class=\"kicker\">Videos<\/p><h2>Clips, backstage and visual sessions ready for web and social.<\/h2><\/div><p class=\"sectioncopy\">Un area visual para diferenciar la marca: micro videos, actuaciones, reels y coberturas de estudio.<\/p><\/div><div class=\"video\"><div class=\"screen\"><\/div><div class=\"side\" style=\"padding:0;background:none;border:none;box-shadow:none\"><div class=\"box\"><h3>Studio Sessions<\/h3><p>Clips verticales, entrevistas en cabina, performance en vivo y piezas para rotacion social.<\/p><\/div><div class=\"box\"><h3>Replay pack<\/h3><ul class=\"list\"><li><strong>01<\/strong><span>Live room cut<\/span><\/li><li><strong>02<\/strong><span>Host teaser<\/span><\/li><li><strong>03<\/strong><span>Artist drop<\/span><\/li><li><strong>04<\/strong><span>Weekend recap<\/span><\/li><\/ul><\/div><\/div><\/div><\/section>\n\n      <section class=\"section panel\" id=\"eventos\"><div class=\"head\"><div><p class=\"kicker\">Events<\/p><h2>Radio activations, showcases and street presence.<\/h2><\/div><p class=\"sectioncopy\">Una radio completa necesita agenda: cabina abierta, streaming externo, coberturas y eventos aliados.<\/p><\/div><div class=\"grid4\"><article class=\"card panel\"><h3>Open Booth Night<\/h3><p>Cabina desplegada en venue aliado con streaming, cobertura social y activacion de marca.<\/p><\/article><article class=\"card panel\"><h3>Local Artist Week<\/h3><p>Ventana para musica nacional, rotacion prioritaria y entrevistas de apoyo a la escena.<\/p><\/article><article class=\"card panel\"><h3>Podcast Live Tapings<\/h3><p>Grabaciones en vivo con publico, patrocinio y clips editados para redes y sitio.<\/p><\/article><article class=\"card panel\"><h3>Brand Collaborations<\/h3><p>Patrocinios, branded segments y oportunidades comerciales dentro del universo editorial.<\/p><\/article><\/div><\/section>\n\n      <section class=\"section panel\" id=\"blog\"><div class=\"head\"><div><p class=\"kicker\">Blog<\/p><h2>Newsroom, music stories and content that keeps the station alive off-air.<\/h2><\/div><p class=\"sectioncopy\">Esto ayuda a que la radio no viva solo del streaming: tambien posiciona, informa y genera retorno.<\/p><\/div><div class=\"grid3\"><article class=\"card panel\"><h3>How Vocacion FM can own a new digital radio aesthetic<\/h3><p>Concepto visual, programacion expandida y una narrativa mas fuerte para el sitio y las redes.<\/p><\/article><article class=\"card panel\"><h3>Five formats that turn a station into a content brand<\/h3><p>Podcast, chart semanal, highlights en video, agenda cultural y bloques de entrevistas.<\/p><\/article><article class=\"card panel\"><h3>What to launch next: stream URL, WhatsApp and real schedule data<\/h3><p>Los tres pasos mas importantes para convertir esta maqueta publicada en una radio operativa.<\/p><\/article><\/div><\/section>\n\n      <section class=\"footer panel\" id=\"contacto\"><div class=\"brandrow\"><img decoding=\"async\" src=\"https:\/\/fmvocacion.uy\/wp-content\/uploads\/2026\/05\/vocacion-fm-logo-wide-primary.png\" alt=\"Vocacion FM\"><div><p class=\"kicker\">FM Vocacion<\/p><h2 style=\"margin:0;font-family:'Barlow Condensed',sans-serif;font-style:italic;text-transform:uppercase\">Complete futuristic radio platform.<\/h2><\/div><\/div><div class=\"footercols\"><div class=\"col\"><h3>About station<\/h3><p>Radio online con identidad fuerte, estructura editorial amplia y base visual preparada para crecer.<\/p><div class=\"chips\"><span class=\"chip\">Streaming<\/span><span class=\"chip\">Podcast<\/span><span class=\"chip\">Charts<\/span><span class=\"chip\">Events<\/span><\/div><\/div><div class=\"col\"><h3>Main menu<\/h3><ul class=\"list\"><li><strong>Home<\/strong><span>Future signal<\/span><\/li><li><strong>Schedule<\/strong><span>Daily lineup<\/span><\/li><li><strong>Team<\/strong><span>Hosts and shows<\/span><\/li><li><strong>Top 10<\/strong><span>Weekly chart<\/span><\/li><li><strong>Podcast<\/strong><span>Replay network<\/span><\/li><\/ul><\/div><div class=\"col\"><h3>Editorial menu<\/h3><ul class=\"list\"><li><strong>Videos<\/strong><span>Studio sessions<\/span><\/li><li><strong>Blog<\/strong><span>Music stories<\/span><\/li><li><strong>Events<\/strong><span>Station activations<\/span><\/li><li><strong>Apps<\/strong><span>Mobile listening<\/span><\/li><li><strong>Contact<\/strong><span>Commercial and media<\/span><\/li><\/ul><\/div><div class=\"col\"><h3>Contact<\/h3><p>Correo base disponible: asistente@gmail.com<\/p><div class=\"chips\"><span class=\"chip\">fmvocacion.uy<\/span><span class=\"chip\">Sales<\/span><span class=\"chip\">Press<\/span><span class=\"chip\">WhatsApp<\/span><\/div><\/div><\/div><p class=\"copy\">Siguiente integracion recomendada: URL real del stream, WhatsApp oficial, grilla definitiva, nombres reales del equipo y enlaces de redes.<\/p><\/section>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&gt; Schedule&gt; Team&gt; Videos&gt; Blog&gt; Top 10&gt; Contact Us Now! figytxsp &#9776; HomeScheduleChartsTeamPodcastEventsVideosBlogAppsContact Signal ready Vocacion FM \/ Radar SunriseStreaming real conectado a la senal principal de la radio. Listen live MusicLive radioVideo storiesPodcasts Naturalmente radio \/ future signal Vocacion FM builds a complete futuristic radio station, not just a simple homepage. Una experiencia inspirada [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=\/wp\/v2\/posts\/15\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fmvocacion.uy\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}