/*
 * Radio PRO · Globo Premium Studio Pop 6.4.0
 * Capa editorial profesional. Cargada después de globo-premium.css.
 * No modifica la lógica ni el posicionamiento interno del slider React.
 */
:root {
  --nxg-pro-bg: #070609;
  --nxg-pro-surface: #0f0d12;
  --nxg-pro-surface-raised: #151219;
  --nxg-pro-surface-soft: rgba(255,255,255,.035);
  --nxg-pro-border: rgba(255,255,255,.085);
  --nxg-pro-border-strong: rgba(255,255,255,.14);
  --nxg-pro-text: #f8f5f7;
  --nxg-pro-muted: rgba(248,245,247,.62);
  --nxg-pro-accent: #e61665;
  --nxg-pro-accent-bright: #ff3f86;
  --nxg-pro-radius: 16px;
  --nxg-pro-radius-sm: 11px;
  --nxg-pro-shadow: 0 18px 52px rgba(0,0,0,.28);
  --nxg-pro-shadow-soft: 0 10px 30px rgba(0,0,0,.16);
}

html[data-nxg-theme="day"] {
  --nxg-pro-bg: #f4eff2;
  --nxg-pro-surface: #fff;
  --nxg-pro-surface-raised: #fff;
  --nxg-pro-surface-soft: rgba(45,22,32,.035);
  --nxg-pro-border: rgba(65,28,43,.10);
  --nxg-pro-border-strong: rgba(65,28,43,.16);
  --nxg-pro-text: #21141a;
  --nxg-pro-muted: rgba(42,22,30,.62);
  --nxg-pro-shadow: 0 18px 46px rgba(74,26,46,.10);
  --nxg-pro-shadow-soft: 0 8px 24px rgba(74,26,46,.07);
}

body.nxglobo-front-page {
  background: var(--nxg-pro-bg) !important;
  color: var(--nxg-pro-text);
  font-family: "Manrope", "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.nxglobo-front-page .nxg5-home {
  background:
    radial-gradient(circle at 8% 3%, rgba(196,16,78,.09), transparent 24%),
    radial-gradient(circle at 92% 26%, rgba(122,18,73,.06), transparent 22%),
    var(--nxg-pro-bg) !important;
}
html[data-nxg-theme="day"] body.nxglobo-front-page .nxg5-home {
  background:
    radial-gradient(circle at 92% 3%, rgba(223,28,100,.055), transparent 23%),
    var(--nxg-pro-bg) !important;
}

/* Elimina decoraciones genéricas que daban apariencia artificial. */
body.nxglobo-front-page .nxg5-shell:not(.nxr-slider__frame)::before,
body.nxglobo-front-page .nxglobo-shell::before {
  display: none !important;
  content: none !important;
}
body.nxglobo-front-page .nxg5-section::before,
body.nxglobo-front-page .nxg5-home .nxglobo-section::before {
  opacity: .45 !important;
  background: radial-gradient(circle at 12% 0, rgba(230,22,101,.035), transparent 35%) !important;
}
body.nxglobo-front-page .nxg5-section,
body.nxglobo-front-page .nxg5-home .nxglobo-section {
  padding: clamp(54px, 6vw, 76px) 0;
  border: 0 !important;
}
body.nxglobo-front-page .nxg5-section + .nxg5-section { margin-top: 0 !important; }

