/* Capa independiente para invalidar de forma segura la cache del estilo hijo. */
:root {
  --ocn-page: #04070d;
  --ocn-surface: #101722;
  --ocn-ink: #ffffff;
  --ocn-muted-ink: #c7c7c7;
  --ocn-lime: #d7f36b;
  --ocn-coral: #ff6f66;
  --ocn-azure: #ff9a86;
  --ocn-sky: #ff6f66;
  --ocn-focus-ring: #ff8a72;
}

/* El H1 fallback mantiene la semántica SEO, pero no invade la composición
 * visual de la portada, cuyo titular editorial pertenece a Elementor. */
#proradio-body.home .ocn-home-title {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/* Fallback de jerarquía para páginas antiguas sin H1 editorial visible. */
.ocn-seo-heading {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}


/* Retirar la decoración heredada de ProRadio en la landing de la app. */
#proradio-body.page-id-372664 img[src*="/fondo.png"],
#proradio-body.page-id-372664 .proradio-waterwave,
#proradio-body.page-id-372664 .prbt-adslot,
#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader {
  display: none !important;
}

html,
body#proradio-body,
.proradio-body {
  background: var(--ocn-page);
  color: var(--ocn-ink);
}

#proradio-body .proradio-paper,
#proradio-body .elementor-widget-container > .proradio-paper,
#proradio-body .proradio-post,
#proradio-body .proradio-seriescard,
#proradio-body .proradio-card {
  background-color: var(--ocn-surface);
  color: var(--ocn-ink);
}

#proradio-body .proradio-paper a,
#proradio-body .proradio-post a,
#proradio-body .proradio-seriescard a {
  color: inherit;
}

#proradio-body .proradio-meta,
#proradio-body .proradio-post__excerpt,
#proradio-body .elementor-widget-text-editor,
#proradio-body .elementor-widget-text-editor p {
  color: var(--ocn-muted-ink);
}

/* Las fichas de programa reutilizan la rejilla nativa de ProRadio fuera de
 * la portada. La capa oscura cambia la superficie, pero el tema padre deja
 * los encabezados de esas tarjetas en tinta oscura. */
#proradio-body .proradio-post-grid .proradio-post__title,
#proradio-body .proradio-post-grid .proradio-post__title a {
  color: var(--ocn-ink);
}

#proradio-body .proradio-post-grid .proradio-cats a,
#proradio-body .proradio-post-grid .proradio-meta,
#proradio-body .proradio-post-grid .proradio-meta a {
  color: var(--ocn-muted-ink);
}

#proradio-body a:focus-visible,
#proradio-body button:focus-visible,
#proradio-body select:focus-visible {
  outline: 3px solid var(--ocn-focus-ring);
  outline-offset: 3px;
}

/* Accesibilidad global: todos los controles interactivos conservan un foco
 * inequívoco incluso cuando una hoja de Elementor o ProRadio lo neutraliza. */
#proradio-body :where(a, button, input, select, textarea, summary, [role="button"], [tabindex]):focus-visible {
  outline: 3px solid var(--ocn-focus-ring) !important;
  outline-offset: 3px;
}

/* Evita transiciones decorativas para usuarios que han pedido reducir
 * movimiento, sin alterar el reproductor ni los controles funcionales. */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  #proradio-body *,
  #proradio-body *::before,
  #proradio-body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.home .elementor-element-3fb9966 {
  background:
    radial-gradient(720px 340px at 8% 0%, rgba(255, 154, 134, 0.2), transparent 62%),
    radial-gradient(620px 300px at 92% 10%, rgba(255, 111, 102, 0.18), transparent 60%),
    #0f1624;
  overflow: hidden;
}

.proradio-particles-js-container {
  background:
    radial-gradient(720px 320px at 8% 0%, rgba(255, 154, 134, 0.22), transparent 60%),
    radial-gradient(560px 280px at 90% 12%, rgba(255, 111, 102, 0.18), transparent 58%),
    #070b12 !important;
}

.proradio-particles-js-container .elementor-background-overlay {
  background:
    linear-gradient(90deg, rgba(69, 19, 25, 0.2), rgba(4, 7, 13, 0.64)) !important;
  opacity: 1 !important;
}

.proradio-particles-js-container .particles-js-canvas-el,
.proradio-particles-js-container canvas {
  filter: hue-rotate(355deg) saturate(1.2) contrast(1.05);
  opacity: 0.9;
}

.home .elementor-element-3fb9966 .elementor-background-overlay {
  background: linear-gradient(90deg, rgba(69, 19, 25, 0.18), rgba(4, 7, 13, 0.62));
}

.home .elementor-element-3fb9966 .elementor-heading-title,
.home .elementor-element-3fb9966 .elementor-widget-container {
  color: #fff;
}

