{"id":3,"date":"2023-01-25T12:32:10","date_gmt":"2023-01-25T12:32:10","guid":{"rendered":"http:\/\/ecosradio.es\/?page_id=3"},"modified":"2026-09-08T14:38:23","modified_gmt":"2026-09-08T14:38:23","slug":"escuchar-radio","status":"publish","type":"page","link":"https:\/\/ecosradio.es\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n\/* =====================================================\n   ASTRA: PORTADA REAL A PANTALLA COMPLETA\n===================================================== *\/\n\nbody.page-id-3 #content,\nbody.page-id-3 #content > .ast-container,\nbody.page-id-3 #primary,\nbody.page-id-3 #main,\nbody.page-id-3 article,\nbody.page-id-3 .entry-content{\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\nbody.page-id-3 .entry-header{\n  display:none !important;\n}\n\nbody.page-id-3 .entry-content[data-ast-blocks-layout] > .ecos-page{\n  width:100vw !important;\n  max-width:none !important;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n}\n\n\/* CABECERA *\/\n\nbody.page-id-3 #masthead .custom-logo{\n  width:205px !important;\n  max-width:205px !important;\n  height:auto !important;\n}\n\nbody.page-id-3 #masthead .ast-primary-header-bar{\n  min-height:auto !important;\n  padding:8px 20px !important;\n}\n\nbody.page-id-3 #masthead .ast-builder-menu-1,\nbody.page-id-3 #masthead [data-section=\"section-header-mobile-trigger\"]{\n  display:none !important;\n}\n\n\/* =====================================================\n   ESTRUCTURA GENERAL\n===================================================== *\/\n\n.ecos-page{\n  width:100%;\n  overflow:hidden;\n  color:#fff;\n  background:#02182d;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n}\n\n\/* =====================================================\n   REPRODUCTOR\n===================================================== *\/\n\n.ecos-hero{\n  position:relative;\n  min-height:720px;\n  box-sizing:border-box;\n  padding:62px 24px 50px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  text-align:center;\n  background:\n    radial-gradient(circle at 50% 56%,rgba(15,194,214,.27),transparent 28%),\n    linear-gradient(135deg,#01182d 0%,#032e49 53%,#066078 100%);\n}\n\n.ecos-hero::before{\n  content:\"ECOS\";\n  position:absolute;\n  top:45%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  color:rgba(255,255,255,.025);\n  font-size:min(31vw,520px);\n  font-weight:900;\n  letter-spacing:-25px;\n  pointer-events:none;\n}\n\n.ecos-hero::after{\n  content:\"\";\n  position:absolute;\n  width:620px;\n  height:620px;\n  border:1px solid rgba(73,219,234,.11);\n  border-radius:50%;\n  box-shadow:\n    0 0 0 75px rgba(73,219,234,.035),\n    0 0 0 150px rgba(73,219,234,.02);\n  pointer-events:none;\n}\n\n.ecos-hero > *{\n  position:relative;\n  z-index:2;\n}\n\n.ecos-live{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 19px;\n  border:1px solid rgba(84,222,238,.58);\n  border-radius:30px;\n  background:rgba(0,17,32,.35);\n  color:#fff;\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:1.1px;\n  box-shadow:0 10px 30px rgba(0,0,0,.16);\n}\n\n.ecos-dot{\n  width:10px;\n  height:10px;\n  border-radius:50%;\n  background:#38e39a;\n  box-shadow:0 0 13px #38e39a;\n  animation:ecosPulse 1.5s infinite;\n}\n\n@keyframes ecosPulse{\n  0%,100%{opacity:1;transform:scale(1)}\n  50%{opacity:.35;transform:scale(.8)}\n}\n\n.ecos-heading{\n  max-width:900px;\n  margin:27px auto 0;\n  color:#fff !important;\n  font-size:clamp(43px,5.5vw,72px) !important;\n  font-weight:850 !important;\n  line-height:1.02 !important;\n  letter-spacing:-1.5px;\n}\n\n.ecos-tagline{\n  margin:15px 0 28px;\n  color:#c0e9ef;\n  font-size:clamp(17px,2vw,22px);\n}\n\n\/* ONDA *\/\n\n.ecos-wave{\n  width:min(950px,95vw);\n  height:112px;\n  margin-bottom:-88px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  opacity:.78;\n}\n\n.ecos-wave span{\n  width:4px;\n  height:26px;\n  border-radius:6px;\n  background:linear-gradient(to top,#168ca4,#61edf4);\n  box-shadow:0 0 8px rgba(69,221,235,.28);\n}\n\n.ecos-wave span:nth-child(2n){height:42px}\n.ecos-wave span:nth-child(3n){height:70px}\n.ecos-wave span:nth-child(4n){height:51px}\n.ecos-wave span:nth-child(5n){height:92px}\n.ecos-wave span:nth-child(7n){height:61px}\n\n.ecos-page.playing .ecos-wave span{\n  animation:ecosSound .72s ease-in-out infinite alternate;\n}\n\n.ecos-page.playing .ecos-wave span:nth-child(2n){animation-delay:.18s}\n.ecos-page.playing .ecos-wave span:nth-child(3n){animation-delay:.34s}\n.ecos-page.playing .ecos-wave span:nth-child(5n){animation-delay:.08s}\n\n@keyframes ecosSound{\n  from{transform:scaleY(.25)}\n  to{transform:scaleY(1)}\n}\n\n\/* PLAY: IMPORTANTE PARA EVITAR EL AZUL DE ASTRA *\/\n\nbutton.ecos-play,\nbutton.ecos-play:hover,\nbutton.ecos-play:focus{\n  position:relative;\n  z-index:3;\n  width:160px !important;\n  height:160px !important;\n  min-width:160px;\n  padding:0 0 0 10px !important;\n  border:0 !important;\n  border-radius:50% !important;\n  outline:none;\n  appearance:none;\n  background:#fff !important;\n  color:#07869c !important;\n  font-size:61px !important;\n  line-height:1 !important;\n  cursor:pointer;\n  box-shadow:\n    0 22px 52px rgba(0,0,0,.43),\n    0 0 0 15px rgba(45,198,216,.17),\n    0 0 0 29px rgba(45,198,216,.06) !important;\n  transition:transform .25s;\n}\n\nbutton.ecos-play:hover{\n  transform:scale(1.055);\n}\n\n.ecos-action{\n  margin-top:31px;\n  color:#fff;\n  font-size:clamp(23px,3vw,31px);\n  font-weight:850;\n}\n\n.ecos-status{\n  min-height:25px;\n  margin-top:7px;\n  color:#70e5f1;\n  font-size:16px;\n  font-weight:650;\n}\n\n\/* FRANJA AHORA EN ANTENA *\/\n\n.ecos-now{\n  width:min(820px,92%);\n  margin-top:31px;\n  padding:17px 25px;\n  box-sizing:border-box;\n  display:grid;\n  grid-template-columns:auto 1fr auto;\n  gap:18px;\n  align-items:center;\n  border-top:1px solid rgba(255,255,255,.18);\n  border-bottom:1px solid rgba(255,255,255,.18);\n  background:rgba(0,18,34,.16);\n  text-align:left;\n}\n\n.ecos-now-label{\n  color:#58ddeb;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1.8px;\n}\n\n.ecos-now-title{\n  color:#fff;\n  font-size:15px;\n  font-weight:750;\n}\n\n.ecos-now-extra{\n  color:#a9d5dc;\n  font-size:13px;\n  text-align:right;\n}\n\n\/* =====================================================\n   PROGRAMACI\u00d3N CONTINUA\n===================================================== *\/\n\n.ecos-schedule{\n  padding:76px 24px 88px;\n  background:\n    linear-gradient(120deg,rgba(8,93,116,.22),transparent 48%),\n    #02192f;\n  border-top:1px solid rgba(100,220,235,.18);\n}\n\n.ecos-schedule-inner{\n  width:min(980px,100%);\n  margin:auto;\n}\n\n.ecos-section-label{\n  margin-bottom:10px;\n  color:#50d9e9;\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:3px;\n}\n\n.ecos-title-line{\n  display:flex;\n  justify-content:space-between;\n  gap:30px;\n  align-items:flex-end;\n  margin-bottom:34px;\n}\n\n.ecos-schedule h2{\n  margin:0;\n  color:#fff !important;\n  font-size:clamp(34px,4vw,48px) !important;\n  font-weight:850 !important;\n  line-height:1.05 !important;\n}\n\n.ecos-title-note{\n  color:#83cbd5;\n  font-size:14px;\n  text-align:right;\n}\n\n.ecos-general{\n  display:grid;\n  grid-template-columns:55px 1fr auto;\n  gap:28px;\n  align-items:center;\n  padding:24px 0;\n  border-top:1px solid rgba(255,255,255,.22);\n  border-bottom:1px solid rgba(255,255,255,.22);\n}\n\n.ecos-program{\n  display:grid;\n  grid-template-columns:55px 1fr auto;\n  gap:28px;\n  align-items:center;\n  padding:30px 0;\n  border-bottom:1px solid rgba(255,255,255,.2);\n}\n\n.ecos-number{\n  color:#43d7e8;\n  font-size:13px;\n  font-weight:850;\n  letter-spacing:2px;\n}\n\n.ecos-program-name{\n  color:#fff;\n  font-size:21px;\n  font-weight:850;\n}\n\n.ecos-program-type{\n  margin-top:5px;\n  color:#91c8d0;\n  font-size:14px;\n}\n\n.ecos-time{\n  color:#d9f4f7;\n  font-size:17px;\n  text-align:right;\n}\n\n.ecos-coming{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  padding-top:28px;\n  color:#5ed7e6;\n  font-size:15px;\n  font-weight:650;\n}\n\n.ecos-coming::before{\n  content:\"\";\n  width:25px;\n  height:2px;\n  background:#50d7e7;\n}\n\n\/* =====================================================\n   M\u00d3VIL\n===================================================== *\/\n\n@media(max-width:600px){\n\n  body.page-id-3 #masthead .custom-logo{\n    width:155px !important;\n    max-width:155px !important;\n  }\n\n  body.page-id-3 #ast-mobile-header .ast-builder-grid-row{\n    grid-template-columns:1fr !important;\n  }\n\n  body.page-id-3 #ast-mobile-header .site-header-primary-section-left{\n    justify-content:center !important;\n  }\n\n  .ecos-hero{\n    min-height:670px;\n    padding:48px 18px 45px;\n  }\n\n  .ecos-hero::before{\n    font-size:185px;\n    letter-spacing:-10px;\n  }\n\n  .ecos-hero::after{\n    width:380px;\n    height:380px;\n  }\n\n  .ecos-heading{\n    font-size:40px !important;\n    letter-spacing:-.8px;\n  }\n\n  .ecos-tagline{\n    max-width:300px;\n    line-height:1.45;\n  }\n\n  .ecos-wave{\n    width:120%;\n    height:90px;\n    gap:5px;\n    margin-bottom:-72px;\n  }\n\n  .ecos-wave span{\n    width:3px;\n  }\n\n  button.ecos-play,\n  button.ecos-play:hover,\n  button.ecos-play:focus{\n    width:136px !important;\n    height:136px !important;\n    min-width:136px;\n    font-size:51px !important;\n  }\n\n  .ecos-action{\n    font-size:23px;\n  }\n\n  .ecos-now{\n    grid-template-columns:1fr;\n    gap:5px;\n    padding:15px 18px;\n    text-align:center;\n  }\n\n  .ecos-now-extra{\n    text-align:center;\n  }\n\n  .ecos-schedule{\n    padding:58px 23px 67px;\n  }\n\n  .ecos-title-line{\n    display:block;\n  }\n\n  .ecos-title-note{\n    margin-top:9px;\n    text-align:left;\n  }\n\n  .ecos-general,\n  .ecos-program{\n    grid-template-columns:35px 1fr;\n    gap:14px;\n  }\n\n  .ecos-time{\n    grid-column:2;\n    margin-top:-13px;\n    text-align:left;\n    font-size:16px;\n  }\n\n  .ecos-program-name{\n    font-size:18px;\n  }\n}\n<\/style>\n\n<div id=\"ecosPage\" class=\"ecos-page\">\n\n  <section class=\"ecos-hero\">\n\n    <div class=\"ecos-live\">\n      <span class=\"ecos-dot\"><\/span>\n      EN DIRECTO \u00b7 24 HORAS\n    <\/div>\n\n    <h1 class=\"ecos-heading\">ESCUCHAR ECOS RADIO<\/h1>\n\n    <div class=\"ecos-tagline\">\n      Tu informaci\u00f3n. Tu m\u00fasica. Valencia.\n    <\/div>\n\n    <div class=\"ecos-wave\" aria-hidden=\"true\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <button\n      id=\"ecosPlayButton\"\n      class=\"ecos-play\"\n      type=\"button\"\n      aria-label=\"Escuchar Ecos Radio en directo\"\n    >\u25b6<\/button>\n\n    <div id=\"ecosAction\" class=\"ecos-action\">\n      ESCUCHAR EN DIRECTO\n    <\/div>\n\n    <div id=\"ecosStatus\" class=\"ecos-status\">\n      Pulsa para comenzar la emisi\u00f3n\n    <\/div>\n\n    <div class=\"ecos-now\">\n      <div class=\"ecos-now-label\">AHORA EN ANTENA<\/div>\n\n      <div class=\"ecos-now-title\">\n        Ecos Radio en directo\n      <\/div>\n\n      <div class=\"ecos-now-extra\">\n        M\u00fasica \u00b7 Informaci\u00f3n \u00b7 Cultura\n      <\/div>\n    <\/div>\n\n    <audio id=\"ecosRadio\" preload=\"none\">\n      <source\n        src=\"https:\/\/streaming12.elitecomunicacion.es:8604\/stream\"\n        type=\"audio\/mpeg\"\n      >\n    <\/audio>\n\n  <\/section>\n\n  <section class=\"ecos-schedule\">\n    <div class=\"ecos-schedule-inner\">\n\n      <div class=\"ecos-section-label\">ECOS RADIO<\/div>\n\n      <div class=\"ecos-title-line\">\n        <h2>Programaci\u00f3n<\/h2>\n\n        <div class=\"ecos-title-note\">\n          M\u00fasica y contenidos durante las 24 horas\n        <\/div>\n      <\/div>\n\n      <div class=\"ecos-general\">\n        <div class=\"ecos-number\">00<\/div>\n\n        <div>\n          <div class=\"ecos-program-name\">\n            M\u00daSICA Y ACTUALIDAD\n          <\/div>\n\n          <div class=\"ecos-program-type\">\n            M\u00fasica, informaci\u00f3n y contenidos de proximidad\n          <\/div>\n        <\/div>\n\n        <div class=\"ecos-time\">\n          Durante todo el d\u00eda y la noche\n        <\/div>\n      <\/div>\n\n      <div id=\"ecosPrograms\"><\/div>\n\n      <div class=\"ecos-coming\">\n        Pr\u00f3ximamente, nuevos programas\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n\n  \/* ===================================================\n     PROGRAMACI\u00d3N EDITABLE\n\n     Para cambiar un programa, modifica \u00fanicamente:\n     name        = nombre\n     description = descripci\u00f3n\n     time        = d\u00edas y horario\n\n     Para a\u00f1adir otro, copia una l\u00ednea completa.\n  =================================================== *\/\n\n  const programas = [\n    {\n      name:\"ONDA FALLERA\",\n      description:\"Fallas, actualidad y tradici\u00f3n valenciana\",\n      time:\"Lunes y mi\u00e9rcoles \u00b7 20:00\"\n    },\n    {\n      name:\"ECOS DEL CAMPO CV\",\n      description:\"El mundo del caballo y sus protagonistas\",\n      time:\"Jueves y domingo \u00b7 20:00\"\n    }\n  ];\n\n  const programsContainer = document.getElementById(\"ecosPrograms\");\n\n  if(programsContainer){\n    programsContainer.innerHTML = programas.map(function(programa,index){\n\n      const numero = String(index + 1).padStart(2,\"0\");\n\n      return `\n        <div class=\"ecos-program\">\n          <div class=\"ecos-number\">${numero}<\/div>\n\n          <div>\n            <div class=\"ecos-program-name\">\n              ${programa.name}\n            <\/div>\n\n            <div class=\"ecos-program-type\">\n              ${programa.description}\n            <\/div>\n          <\/div>\n\n          <div class=\"ecos-time\">\n            ${programa.time}\n          <\/div>\n        <\/div>\n      `;\n\n    }).join(\"\");\n  }\n\n  const page = document.getElementById(\"ecosPage\");\n  const radio = document.getElementById(\"ecosRadio\");\n  const button = document.getElementById(\"ecosPlayButton\");\n  const action = document.getElementById(\"ecosAction\");\n  const status = document.getElementById(\"ecosStatus\");\n\n  if(!page || !radio || !button){\n    return;\n  }\n\n  button.addEventListener(\"click\",function(){\n\n    if(radio.paused){\n\n      radio.play().then(function(){\n\n        page.classList.add(\"playing\");\n        button.textContent=\"\u2161\";\n        button.style.paddingLeft=\"0\";\n        action.textContent=\"EST\u00c1S ESCUCHANDO ECOS RADIO\";\n        status.textContent=\"Emisi\u00f3n en directo\";\n\n      }).catch(function(){\n\n        status.textContent=\"No se pudo iniciar. Pulsa de nuevo.\";\n\n      });\n\n    }else{\n\n      radio.pause();\n      page.classList.remove(\"playing\");\n      button.textContent=\"\u25b6\";\n      button.style.paddingLeft=\"10px\";\n      action.textContent=\"ESCUCHAR EN DIRECTO\";\n      status.textContent=\"Emisi\u00f3n pausada\";\n\n    }\n\n  });\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>EN DIRECTO \u00b7 24 HORAS ESCUCHAR ECOS RADIO Tu informaci\u00f3n. Tu m\u00fasica. Valencia. \u25b6 ESCUCHAR EN DIRECTO Pulsa para comenzar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":15,"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/ecosradio.es\/index.php\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}