/* Encabezado sobrio, con jerarquía editorial. */
body.nxglobo-front-page .nxglobo-site-header,
body.nxglobo-front-page .nxglobo-site-header.is-scrolled {
  height: 72px !important;
  background: rgba(7,6,9,.86) !important;
  border-bottom: 1px solid var(--nxg-pro-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) saturate(135%);
}
html[data-nxg-theme="day"] body.nxglobo-front-page .nxglobo-site-header,
html[data-nxg-theme="day"] body.nxglobo-front-page .nxglobo-site-header.is-scrolled {
  background: rgba(255,255,255,.90) !important;
}
body.nxglobo-front-page .nxglobo-site-header__inner {
  height: 72px;
  grid-template-columns: 158px 1fr auto;
  gap: 24px;
}
body.nxglobo-front-page .nxglobo-site-header__logo img {
  max-width: 122px !important;
  max-height: 48px !important;
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.20));
}
body.nxglobo-front-page .nxglobo-desktop-menu { gap: 30px; }
body.nxglobo-front-page .nxglobo-desktop-menu a {
  padding: 27px 0 24px;
  color: var(--nxg-pro-muted) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
body.nxglobo-front-page .nxglobo-desktop-menu a::after {
  left: 50%;
  right: 50%;
  bottom: 17px;
  height: 2px;
  background: var(--nxg-pro-accent-bright);
  transition: left .22s ease, right .22s ease;
}
body.nxglobo-front-page .nxglobo-desktop-menu a:hover,
body.nxglobo-front-page .nxglobo-desktop-menu a.is-active,
body.nxglobo-front-page .nxglobo-desktop-menu a[aria-current="location"] {
  color: var(--nxg-pro-text) !important;
}
body.nxglobo-front-page .nxglobo-desktop-menu a:hover::after,
body.nxglobo-front-page .nxglobo-desktop-menu a.is-active::after,
body.nxglobo-front-page .nxglobo-desktop-menu a[aria-current="location"]::after {
  left: 0;
  right: 0;
}
body.nxglobo-front-page .nxglobo-site-header__actions { gap: 8px; }
body.nxglobo-front-page .nxglobo-header-socials {
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--nxg-pro-border);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
html[data-nxg-theme="day"] body.nxglobo-front-page .nxglobo-header-socials { background: rgba(45,22,32,.025); }
body.nxglobo-front-page .nxglobo-header-socials a {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--nxg-pro-muted);
  font-size: 11px;
}
body.nxglobo-front-page .nxglobo-header-socials a:hover {
  transform: none;
  background: rgba(230,22,101,.12);
  color: var(--nxg-pro-accent-bright);
}
body.nxglobo-front-page .nxglobo-theme-toggle--header,
body.nxglobo-front-page .nxglobo-menu-button {
  border-color: var(--nxg-pro-border) !important;
  background: var(--nxg-pro-surface-soft) !important;
  color: var(--nxg-pro-text) !important;
}
body.nxglobo-front-page .nxglobo-header-promo {
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 11px !important;
  background: var(--nxg-pro-accent) !important;
  box-shadow: 0 9px 24px rgba(190,12,72,.21) !important;
  font-size: 9px !important;
  letter-spacing: .075em;
}
body.nxglobo-front-page .nxglobo-header-promo:hover { transform: translateY(-1px); filter: brightness(1.06); }

/* Slider React: solo acabado visual, sin alterar su posicionamiento interno. */
body.nxglobo-front-page .nxr-slider { padding-bottom: 22px; }
body.nxglobo-front-page .nxr-slider__frame {
  border-color: rgba(255,63,134,.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.31) !important;
}
body.nxglobo-front-page .nxr-slider__arrow {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border-color: rgba(255,255,255,.18);
  background: rgba(8,7,10,.66);
  backdrop-filter: blur(10px);
}
body.nxglobo-front-page .nxr-slider__dots {
  padding: 5px 8px;
  border-radius: 9px;
  background: rgba(8,7,10,.58);
  backdrop-filter: blur(10px);
}

/* Avisos funcionales con presencia, sin exceso de brillo. */
body.nxglobo-front-page .nxg-facebook-live-alert__link,
body.nxglobo-front-page .nxg6-whatsapp-strip__button {
  border-radius: 14px;
  box-shadow: var(--nxg-pro-shadow-soft);
}
body.nxglobo-front-page .nxg-facebook-live-alert__link {
  border: 1px solid rgba(255,255,255,.12);
  background: #c51242;
}
body.nxglobo-front-page .nxg6-whatsapp-strip__button {
  border-color: rgba(255,255,255,.13);
  background: #0ca653;
}
body.nxglobo-front-page .nxg6-whatsapp-strip__shine { opacity: .18; }

