/* Contraste de la navegación principal sobre la cabecera oscura. */
#proradio-menubar > .menu-item > a,
#proradio-menubar > .menu-item > a > span {
  color: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* El tema limita las imágenes del menú pegado a 60px de alto. Como el logo
 * horizontal se fija a 150px de ancho, ese límite lo aplasta verticalmente. */
#proradio-menu .proradio-menu__logo img,
#proradio-menu .proradio-menu__logo picture {
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  overflow: visible !important;
}

#proradio-menu .proradio-menu__logo,
#proradio-menu .proradio-menu__logo picture,
#proradio-menu .proradio-menu__logo img {
  align-self: center;
  box-sizing: content-box;
  display: block;
  max-height: none !important;
  overflow: visible !important;
}

/* El enlace ocupa toda la columna del logo; centrar dentro de él evita que la
 * imagen quede alineada arriba cuando la cabecera es más alta que el logo. */
#proradio-menu .proradio-menu__logo > .proradio-logolink {
  align-items: center;
  display: flex;
  height: 100%;
}

/* El tema imprime ambas variantes; solo una debe estar visible según el ancho. */
#proradio-menu picture.proradio-logo_header_mob {
  display: none !important;
}

#proradio-menu img.proradio-logo_header_mob {
  display: none !important;
}

#proradio-menu img.proradio-logo_header {
  display: block !important;
}

#proradio-menu img.proradio-logo_header_transparent {
  display: none !important;
}

/* El tema corta los iconos sociales al imponer un line-height/alto reducido. */
#proradio-copybar .proradio-menubar__footer > li > a {
  align-items: center !important;
  display: inline-flex !important;
  height: auto !important;
  line-height: 1.2 !important;
  min-height: 42px !important;
  overflow: visible !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

#proradio-copybar .proradio-menubar__footer > li > a > span {
  display: inline-flex !important;
  line-height: 1.2 !important;
  overflow: visible !important;
  transform: none !important;
}

#proradio-megafooter .proradio-owl-sponsorcarousel,
#proradio-megafooter .proradio-owl-sponsorcarousel .owl-item,
#proradio-megafooter .proradio-owl-sponsorcarousel img {
  max-height: none !important;
  object-fit: contain !important;
  overflow: visible !important;
}

@media (max-width: 767px) {
  #proradio-menu picture.proradio-logo_header,
  #proradio-menu picture.proradio-logo_header_transparent {
    display: none !important;
  }

  #proradio-menu picture.proradio-logo_header_mob {
    display: block !important;
  }

  #proradio-menu img.proradio-logo_header,
  #proradio-menu img.proradio-logo_header_transparent {
    display: none !important;
  }

  #proradio-menu img.proradio-logo_header_mob {
    display: block !important;
  }
}

/* ProRadio aplica negro al enlace que abre un desplegable. Se reutiliza el
 * lima del sistema para el estado activo sin afectar al submenú. */
#proradio-menubar > .menu-item:hover > a,
#proradio-menubar > .menu-item:hover > a > span,
#proradio-menubar > .menu-item > a:hover,
#proradio-menubar > .menu-item > a:hover > span,
#proradio-menubar > .menu-item > a:focus-visible,
#proradio-menubar > .menu-item > a:focus-visible > span,
#proradio-menubar > .menu-item > a[aria-expanded="true"],
#proradio-menubar > .menu-item > a[aria-expanded="true"] > span,
#proradio-menubar > .menu-item.open > a,
#proradio-menubar > .menu-item.open > a > span,
#proradio-menubar > .menu-item.is-open > a,
#proradio-menubar > .menu-item.is-open > a > span,
#proradio-menubar > .menu-item.active > a,
#proradio-menubar > .menu-item.active > a > span,
#proradio-menubar > .menu-item.current-menu-item > a,
#proradio-menubar > .menu-item.current-menu-item > a > span,
#proradio-menubar > .menu-item.current-menu-ancestor > a,
#proradio-menubar > .menu-item.current-menu-ancestor > a > span {
  color: var(--ocn-lime) !important;
  text-shadow: 0 0 0.01px rgba(215, 243, 107, 0.2);
}

#proradio-menubar > .menu-item.current-menu-item,
#proradio-menubar > .menu-item.current-menu-ancestor,
#proradio-menubar > .menu-item.current-menu-item > a,
#proradio-menubar > .menu-item.current-menu-ancestor > a,
#proradio-menubar > .menu-item.current-menu-item > a > span,
#proradio-menubar > .menu-item.current-menu-ancestor > a > span {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

#proradio-menubar > .menu-item.current-menu-item > a,
#proradio-menubar > .menu-item.current-menu-ancestor > a {
  box-shadow: inset 0 -3px 0 var(--ocn-lime) !important;
  padding-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

#proradio-menubar > .menu-item.current-menu-item > a::before,
#proradio-menubar > .menu-item.current-menu-item > a::after,
#proradio-menubar > .menu-item.current-menu-ancestor > a::before,
#proradio-menubar > .menu-item.current-menu-ancestor > a::after {
  display: none !important;
}

/* Submenús: mantener la navegación dentro de la misma estética oscura. */
@media (min-width: 768px) {
  #proradio-menubar > .menu-item > .sub-menu {
    width: 280px;
    padding: 8px 0;
    background: rgba(10, 16, 28, 0.98) !important;
    border: 1px solid rgba(255, 138, 103, 0.28);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32);
  }

  #proradio-menubar > .menu-item > .sub-menu > li {
    background: rgba(10, 16, 28, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }

  #proradio-menubar > .menu-item > .sub-menu > li:last-child {
    border-bottom: 0;
  }

  #proradio-menubar > .menu-item > .sub-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 16px;
    color: rgba(255, 255, 255, 0.88) !important;
    background: transparent !important;
    line-height: 1.25;
    position: relative;
    top: 0;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 600;
    transform: none !important;
    transition: color 0.18s ease, background-color 0.18s ease !important;
  }

  #proradio-menubar > .menu-item > .sub-menu > li > a > span {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    line-height: 1.25;
    top: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  #proradio-menubar > .menu-item > .sub-menu > li > a:hover,
  #proradio-menubar > .menu-item > .sub-menu > li > a:focus-visible,
  #proradio-menubar > .menu-item > .sub-menu > li.current-menu-item > a {
    color: #ffffff !important;
    background: var(--ocn-coral) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    top: 0 !important;
    position: relative !important;
    transform: none !important;
    transform: none !important;
  }
}