.home .elementor-element-3fb9966 .proradio-customplayer {
  background: rgba(9, 12, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.home .elementor-element-3fb9966 .proradio-customplayer__button a,
.home .elementor-element-3fb9966 .proradio-btn {
  background: var(--ocn-lime);
  border-radius: 999px;
  color: #17200c;
  font-weight: 800;
  min-height: 48px;
}

.home .proradio-post,
.home .proradio-seriescard,
.home .proradio-itemcontainer {
  background: var(--ocn-surface);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
}

.home .proradio-post:hover,
.home .proradio-seriescard:hover,
.home .proradio-itemcontainer:hover {
  border-color: rgba(255, 154, 134, 0.62);
}

.home .proradio-post__title,
.home .proradio-post__title a,
.home .proradio-seriescard__title,
.home .proradio-seriescard__title a {
  color: #fff;
}

@media (max-width: 767px) {
  /* La portada heredada apilaba seis reproductores sobre una foto ajena a la
   * marca. En móvil se prioriza una entrada clara y un único directo usable. */
  .home .elementor-element-3fb9966,
  .home .elementor-element-3fb9966:not(.elementor-motion-effects-element-type-background),
  .home .elementor-element-3fb9966 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: #04070d !important;
    background-image: none !important;
  }

  .home .elementor-element-3fb9966 {
    padding: 112px 16px 32px !important;
  }

  .home .elementor-element-3fb9966 .elementor-background-overlay {
    background:
      radial-gradient(300px 200px at 12% 2%, rgba(255, 154, 134, 0.22), transparent 68%),
      linear-gradient(160deg, #12233b 0%, #04070d 74%) !important;
    opacity: 1 !important;
  }

  .home .elementor-element-86432c2,
  .home .elementor-element-86432c2 .elementor-widget-container {
    margin: 0 0 22px !important;
  }

  .home .elementor-element-86432c2 .elementor-heading-title {
    font-size: clamp(2.6rem, 12vw, 4rem) !important;
    letter-spacing: -0.06em;
    line-height: 0.93;
    max-width: 8ch;
  }

  .home .elementor-element-af9c2e8 .proradio-customplayer {
    background: #2a1317 !important;
    height: auto !important;
    min-height: 84px;
    width: 100% !important;
  }

  .home .elementor-element-af9c2e8 .proradio-customplayer__cont,
  .home .elementor-element-af9c2e8 .proradio-customplayer__show,
  .home .elementor-element-af9c2e8 .proradio-customplayer__info {
    align-items: center;
    flex-direction: row !important;
    justify-content: flex-start;
    text-align: left;
  }

  .home .elementor-element-af9c2e8 .proradio-customplayer__logo img {
    max-width: 52px !important;
  }

  .home .elementor-element-d51ae97,
  .home .elementor-element-72097df,
  .home .elementor-element-096b292,
  .home .elementor-element-babbbac,
  .home .elementor-element-1cda664 {
    display: none !important;
  }

  #proradio-header,
  .proradio-header,
  .proradio-menu-horizontal,
  .proradio-menu-horizontal .proradio-paper {
    background-color: #050505 !important;
  }

  #proradio-header .proradio-menubtn,
  #proradio-header .proradio-searchbtn {
    background: #111 !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
  }

  #proradio-body .proradio-menu-horizontal,
  #proradio-body .proradio-menu-horizontal .elementor-nav-menu--dropdown {
    background: rgba(4, 7, 13, 0.96);
  }

  .home .proradio-post,
  .home .proradio-seriescard,
  .home .proradio-itemcontainer {
    border-radius: 12px;
  }
}
/* Programas: el tema padre deja el contenedor principal en blanco. Release 20260721. */
#proradio-body.tax-genre .proradio-maincontent.proradio-bg,
#proradio-body.single-shows .proradio-maincontent.proradio-bg {
  background-color: var(--ocn-page) !important;
  color: var(--ocn-ink);
}

/* Páginas informativas Elementor: el tema conserva colores oscuros inline
 * aunque la superficie ya sea negra. Se fija el contraste únicamente dentro
 * del contenido principal, sin alterar la cabecera, el pie ni sus menús. */
#proradio-body .proradio-maincontent .elementor-widget-text-editor,
#proradio-body .proradio-maincontent .elementor-widget-text-editor p,
#proradio-body .proradio-maincontent .elementor-widget-text-editor li,
#proradio-body .proradio-maincontent .elementor-widget-text-editor dt,
#proradio-body .proradio-maincontent .elementor-widget-text-editor dd,
#proradio-body .proradio-maincontent .elementor-widget-text-editor figcaption,
#proradio-body .proradio-maincontent .elementor-widget-text-editor table,
#proradio-body .proradio-maincontent .elementor-widget-text-editor th,
#proradio-body .proradio-maincontent .elementor-widget-text-editor td {
  color: var(--ocn-ink) !important;
}

#proradio-body .proradio-maincontent .elementor-widget-heading .elementor-heading-title,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h1,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h2,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h3,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h4,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h5,
#proradio-body .proradio-maincontent .elementor-widget-text-editor h6 {
  color: var(--ocn-ink) !important;
}

#proradio-body .proradio-maincontent .elementor-widget-text-editor a {
  color: var(--ocn-lime) !important;
  text-decoration-color: currentColor;
}

/* Estas cinco vistas son páginas de ayuda, comunidad o descarga: los huecos
 * GAM globales rompen la lectura y duplican creatividades. El resto de la web
 * (portada, noticias y páginas comerciales) mantiene su monetización. */
body.page-id-368977 .prbt-adslot,
body.page-id-276945 .prbt-adslot,
body.page-id-372664 .prbt-adslot,
body.page-id-349577 .prbt-adslot,
body.tax-membertype.term-colaborador .prbt-adslot {
  display: none !important;
}

/* VOD: las tarjetas usan un h3 heredado del tema padre que cae en tinta casi
 * negra sobre la superficie oscura. Se corrige solo en la página VOD. */
#proradio-body.page-id-365297 .contenido-vod .proradio-post__title,
#proradio-body.page-id-365297 .contenido-vod .proradio-post__title a {
  color: #fff !important;
}

#proradio-body.page-id-365297 .contenido-vod .proradio-post__title a:hover,
#proradio-body.page-id-365297 .contenido-vod .proradio-post__title a:focus {
  color: var(--ocn-lime) !important;
}

/* VOD comparte la identidad de Programas sin duplicar ni sustituir su
 * catálogo. La imagen procede de la propia portada de Programas y el alcance
 * queda limitado a esta página. */
#proradio-body.page-id-365297 .proradio-maincontent > .proradio-section {
  background-color: #fff !important;
  background-image: url("https://www.ocionews.com/wp-content/uploads/2023/10/pr-demo-template-bg3-02.jpg") !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#proradio-body.page-id-365297 #proradio-content {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

#proradio-body.page-id-365297 .proradio-sidebar {
  display: none;
}

#proradio-body.page-id-365297 .elementor-365297 {
  width: 100%;
}

#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor,
#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor p {
  color: #111b2b !important;
}

/* VOD: misma composición editorial de tarjetas que Programación y Selección Musical. */
#proradio-body.page-id-365297 {
  --ocn-vod-bg: #080d18;
  --ocn-vod-panel: rgba(16, 24, 39, .92);
  --ocn-vod-text: #f7f8fb;
  --ocn-vod-muted: #a8b2c4;
  --ocn-vod-coral: #ff8a67;
  --ocn-vod-lime: #d9f36a;
  background:
    radial-gradient(900px 360px at 8% 18%, rgba(255, 138, 103, .13), transparent 62%),
    radial-gradient(780px 380px at 92% 34%, rgba(79, 112, 176, .13), transparent 64%),
    var(--ocn-vod-bg);
}