/* Encabezados de sección: menos publicitarios, más editoriales. */
body.nxglobo-front-page .nxg5-section-heading,
body.nxglobo-front-page .nxglobo-section-heading {
  margin-bottom: 26px;
  gap: 18px;
}
body.nxglobo-front-page .nxg5-section-heading > div > span,
body.nxglobo-front-page .nxglobo-section-heading > div > span {
  color: var(--nxg-pro-accent-bright) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .17em;
}
body.nxglobo-front-page .nxg5-section-heading h2,
body.nxglobo-front-page .nxglobo-section-heading h2,
body.nxglobo-front-page .nxglobo-section-heading--light h2 {
  margin-top: 7px;
  color: var(--nxg-pro-text) !important;
  font-size: clamp(30px, 3.25vw, 44px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.042em;
}
body.nxglobo-front-page .nxg5-section-heading > i,
body.nxglobo-front-page .nxglobo-section-heading > i {
  width: 40px;
  height: 40px;
  border: 1px solid var(--nxg-pro-border);
  border-radius: 12px;
  background: var(--nxg-pro-surface-soft);
  color: var(--nxg-pro-accent-bright);
}
body.nxglobo-front-page .nxg5-section-heading > a,
body.nxglobo-front-page .nxglobo-section-heading > a {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--nxg-pro-border);
  border-radius: 10px;
  background: var(--nxg-pro-surface-soft);
  color: var(--nxg-pro-muted);
  font-size: 8px;
  font-weight: 800;
}
body.nxglobo-front-page .nxg5-section-heading > a:hover,
body.nxglobo-front-page .nxglobo-section-heading > a:hover {
  border-color: rgba(255,63,134,.28);
  color: var(--nxg-pro-text);
}

/* Programación: jerarquía clara y tarjetas menos genéricas. */
body.nxglobo-front-page .nxg5-schedule--studio {
  border: 1px solid var(--nxg-pro-border) !important;
  border-radius: 18px;
  background: rgba(255,255,255,.012);
  box-shadow: var(--nxg-pro-shadow-soft);
}
html[data-nxg-theme="day"] body.nxglobo-front-page .nxg5-schedule--studio { background: rgba(255,255,255,.62); }
body.nxglobo-front-page .nxg5-schedule-tabs {
  border-bottom-color: var(--nxg-pro-border) !important;
  background: transparent !important;
}
body.nxglobo-front-page .nxg5-schedule-tab {
  color: var(--nxg-pro-muted);
  font-size: 9px;
  font-weight: 750;
}
body.nxglobo-front-page .nxg5-schedule-tab.is-active {
  background: rgba(230,22,101,.08);
  color: var(--nxg-pro-text);
  box-shadow: inset 0 -2px 0 var(--nxg-pro-accent-bright);
}
body.nxglobo-front-page .nxg5-schedule-featured {
  border-color: var(--nxg-pro-border) !important;
  border-radius: 16px;
  background: var(--nxg-pro-surface-raised) !important;
  box-shadow: var(--nxg-pro-shadow-soft) !important;
}
body.nxglobo-front-page .nxg5-schedule-featured.is-live { border-color: rgba(255,63,134,.35) !important; }
body.nxglobo-front-page .nxg5-schedule-featured h3 { font-size: clamp(25px, 2.7vw, 37px); }
body.nxglobo-front-page .nxg5-schedule-featured p { color: var(--nxg-pro-muted); font-size: 11px; }
body.nxglobo-front-page .nxg5-schedule-featured__button {
  border: 0;
  border-radius: 10px;
  background: var(--nxg-pro-accent);
  box-shadow: none;
}
body.nxglobo-front-page .nxg5-schedule-next-heading { border-bottom-color: var(--nxg-pro-border); }
body.nxglobo-front-page .nxg5-schedule-compact-list { gap: 10px; }
body.nxglobo-front-page .nxg5-schedule-compact {
  border-color: var(--nxg-pro-border) !important;
  border-radius: 12px;
  background: var(--nxg-pro-surface) !important;
  box-shadow: none;
}
body.nxglobo-front-page .nxg5-schedule-compact:hover {
  transform: translateY(-1px);
  border-color: rgba(255,63,134,.26) !important;
  background: var(--nxg-pro-surface-raised) !important;
}
body.nxglobo-front-page .nxg5-schedule-compact__time {
  border-right-color: var(--nxg-pro-border);
  background: rgba(230,22,101,.035);
}
body.nxglobo-front-page .nxg5-schedule-compact p { color: var(--nxg-pro-muted); }