#proradio-body.page-id-365297 #proradio-content {
  background: transparent;
  flex-basis: auto;
  grid-column: 1 / -1;
  max-width: none;
  width: 100%;
}

#proradio-body.page-id-365297 .proradio-maincontent > .proradio-section { background: transparent !important; }
#proradio-body.page-id-365297 .proradio-maincontent > .proradio-section { padding-top: clamp(28px, 3vw, 44px); }
#proradio-body.page-id-365297 .prbt-adslot-2 { margin-bottom: 30px !important; }
#proradio-body.page-id-365318 .proradio-maincontent > .proradio-section {
  padding-top: 30px !important;
}
#proradio-body.page-id-365318 .prbt-adslot-2 {
  margin: 0 0 30px !important;
  padding: 0 !important;
}
#proradio-body.page-id-365318 .elementor-element-5575d019,
#proradio-body.page-id-365318 .elementor-element-5575d019 > .e-con-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#proradio-body.page-id-365297 .proradio-row.proradio-stickycont { display: block; }
#proradio-body.page-id-365297 #proradio-sidebarcontainer,
#proradio-body.page-id-365297 .proradio-sidebar { display: none; }

#proradio-body.page-id-365297 .proradio-pagecaption {
  color: var(--ocn-vod-text);
  font-size: clamp(2.5rem, 5vw, 5.6rem);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: .92;
  margin: 0 auto clamp(1.5rem, 3vw, 2.8rem);
  max-width: 1180px;
  padding: 0 clamp(18px, 4vw, 42px);
  text-wrap: balance;
}

#proradio-body.page-id-365297 .proradio-pagecaption::after {
  background: linear-gradient(90deg, var(--ocn-vod-coral), var(--ocn-vod-lime));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 1rem;
  max-width: 92px;
}

#proradio-body.page-id-365297 .proradio-row {
  display: grid;
  gap: clamp(16px, 2vw, 26px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

#proradio-body.page-id-365297 .proradio-col__post {
  float: none;
  margin: 0;
  max-width: none;
  padding: 0;
  width: auto;
}

#proradio-body.page-id-365297 .proradio-post {
  background: var(--ocn-vod-panel);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#proradio-body.page-id-365297 .proradio-post:hover,
#proradio-body.page-id-365297 .proradio-post:focus-within {
  border-color: rgba(255, 138, 103, .72);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255, 138, 103, .12);
  transform: translateY(-4px);
}

#proradio-body.page-id-365297 .proradio-post__header { aspect-ratio: 16 / 9; min-height: 0; }

#proradio-body.page-id-365297 .proradio-post__header::after {
  background: linear-gradient(180deg, transparent 26%, rgba(4, 8, 16, .78) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

#proradio-body.page-id-365297 .proradio-post__thumb {
  filter: saturate(.92) contrast(1.04);
  height: 100%;
  object-fit: cover;
  transition: filter .35s ease, transform .35s ease;
  width: 100%;
}

#proradio-body.page-id-365297 .proradio-post:hover .proradio-post__thumb,
#proradio-body.page-id-365297 .proradio-post:focus-within .proradio-post__thumb {
  filter: saturate(1.08) contrast(1.05);
  transform: scale(1.04);
}

#proradio-body.page-id-365297 .proradio-actions__cont { opacity: 0; transition: opacity .2s ease; z-index: 2; }
#proradio-body.page-id-365297 .proradio-post:hover .proradio-actions__cont,
#proradio-body.page-id-365297 .proradio-post:focus-within .proradio-actions__cont { opacity: 1; }

#proradio-body.page-id-365297 .proradio-post__content {
  background: linear-gradient(180deg, rgba(16, 24, 39, .98), rgba(10, 16, 28, .98));
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: clamp(18px, 2.2vw, 24px);
}

#proradio-body.page-id-365297 .proradio-cats {
  color: var(--ocn-vod-coral);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  margin: 0;
  min-height: 0;
  text-transform: uppercase;
}

#proradio-body.page-id-365297 .proradio-post__title,
#proradio-body.page-id-365297 .proradio-post__title a {
  background-image: none !important;
  background-size: 0 0 !important;
  color: var(--ocn-vod-text);
  font-size: clamp(1.18rem, 1.8vw, 1.5rem);
  font-weight: 850;
  letter-spacing: -.02em;
  line-height: 1.05;
  margin: 0;
  text-decoration: none !important;
}

#proradio-body.page-id-365297 .proradio-post__title a:hover,
#proradio-body.page-id-365297 .proradio-post__title a:focus-visible {
  background-image: none !important;
  color: var(--ocn-vod-text) !important;
  text-decoration: none !important;
}

#proradio-body.page-id-365297 .proradio-post__content .proradio-meta,
#proradio-body.page-id-365297 .proradio-post__content .proradio-meta a {
  color: var(--ocn-vod-muted);
  font-size: .78rem;
  margin-top: auto;
}

#proradio-body.page-id-365297 .proradio-post__content .proradio-meta i { color: var(--ocn-vod-coral); }

/* La introducción Elementor heredaba tinta oscura del diseño anterior de VOD. */
#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor,
#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor p {
  color: var(--ocn-vod-muted) !important;
}

#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor strong,
#proradio-body.page-id-365297 .elementor-365297 .elementor-widget-text-editor b {
  color: var(--ocn-vod-lime) !important;
}

@media (max-width: 900px) {
  #proradio-body.page-id-365297 .proradio-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  #proradio-body.page-id-365297 .proradio-pagecaption { font-size: clamp(2.35rem, 13vw, 4rem); }
  #proradio-body.page-id-365297 .proradio-row { grid-template-columns: 1fr; }
  #proradio-body.page-id-365297 .proradio-actions__cont { opacity: 1; }
}