/* Noticias con composición editorial y lectura limpia. */
body.nxglobo-front-page .nxg5-news-premium { gap: 12px; }
body.nxglobo-front-page .nxg5-news-premium-card__link {
  border-color: var(--nxg-pro-border) !important;
  border-radius: 16px;
  background: var(--nxg-pro-surface);
  box-shadow: var(--nxg-pro-shadow-soft);
}
body.nxglobo-front-page .nxg5-news-premium-card__overlay {
  background: linear-gradient(to top, rgba(5,5,8,.94) 0%, rgba(5,5,8,.58) 42%, rgba(5,5,8,.08) 76%, transparent 100%);
}
body.nxglobo-front-page .nxg5-news-premium-card__tag {
  min-height: 23px;
  padding: 0 9px;
  border-radius: 7px;
  background: rgba(255,255,255,.94);
  color: #c81155;
  font-size: 7px;
  letter-spacing: .055em;
}
body.nxglobo-front-page .nxg5-news-premium-card__content h3 { font-weight: 800; letter-spacing: -.035em; }
body.nxglobo-front-page .nxg5-news-premium-card--hero h3 { font-size: clamp(25px, 2.55vw, 38px); }
body.nxglobo-front-page .nxg5-news-premium-card__link:hover img { transform: scale(1.025); }

/* En vivo, videos, podcasts, ranking y equipo: sistema único de tarjetas. */
body.nxglobo-front-page .nxg5-live-grid,
body.nxglobo-front-page .nxg5-video-grid,
body.nxglobo-front-page .nxglobo-podcast-grid,
body.nxglobo-front-page .nxglobo-host-grid { gap: 12px; }
body.nxglobo-front-page .nxg5-live-card,
body.nxglobo-front-page .nxg5-video-card,
body.nxglobo-front-page .nxglobo-podcast-card,
body.nxglobo-front-page .nxglobo-host-card,
body.nxglobo-front-page .nxglobo-ranking-item {
  border: 1px solid var(--nxg-pro-border) !important;
  border-radius: 14px;
  background: var(--nxg-pro-surface) !important;
  box-shadow: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.nxglobo-front-page .nxg5-live-card:hover,
body.nxglobo-front-page .nxg5-video-card:hover,
body.nxglobo-front-page .nxglobo-podcast-card:hover,
body.nxglobo-front-page .nxglobo-host-card:hover,
body.nxglobo-front-page .nxglobo-ranking-item:hover {
  transform: translateY(-2px);
  border-color: rgba(255,63,134,.25) !important;
  box-shadow: var(--nxg-pro-shadow-soft) !important;
}
body.nxglobo-front-page .nxg5-live-card__media { border-radius: 13px 13px 0 0; }
body.nxglobo-front-page .nxg5-live-card__play,
body.nxglobo-front-page .nxg5-video-card__media b {
  border-radius: 12px;
  background: rgba(7,6,9,.70);
  backdrop-filter: blur(8px);
}
body.nxglobo-front-page .nxg5-live-card__content h3,
body.nxglobo-front-page .nxg5-video-card__content strong,
body.nxglobo-front-page .nxglobo-podcast-card h3,
body.nxglobo-front-page .nxglobo-host-card h3 { color: var(--nxg-pro-text) !important; font-weight: 800; }
body.nxglobo-front-page .nxg5-live-card__content p,
body.nxglobo-front-page .nxg5-video-card__content small,
body.nxglobo-front-page .nxglobo-podcast-card p,
body.nxglobo-front-page .nxglobo-host-card p { color: var(--nxg-pro-muted) !important; }
body.nxglobo-front-page .nxg5-live-action {
  border-radius: 8px;
  font-size: 7px;
  font-weight: 800;
}
body.nxglobo-front-page .nxg5-live-action--primary { background: var(--nxg-pro-accent); }

/* Footer más compacto y alineado. */
body.nxglobo-front-page .nxg5-footer {
  padding-top: 48px;
  background: rgba(0,0,0,.12) !important;
  border: 0 !important;
}
html[data-nxg-theme="day"] body.nxglobo-front-page .nxg5-footer { background: rgba(255,255,255,.30) !important; }
body.nxglobo-front-page .nxg5-footer__grid { gap: 42px; }
body.nxglobo-front-page .nxg5-footer__column > strong {
  color: var(--nxg-pro-text) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
}
body.nxglobo-front-page .nxg5-footer__brand p,
body.nxglobo-front-page .nxg5-footer__column p,
body.nxglobo-front-page .nxg5-footer__column > a { color: var(--nxg-pro-muted) !important; }
body.nxglobo-front-page .nxg5-footer__socials a {
  border-color: var(--nxg-pro-border) !important;
  background: transparent !important;
  color: var(--nxg-pro-text) !important;
}
body.nxglobo-front-page .nxg5-footer__copyright {
  border-top-color: var(--nxg-pro-border) !important;
  color: var(--nxg-pro-muted) !important;
}

/* Mini player: producto, no banner. */
body.nxglobo-front-page #app-super .player {
  border-color: rgba(255,255,255,.13) !important;
  border-radius: 15px !important;
  background: linear-gradient(105deg, #31091c, #b10e4e 52%, #4a0a28) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.34) !important;
}
body.nxglobo-front-page #app-super .player-button-play { box-shadow: 0 8px 20px rgba(0,0,0,.18); }

/* Accesibilidad y estados de teclado. */
body.nxglobo-front-page a:focus-visible,
body.nxglobo-front-page button:focus-visible,
body.nxglobo-front-page input:focus-visible,
body.nxglobo-front-page textarea:focus-visible,
body.nxglobo-front-page select:focus-visible {
  outline: 2px solid var(--nxg-pro-accent-bright) !important;
  outline-offset: 3px;
}

/* Aparición sutil. Solo se activa cuando el JS profesional está cargado. */
@media (prefers-reduced-motion: no-preference) {
  body.nxg-pro-ui .nxg-pro-reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .48s ease, transform .48s ease;
  }
  body.nxg-pro-ui .nxg-pro-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1180px) {
  body.nxglobo-front-page .nxglobo-desktop-menu { gap: 22px; }
  body.nxglobo-front-page .nxglobo-header-socials { display: none; }
}