/* APP: composición de descarga sin la plantilla lateral naranja de ProRadio. */
#proradio-body.page-id-372664 .proradio-maincontent,
#proradio-body.page-id-372664 .proradio-maincontent > .proradio-section,
#proradio-body.page-id-372664 .proradio-maincontent > .proradio-section > .proradio-container {
  background: var(--ocn-page) !important;
  color: var(--ocn-ink);
}

#proradio-body.page-id-372664 #proradio-content {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#proradio-body.page-id-372664 #proradio-sidebarcontainer,
#proradio-body.page-id-372664 #proradio-sidebar-offcanvas,
#proradio-body.page-id-372664 #proradio-sidebar {
  display: none !important;
}

#proradio-body.page-id-372664 .elementor-372664 {
  width: 100% !important;
  max-width: 1180px;
  margin: 0 auto;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd {
  padding: 12px 24px 8px !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2 {
  color: var(--ocn-ink) !important;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  letter-spacing: -.025em;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd p {
  color: var(--ocn-muted-ink) !important;
  font-size: 1rem;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 {
  background: transparent !important;
  background-image: none !important;
  padding: 16px 24px 34px !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
.elementor-page-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: calc(100% + 48px) !important;
  max-width: none !important;
  margin-left: -24px !important;
  margin-right: -24px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: center !important;
  justify-items: stretch !important;
  place-content: center !important;
  box-sizing: border-box;
}

@media (max-width: 1000px) and (min-width: 701px) {
  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
  body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
  .elementor-page-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
.elementor-page-372664 .elementor-372664 .elementor-element-9a6799a,
.elementor-page-372664 .elementor-372664 .elementor-element-6eb3cd5 {
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

/* Landing APPs: una pieza de producto que deja clara la disponibilidad por dispositivo. */
#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd {
  position: relative;
  overflow: hidden;
  margin: 26px 24px 12px;
  padding: clamp(34px, 6vw, 72px) clamp(20px, 5vw, 72px) 34px !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 32px;
  background: radial-gradient(circle at 12% 12%, rgba(255,111,102,.24), transparent 29%), radial-gradient(circle at 90% 0, rgba(215,243,107,.16), transparent 30%), linear-gradient(135deg, #162338 0%, #090e17 62%, #0c1420 100%) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.32);
}

/* La plantilla añade un hueco inferior heredado antes del footer; APPs termina en sus tarjetas. */
#proradio-body.page-id-372664 #proradio-content,
body.page-id-372664 #proradio-content,
.elementor-page-372664 #proradio-content {
  margin-bottom: -225px !important;
}

/* ProRadio anima un degradado detrás de los títulos de tarjetas al pasar el
 * cursor. Desactívalo globalmente: reduce el contraste y dificulta leerlos. */

/* La Voz Silenciosa: compactar los contenedores Elementor que dejan bandas
 * vacías entre el carrusel, el texto introductorio y Novedades. */
body.page-id-1118 .elementor-1118 > .elementor-element-9014145,
body.page-id-1118 .elementor-1118 > .elementor-element-17cdd97,
body.page-id-1118 .elementor-1118 .elementor-element-37abf1a,
body.page-id-1118 .elementor-1118 .elementor-element-6fe9cd2,
body.page-id-1118 .elementor-1118 .elementor-element-1d3a99d {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-id-1118 .elementor-1118 .elementor-element-7e0d2cd {
  padding-top: 16px !important;
  padding-bottom: 24px !important;
}

body.page-id-1118 .elementor-1118 .elementor-element-6bbddb9 {
  margin-bottom: 0 !important;
}

body.page-id-1118 .elementor-1118 .elementor-element-7418850 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

body.page-id-1118 .elementor-1118 .elementor-element-d25c687 {
  padding-top: 0 !important;
}

#proradio-body .proradio-post__title a,
#proradio-body .proradio-post__title a:hover,
#proradio-body .proradio-post__title a:focus,
#proradio-body .proradio-post__title a:focus-visible {
  background: none !important;
  background-image: none !important;
  background-size: 0 0 !important;
  -webkit-text-fill-color: currentColor !important;
  transition: color .18s ease !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd::before,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd::before,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd::before {
  content: "DISPONIBLE EN TODAS TUS PANTALLAS";
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
  color: var(--ocn-lime);
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-align: center;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd h2 {
  position: relative;
  z-index: 1;
  margin: 0 auto 14px !important;
  max-width: 850px;
  color: #fff !important;
  font-size: clamp(2.3rem, 5.2vw, 5.2rem) !important;
  font-weight: 900;
  letter-spacing: -.06em;
  line-height: .95;
  text-wrap: balance;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd p,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd p,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd p {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto 12px !important;
  color: #dbe5f3 !important;
  font-size: clamp(1rem, 1.5vw, 1.16rem) !important;
  line-height: 1.5;
}

#proradio-body.page-id-372664 .ocn-app-devices,
body.page-id-372664 .ocn-app-devices,
.elementor-page-372664 .ocn-app-devices {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: 850px;
  margin: 30px auto 0;
}

#proradio-body.page-id-372664 .ocn-app-device,
body.page-id-372664 .ocn-app-device,
.elementor-page-372664 .ocn-app-device {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(5,10,17,.43);
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.1;
}

#proradio-body.page-id-372664 .ocn-app-device span,
body.page-id-372664 .ocn-app-device span,
.elementor-page-372664 .ocn-app-device span {
  font-size: 1.85rem;
  line-height: 1;
}

#proradio-body.page-id-372664 .ocn-app-device.is-live,
body.page-id-372664 .ocn-app-device.is-live,
.elementor-page-372664 .ocn-app-device.is-live {
  border-color: rgba(255,111,102,.75);
  background: linear-gradient(145deg, rgba(255,111,102,.22), rgba(15,24,38,.74));
}

#proradio-body.page-id-372664 .ocn-app-device.is-soon,
body.page-id-372664 .ocn-app-device.is-soon,
.elementor-page-372664 .ocn-app-device.is-soon { opacity: .68; }

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701,
body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701,
.elementor-page-372664 .elementor-372664 > .elementor-element-5ca6701 {
  padding: 24px 24px 56px !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
.elementor-page-372664 .elementor-372664 .elementor-element-9a6799a {
  position: relative;
  min-height: 390px;
  padding: 44px 36px 34px !important;
  border: 1px solid rgba(255,111,102,.78) !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 100% 0, rgba(255,111,102,.25), transparent 45%), linear-gradient(155deg, #202e46, #0b111b 70%) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.3);
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a::before,
body.page-id-372664 .elementor-372664 .elementor-element-9a6799a::before,
.elementor-page-372664 .elementor-372664 .elementor-element-9a6799a::before {
  content: none !important;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--ocn-lime);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  white-space: nowrap;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
.elementor-page-372664 .elementor-372664 .elementor-element-6eb3cd5 {
  min-height: 390px;
  padding: 44px 36px 34px !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 0 0, rgba(215,243,107,.14), transparent 42%), linear-gradient(155deg, #172131, #0b111b 70%) !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a h3,
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5 h3,
body.page-id-372664 .elementor-372664 .elementor-element-9a6799a h3,
body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5 h3,
.elementor-page-372664 .elementor-372664 .elementor-element-9a6799a h3,
.elementor-page-372664 .elementor-372664 .elementor-element-6eb3cd5 h3 {
  font-size: clamp(1.7rem, 2.5vw, 2.45rem) !important;
  line-height: 1.03 !important;
}

@media (max-width: 700px) {
  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
  body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
  .elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd { margin: 16px; border-radius: 24px; }
  #proradio-body.page-id-372664 .ocn-app-devices,
  body.page-id-372664 .ocn-app-devices,
  .elementor-page-372664 .ocn-app-devices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #proradio-body.page-id-372664 .ocn-app-device,
  body.page-id-372664 .ocn-app-device,
  .elementor-page-372664 .ocn-app-device { min-height: 88px; font-size: .7rem; }
  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
  body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
  body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
  .elementor-page-372664 .elementor-372664 .elementor-element-9a6799a,
  .elementor-page-372664 .elementor-372664 .elementor-element-6eb3cd5 { min-height: 0; padding: 44px 22px 28px !important; }
}

/* APPs: cierre del contenido junto al footer; debe prevalecer sobre ProRadio. */
#proradio-body.page-id-372664 #proradio-content,
body.page-id-372664 #proradio-content,
.elementor-page-372664 #proradio-content {
  margin-bottom: -225px !important;
}

/* Refinado final: iconografía CSS estable y un hero más proporcionado. */
#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  display: none !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd {
  padding-top: clamp(30px, 4vw, 50px) !important;
  padding-bottom: 30px !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
.elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd h2 {
  max-width: 780px;
  font-size: clamp(2.25rem, 4.35vw, 4.35rem) !important;
  line-height: 1 !important;
  letter-spacing: -.052em;
}

#proradio-body.page-id-372664 .ocn-app-devices,
body.page-id-372664 .ocn-app-devices,
.elementor-page-372664 .ocn-app-devices { margin-top: 24px; }

#proradio-body.page-id-372664 .ocn-app-device,
body.page-id-372664 .ocn-app-device,
.elementor-page-372664 .ocn-app-device {
  min-height: 94px;
  gap: 8px;
}

#proradio-body.page-id-372664 .ocn-app-device span,
body.page-id-372664 .ocn-app-device span,
.elementor-page-372664 .ocn-app-device span {
  position: relative;
  display: block;
  width: 22px;
  height: 29px;
  border: 2px solid currentColor;
  border-radius: 6px;
  color: var(--ocn-lime);
  font-size: 0;
  line-height: 0;
  box-sizing: border-box;
}

#proradio-body.page-id-372664 .ocn-app-device span::after,
body.page-id-372664 .ocn-app-device span::after,
.elementor-page-372664 .ocn-app-device span::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(2) span,
body.page-id-372664 .ocn-app-device:nth-child(2) span,
.elementor-page-372664 .ocn-app-device:nth-child(2) span {
  width: 31px;
  height: 23px;
  border-radius: 5px;
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(3) span,
body.page-id-372664 .ocn-app-device:nth-child(3) span,
.elementor-page-372664 .ocn-app-device:nth-child(3) span {
  width: 33px;
  height: 22px;
  border-radius: 4px;
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(3) span::before,
body.page-id-372664 .ocn-app-device:nth-child(3) span::before,
.elementor-page-372664 .ocn-app-device:nth-child(3) span::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: currentColor;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(4) span,
body.page-id-372664 .ocn-app-device:nth-child(4) span,
.elementor-page-372664 .ocn-app-device:nth-child(4) span {
  width: 34px;
  height: 16px;
  margin-top: 7px;
  border-radius: 8px 10px 5px 5px;
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(4) span::before,
body.page-id-372664 .ocn-app-device:nth-child(4) span::before,
.elementor-page-372664 .ocn-app-device:nth-child(4) span::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 50%;
  bottom: -6px;
  left: 3px;
  background: #111927;
  box-sizing: border-box;
  box-shadow: 19px 0 0 -2px #111927, 19px 0 0 0 currentColor;
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(5) span,
body.page-id-372664 .ocn-app-device:nth-child(5) span,
.elementor-page-372664 .ocn-app-device:nth-child(5) span { color: #94a3b8; }

@media (max-width: 700px) {
  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
  body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd h2,
  .elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd h2 { font-size: clamp(2rem, 10vw, 2.65rem) !important; }
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 {
  display: flex !important;
  justify-content: center !important;
}

#proradio-body.page-id-372664 #proradio-headerbar-content .proradio-menu__logo,
#proradio-body.page-id-372664 #proradio-headerbar-content .proradio-logolink,
#proradio-body.page-id-372664 #proradio-headerbar-content .proradio-logo_header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Cabecera propia de la landing: no depende del logo responsive del tema. */
#proradio-body.page-id-372664 #proradio-menu {
  position: relative !important;
}

#proradio-body.page-id-372664 #proradio-menu::before {
  content: "";
  position: absolute;
  z-index: 20;
  top: 12px;
  left: 22px;
  width: 150px;
  height: 58px;
  display: block;
  background: url("https://www.ocionews.com/storage/2023/10/OcioNews_logo_horizontal_transparente_260x100.png") center / contain no-repeat;
  pointer-events: none;
}

/* El menú puede desplazarse en algunos breakpoints; la marca queda anclada al header completo. */
#proradio-body.page-id-372664 #proradio-headerbar-content {
  position: relative !important;
}

#proradio-body.page-id-372664 #proradio-headerbar-content .proradio-menu__logo .proradio-logo_header {
  visibility: hidden !important;
}

#proradio-body.page-id-372664 #proradio-headerbar-content::before {
  content: "";
  position: absolute;
  z-index: 30;
  top: 12px;
  left: 22px;
  width: 150px;
  height: 58px;
  display: block;
  background: url("https://www.ocionews.com/storage/2023/10/OcioNews_logo_horizontal_transparente_260x100.png") center / contain no-repeat;
  pointer-events: none;
}

/* Cabecera editorial propia de la app, separada del hero de programación. */
#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader {
  display: block !important;
  min-height: 210px !important;
  padding: 54px 24px 42px !important;
  background-color: var(--ocn-page) !important;
  background-image: linear-gradient(180deg, rgba(4, 7, 13, .28), rgba(4, 7, 13, .82)), url("https://www.ocionews.com/storage/2023/10/fondo.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader .proradio-pageheader__contents {
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader .proradio-pagecaption {
  color: var(--ocn-ink) !important;
  font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
  letter-spacing: -.04em;
}

#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader .proradio-pageheader__scroll,
body.page-id-372664 .proradio-pageheader .proradio-pageheader__scroll,
.elementor-page-372664 .proradio-pageheader .proradio-pageheader__scroll {
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  display: block !important;
  position: absolute !important;
  top: auto !important;
  left: 50% !important;
  right: auto !important;
  bottom: 30px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll__arrows,
body.page-id-372664 .proradio-pageheader .proradio-mscroll__arrows,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll__arrows {
  display: block !important;
  opacity: 1 !important;
  border-color: #fff !important;
  color: #fff !important;
  filter: brightness(1.8) !important;
}

/* Indicador propio por encima del canvas de ondas; el indicador nativo queda oculto. */
#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  display: none !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents,
body.page-id-372664 .proradio-pageheader__contents,
.elementor-page-372664 .proradio-pageheader__contents {
  position: relative !important;
  z-index: 1000 !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents::after,
body.page-id-372664 .proradio-pageheader__contents::after,
.elementor-page-372664 .proradio-pageheader__contents::after {
  content: "";
  position: absolute;
  z-index: 1001;
  top: 134px;
  left: 50%;
  width: 16px;
  height: 28px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 10px;
  transform: translateX(-50%);
}

#proradio-body.page-id-372664 .proradio-pageheader__contents::before,
body.page-id-372664 .proradio-pageheader__contents::before,
.elementor-page-372664 .proradio-pageheader__contents::before {
  content: "⌄\\A⌄\\A⌄";
  position: absolute;
  z-index: 1002;
  top: 163px;
  left: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 8px;
  text-align: center;
  white-space: pre;
  transform: translateX(-50%);
}

#proradio-body.page-id-372664 .proradio-pageheader__contents,
body.page-id-372664 .proradio-pageheader__contents,
.elementor-page-372664 .proradio-pageheader__contents {
  position: static !important;
}

#proradio-body.page-id-372664 .proradio-pageheader,
body.page-id-372664 .proradio-pageheader,
.elementor-page-372664 .proradio-pageheader {
  position: relative !important;
}

/* El tema calcula el indicador fuera del flujo del hero; fijarlo bajo el título. */
#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  top: 133px !important;
  bottom: auto !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption {
  color: #fff !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents::after,
body.page-id-372664 .proradio-pageheader__contents::after,
.elementor-page-372664 .proradio-pageheader__contents::after {
  content: none !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents::before,
body.page-id-372664 .proradio-pageheader__contents::before,
.elementor-page-372664 .proradio-pageheader__contents::before {
  content: none !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-waterwave,
body.page-id-372664 .proradio-pageheader .proradio-waterwave,
.elementor-page-372664 .proradio-pageheader .proradio-waterwave {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 42px !important;
  z-index: 5 !important;
}

#proradio-body.page-id-372664 #proradio-content,
body.page-id-372664 #proradio-content,
.elementor-page-372664 #proradio-content {
  position: relative !important;
  top: -110px !important;
  margin-bottom: -110px !important;
}

/* Fallback para las variantes de plantilla/cache que no conservan #proradio-body. */
body.page-id-372664 .proradio-pagecontent .proradio-pageheader,
.elementor-page-372664 .proradio-pagecontent .proradio-pageheader {
  display: block !important;
  min-height: 210px !important;
  padding: 54px 24px 42px !important;
  background-color: var(--ocn-page) !important;
  background-image: linear-gradient(180deg, rgba(4, 7, 13, .28), rgba(4, 7, 13, .82)), url("https://www.ocionews.com/storage/2023/10/fondo.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption {
  position: relative !important;
  display: inline-block !important;
  color: var(--ocn-ink) !important;
  font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption::before,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption::before,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption::before,
#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption::after,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption::after,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption::after {
  content: none !important;
  animation: none !important;
}

/* Override final: reactivar el indicador propio después de las reglas del título. */
#proradio-body.page-id-372664 .proradio-pageheader__contents::after,
body.page-id-372664 .proradio-pageheader__contents::after,
.elementor-page-372664 .proradio-pageheader__contents::after {
  content: none !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents::before,
body.page-id-372664 .proradio-pageheader__contents::before,
.elementor-page-372664 .proradio-pageheader__contents::before {
  content: none !important;
}

/* Igualar el indicador de APPs al flujo nativo de las páginas de programación. */
#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 59px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 20 !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents,
body.page-id-372664 .proradio-pageheader__contents,
.elementor-page-372664 .proradio-pageheader__contents {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  flex: 0 0 59px !important;
  align-self: stretch !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption {
  font-size: clamp(2.6rem, 6vw, 6.8rem) !important;
  font-weight: 900 !important;
  line-height: .92 !important;
  letter-spacing: -.06em !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption {
  animation: ocn-app-title-float 4s ease-in-out infinite;
}

@keyframes ocn-app-title-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* APPs: igualar la cabecera editorial al hero nativo de VOD/programación. */
#proradio-body.page-id-372664 .proradio-pagecontent > .proradio-pageheader,
body.page-id-372664 .proradio-pagecontent > .proradio-pageheader,
.elementor-page-372664 .proradio-pagecontent > .proradio-pageheader {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption {
  color: #fff !important;
  font-size: clamp(2.5rem, 5vw, 5.6rem) !important;
  font-weight: 900 !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  margin: 0 0 clamp(1.5rem, 3vw, 2.8rem) !important;
  padding: 0 clamp(18px, 4vw, 42px) !important;
  display: block !important;
}

#proradio-body.page-id-372664 .proradio-pageheader__contents,
body.page-id-372664 .proradio-pageheader__contents,
.elementor-page-372664 .proradio-pageheader__contents {
  height: auto !important;
  display: block !important;
  padding: 50px 0 40px !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-pagecaption::after,
body.page-id-372664 .proradio-pageheader .proradio-pagecaption::after,
.elementor-page-372664 .proradio-pageheader .proradio-pagecaption::after {
  background: linear-gradient(90deg, var(--ocn-coral), var(--ocn-lime)) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 4px !important;
  margin-top: 1rem !important;
  max-width: 92px !important;
}

#proradio-body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
body.page-id-372664 .proradio-pageheader .proradio-mscroll-container,
.elementor-page-372664 .proradio-pageheader .proradio-mscroll-container {
  height: 59px !important;
  flex: 0 0 59px !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5 {
  align-self: stretch;
  min-height: 250px;
  padding: 28px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #182334 0%, #0d1420 100%) !important;
  background-image: none !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a {
  border-color: rgba(255,111,102,.58) !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5 {
  border-color: rgba(215,243,107,.46) !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a:hover,
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5:hover {
  transform: translateY(-4px);
  border-color: var(--ocn-coral) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.34);
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor h3,
#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor h3 span,
#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor p {
  color: var(--ocn-ink) !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor h3 {
  margin: 0 0 14px;
  font-size: clamp(1.45rem, 2vw, 2rem);
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor p {
  color: var(--ocn-muted-ink) !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-widget-text-editor a {
  color: #fff !important;
  text-decoration: none !important;
}

#proradio-body.page-id-372664 .elementor-372664 > .elementor-element-1a88f5e {
  display: none !important;
}

@media (max-width: 700px) {
  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701,
  body.page-id-372664 .elementor-372664 > .elementor-element-16fe7fdd,
  body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701,
  .elementor-page-372664 .elementor-372664 > .elementor-element-16fe7fdd,
  .elementor-page-372664 .elementor-372664 > .elementor-element-5ca6701 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #proradio-body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
  body.page-id-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner,
  .elementor-page-372664 .elementor-372664 > .elementor-element-5ca6701 > .e-con-inner {
    grid-template-columns: 1fr;
    width: 100% !important;
    gap: 16px;
  }

  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5 {
    min-height: 0;
    padding: 24px 18px !important;
  }
}

/* APPs: Elementor elimina los span de icono; dibujarlos desde las propias tarjetas. */
.ocn-tester-open,
.ocn-app-action {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 999px;
  background: #26364e;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;
}

.ocn-tester-open { background: #f05b5e; }

.ocn-tester-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0,0,0,.72);
}

.ocn-tester-modal:target { display: flex; }

.ocn-tester-dialog {
  position: relative;
  width: min(560px, 100%);
  padding: 34px 30px;
  border: 1px solid rgba(210,255,64,.55);
  border-radius: 22px;
  background: #101a29;
  color: #fff;
  text-align: center;
  box-shadow: 0 24px 80px rgba(0,0,0,.5);
}

.ocn-tester-dialog h3 { color: #fff !important; }
.ocn-tester-dialog p { color: #d9e2ec !important; }
.ocn-tester-close {
  position: absolute;
  top: 10px;
  right: 18px;
  color: #fff !important;
  font-size: 28px;
  text-decoration: none !important;
}

/* APPs: todas las plataformas se presentan en una unica cuadricula. */
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
#proradio-body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
body.page-id-372664 .elementor-372664 .elementor-element-9a6799a,
body.page-id-372664 .elementor-372664 .elementor-element-6eb3cd5,
.elementor-page-372664 .elementor-372664 .elementor-element-9a6799a,
.elementor-page-372664 .elementor-372664 .elementor-element-6eb3cd5 {
  display: none !important;
}

#proradio-body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
.elementor-page-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1000px) and (min-width: 701px) {
  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
  body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
  .elementor-page-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  #proradio-body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
  body.page-id-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"],
  .elementor-page-372664 .elementor-372664 .elementor-element-ea58295 [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }
}

#proradio-body.page-id-372664 .ocn-app-device,
body.page-id-372664 .ocn-app-device,
.elementor-page-372664 .ocn-app-device {
  position: relative;
  font-size: 0;
}

#proradio-body.page-id-372664 .ocn-app-device::before,
body.page-id-372664 .ocn-app-device::before,
.elementor-page-372664 .ocn-app-device::before {
  content: "";
  display: block;
  width: 22px;
  height: 29px;
  border: 2px solid var(--ocn-lime);
  border-radius: 6px;
  box-sizing: border-box;
}

#proradio-body.page-id-372664 .ocn-app-device::after,
body.page-id-372664 .ocn-app-device::after,
.elementor-page-372664 .ocn-app-device::after {
  display: block;
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.1;
}

#proradio-body.page-id-372664 .ocn-app-device:nth-child(1)::after,
body.page-id-372664 .ocn-app-device:nth-child(1)::after,
.elementor-page-372664 .ocn-app-device:nth-child(1)::after { content: "Móvil"; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(2)::after,
body.page-id-372664 .ocn-app-device:nth-child(2)::after,
.elementor-page-372664 .ocn-app-device:nth-child(2)::after { content: "Tablet"; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(3)::after,
body.page-id-372664 .ocn-app-device:nth-child(3)::after,
.elementor-page-372664 .ocn-app-device:nth-child(3)::after { content: "Smart TV"; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(4)::after,
body.page-id-372664 .ocn-app-device:nth-child(4)::after,
.elementor-page-372664 .ocn-app-device:nth-child(4)::after { content: "Auto"; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(5)::after,
body.page-id-372664 .ocn-app-device:nth-child(5)::after,
.elementor-page-372664 .ocn-app-device:nth-child(5)::after { content: "iPhone y iPad"; color: #94a3b8; }

#proradio-body.page-id-372664 .ocn-app-device:nth-child(2)::before,
body.page-id-372664 .ocn-app-device:nth-child(2)::before,
.elementor-page-372664 .ocn-app-device:nth-child(2)::before { width: 31px; height: 23px; border-radius: 5px; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(3)::before,
body.page-id-372664 .ocn-app-device:nth-child(3)::before,
.elementor-page-372664 .ocn-app-device:nth-child(3)::before { width: 34px; height: 22px; border-radius: 4px; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(4)::before,
body.page-id-372664 .ocn-app-device:nth-child(4)::before,
.elementor-page-372664 .ocn-app-device:nth-child(4)::before { width: 34px; height: 16px; border-radius: 8px 10px 5px 5px; }
#proradio-body.page-id-372664 .ocn-app-device:nth-child(5)::before,
body.page-id-372664 .ocn-app-device:nth-child(5)::before,
.elementor-page-372664 .ocn-app-device:nth-child(5)::before { border-color: #94a3b8; }

/* Geometría común del acento editorial: cualquier cabecera temática conserva
 * la misma barra, centrada bajo el título, aunque cargue una hoja específica. */
#proradio-body.proradio-body .proradio-pageheader .proradio-pagecaption::after {
  margin: 20px auto 0 !important;
  max-width: 76px !important;
  width: 76px !important;
}

/* Canales VOD: las seis fichas hijas comparten la identidad editorial del
 * índice VOD. Se preservan el catálogo YouTube y los módulos publicitarios. */
#proradio-body.parent-pageid-365297 {
  --ocn-vod-channel-bg: #080d18;
  --ocn-vod-channel-panel: rgba(16, 24, 39, .94);
  --ocn-vod-channel-text: #f7f8fb;
  --ocn-vod-channel-muted: #a8b2c4;
  background:
    radial-gradient(840px 420px at 8% 12%, rgba(255, 138, 103, .14), transparent 64%),
    radial-gradient(780px 400px at 92% 30%, rgba(91, 117, 185, .16), transparent 64%),
    var(--ocn-vod-channel-bg);
}

#proradio-body.parent-pageid-365297 .proradio-maincontent > .proradio-section,
#proradio-body.parent-pageid-365297 #proradio-content {
  background: transparent !important;
}

#proradio-body.parent-pageid-365297 .proradio-maincontent > .proradio-section {
  padding-top: 30px !important;
  padding-bottom: clamp(54px, 6vw, 88px) !important;
}

/* Todas las fichas VOD mantienen 30px antes y después del banner superior. */
#proradio-body.parent-pageid-365297 .prbt-adslot-2 {
  margin: 0 0 30px !important;
  padding: 0 !important;
}
#proradio-body.parent-pageid-365297 .prbt-adslot-2 + .elementor,
#proradio-body.parent-pageid-365297 .prbt-adslot-2 + .elementor > .e-con,
#proradio-body.parent-pageid-365297 .prbt-adslot-2 + .elementor > .e-con > .e-con-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#proradio-body.parent-pageid-365297 .proradio-pageheader__contents {
  padding: clamp(42px, 6vw, 76px) 0 clamp(34px, 4vw, 54px) !important;
}

#proradio-body.parent-pageid-365297 .proradio-pagecaption {
  color: var(--ocn-vod-channel-text) !important;
  font-size: clamp(2.5rem, 5vw, 5.6rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
  line-height: .92 !important;
  margin: 0 auto !important;
  max-width: 1180px;
  padding: 0 clamp(18px, 4vw, 42px) !important;
}

#proradio-body.parent-pageid-365297 .proradio-pagecaption::after {
  background: linear-gradient(90deg, var(--ocn-coral), var(--ocn-lime)) !important;
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin: 20px auto 0;
  width: 76px;
}

#proradio-body.parent-pageid-365297 .proradio-entrycontent {
  color: var(--ocn-vod-channel-muted) !important;
}

#proradio-body.parent-pageid-365297 #proradio-content {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

#proradio-body.parent-pageid-365297 .elementor[class*="elementor-"] > .elementor-element:has(.elementor-widget-text-editor):has(.__youtube_prefs__) {
  background: var(--ocn-vod-channel-panel) !important;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 24px;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .25);
  overflow: hidden;
}

#proradio-body.parent-pageid-365297 .elementor-widget-text-editor {
  color: var(--ocn-vod-channel-muted) !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.55;
  padding: clamp(22px, 3vw, 38px) clamp(22px, 4vw, 48px) 0;
}

#proradio-body.parent-pageid-365297 .elementor-widget-text-editor p {
  color: inherit !important;
  margin-bottom: 0 !important;
}

#proradio-body.parent-pageid-365297 .__youtube_prefs__.epyt-facade {
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .3);
  overflow: hidden;
}

#proradio-body.parent-pageid-365297 .proradio-sidebar {
  display: none !important;
}

@media (max-width: 700px) {
  #proradio-body.parent-pageid-365297 .proradio-pageheader__contents {
    padding: 38px 0 30px !important;
  }

  #proradio-body.parent-pageid-365297 .elementor-widget-text-editor {
    padding: 20px 18px 0;
  }

#proradio-body.parent-pageid-365297 .elementor[class*="elementor-"] > .elementor-element:has(.elementor-widget-text-editor):has(.__youtube_prefs__) {
    border-radius: 18px;
  }
}

/* APPs: cierre del contenido junto al footer; última prioridad sobre ProRadio. */
#proradio-body.page-id-372664 #proradio-content,
body.page-id-372664 #proradio-content,
.elementor-page-372664 #proradio-content {
  margin-bottom: -225px !important;
}