@media (max-width: 991px) {
  body.nxglobo-front-page .nxglobo-site-header__inner { grid-template-columns: 1fr auto; }
  body.nxglobo-front-page .nxglobo-site-header__logo img { max-width: 112px !important; max-height: 45px !important; }
}

@media (max-width: 760px) {
  body.nxglobo-front-page .nxg5-section,
  body.nxglobo-front-page .nxg5-home .nxglobo-section { padding: 46px 0; }
  body.nxglobo-front-page .nxg5-section-heading,
  body.nxglobo-front-page .nxglobo-section-heading { margin-bottom: 20px; }
  body.nxglobo-front-page .nxg5-section-heading h2,
  body.nxglobo-front-page .nxglobo-section-heading h2 { font-size: 30px; }
  body.nxglobo-front-page .nxr-slider__frame { border-radius: 14px !important; }
  body.nxglobo-front-page .nxr-slider__arrow { width: 34px; height: 34px; border-radius: 10px; }
  body.nxglobo-front-page .nxg-facebook-live-alert__link,
  body.nxglobo-front-page .nxg6-whatsapp-strip__button { border-radius: 13px; }
  body.nxglobo-front-page .nxg5-schedule--studio { border-radius: 15px; }
  body.nxglobo-front-page .nxg5-news-premium-card__link,
  body.nxglobo-front-page .nxg5-live-card,
  body.nxglobo-front-page .nxg5-video-card { border-radius: 13px; }
  body.nxglobo-front-page .nxglobo-mobile-nav {
    border-color: var(--nxg-pro-border) !important;
    background: rgba(8,7,10,.94) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
  }
  html[data-nxg-theme="day"] body.nxglobo-front-page .nxglobo-mobile-nav { background: rgba(255,255,255,.95) !important; }
}

@media (max-width: 420px) {
  body.nxglobo-front-page .nxg5-section-heading > i,
  body.nxglobo-front-page .nxglobo-section-heading > i { width: 36px; height: 36px; }
  body.nxglobo-front-page .nxg5-section-heading h2,
  body.nxglobo-front-page .nxglobo-section-heading h2 { font-size: 27px; }
}
