/*
 NIGHT ISSUE V10 — PROFESSIONAL UI REFINEMENT
 Additive visual polish only.
 No layout/content/image/radio logic/navigation logic changes.
*/
:root{
  --ni-pro-radius:12px;
  --ni-pro-radius-sm:8px;
  --ni-pro-line:rgba(255,255,255,.085);
  --ni-pro-surface:rgba(12,14,19,.84);
  --ni-pro-accent:#ff6039;
}

/* ----------------------------------------------------------
   Editorial typography: cleaner, less display-heavy
---------------------------------------------------------- */
.section-title{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:780 !important;
  letter-spacing:-.045em !important;
  line-height:.94 !important;
}

.card h3,
.card-body h3,
.review-card h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:760 !important;
  text-transform:none !important;
  letter-spacing:-.035em !important;
  line-height:1.08 !important;
  text-wrap:balance;
}

.artist-tile h3,
.release-row h2,
.release-tile h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:760 !important;
  letter-spacing:-.035em !important;
}

.eyebrow,
.tag,
.section-kicker,
.rail-title,
.more{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:720 !important;
}

.tag,
.eyebrow{
  letter-spacing:.11em !important;
}

/* ----------------------------------------------------------
   Navigation: remove the soft pill / app-button feeling
---------------------------------------------------------- */
.nav a{
  border-radius:6px !important;
  padding:9px 10px !important;
  font-weight:560 !important;
  letter-spacing:.055em !important;
  background:transparent !important;
  box-shadow:none !important;
}

.nav a:hover,
.nav a:focus-visible{
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.065) !important;
  transform:none !important;
}

/* ----------------------------------------------------------
   Orange CTAs: compact editorial controls, not bubbles
---------------------------------------------------------- */
.cta,
a.cta,
span.cta,
button.cta,
.cta-button,
.newsletter button{
  min-height:44px !important;
  padding:0 17px !important;
  gap:15px !important;
  border-radius:8px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  box-shadow:0 10px 28px rgba(255,96,57,.13) !important;
}

.hero-copy .cta,
.rail > .cta,
a.cta[href="/noticias/"]{
  min-height:44px !important;
  padding:0 18px !important;
}

.hero-copy .cta::after,
.rail > .cta::after,
a.cta[href="/noticias/"]::after{
  font-size:15px !important;
  font-weight:500 !important;
  opacity:.58 !important;
  transform:none !important;
}

/* ----------------------------------------------------------
   Fast News: sharper, calmer, editorial list treatment
---------------------------------------------------------- */
.rail{
  border-radius:16px !important;
}

.news-item{
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:12px !important;
  padding:15px 14px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.065) !important;
  background:linear-gradient(180deg,rgba(8,11,16,.80),rgba(6,8,12,.90)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.news-item + .news-item{
  margin-top:9px !important;
}

.news-item:hover{
  transform:none !important;
  border-color:rgba(255,255,255,.13) !important;
}

.news-time{
  width:28px !important;
  height:28px !important;
  border-radius:4px !important;
  background:transparent !important;
  border:1px solid rgba(255,96,57,.30) !important;
  font-size:9px !important;
  font-weight:780 !important;
  letter-spacing:.04em !important;
  box-shadow:none !important;
}

.news-item h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.13 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
  color:#efebe6 !important;
}

/* ----------------------------------------------------------
   Cards / surfaces: retain design, reduce "bubble" softness
---------------------------------------------------------- */
.hero-main{
  border-radius:18px !important;
}

.hero-copy{
  border-radius:12px !important;
}

.page-head .wrap{
  border-radius:16px !important;
}

.card,
.review-card,
.artist-tile,
.release{
  border-radius:12px !important;
}

.release img,
.release picture,
.release-tile img{
  border-radius:9px !important;
}

.select-card,
.newsletter,
.source-box,
.side-panel{
  border-radius:12px !important;
}

.article-head{
  border-radius:16px 16px 0 0 !important;
}

.article-cover{
  border-radius:0 0 16px 16px !important;
}

.article-body{
  border-radius:14px !important;
}

/* ----------------------------------------------------------
   RADIO: same function, more professional hardware/editorial feel
---------------------------------------------------------- */
.ni-radio-bar{
  border-radius:14px !important;
  padding:9px 10px !important;
  box-shadow:0 16px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ni-radio-kicker{
  font-size:9px !important;
  font-weight:760 !important;
  letter-spacing:.13em !important;
}

.ni-radio-channel{
  font-weight:620 !important;
}

.ni-radio-now{
  font-size:13px !important;
  font-weight:680 !important;
  letter-spacing:-.018em !important;
}

.ni-radio-sub{
  font-size:9px !important;
}

.ni-radio-btn{
  width:38px !important;
  height:38px !important;
  border-radius:7px !important;
  box-shadow:none !important;
}

.ni-radio-btn-primary{
  box-shadow:0 8px 22px rgba(255,96,57,.15) !important;
}

.ni-radio-panel{
  border-radius:16px !important;
}

.ni-radio-close{
  border-radius:7px !important;
}

.ni-radio-chip{
  border-radius:6px !important;
  padding:9px 11px !important;
  font-weight:720 !important;
  letter-spacing:.065em !important;
}

.ni-radio-list-item{
  border-radius:7px !important;
}

.ni-radio-embed-card{
  border-radius:10px !important;
}

#niSpotifyEmbed iframe{
  border-radius:8px !important;
}

/* ----------------------------------------------------------
   Mobile tuning — precise, compact, no oversized pills
---------------------------------------------------------- */
@media(max-width:650px){
  .section-title{
    font-size:clamp(34px,10.2vw,44px) !important;
    line-height:.97 !important;
  }

  .card,
  .review-card,
  .artist-tile,
  .release{
    border-radius:11px !important;
  }

  .card-body h3,
  .card h3{
    font-size:20px !important;
    line-height:1.10 !important;
    letter-spacing:-.03em !important;
  }

  .rail{
    border-radius:14px !important;
  }

  .news-item{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px 12px !important;
    border-radius:8px !important;
  }

  .news-time{
    width:26px !important;
    height:26px !important;
    border-radius:4px !important;
    font-size:9px !important;
  }

  .news-item h3{
    font-size:14px !important;
    line-height:1.14 !important;
  }

  .cta,
  a.cta,
  span.cta,
  button.cta,
  .cta-button,
  .newsletter button{
    min-height:42px !important;
    padding:0 15px !important;
    border-radius:7px !important;
    gap:13px !important;
    font-size:10.5px !important;
    letter-spacing:.07em !important;
  }

  .hero-copy .cta,
  .rail > .cta,
  a.cta[href="/noticias/"]{
    min-height:42px !important;
    padding:0 16px !important;
  }

  .page-head .wrap{
    border-radius:14px !important;
  }

  .article-head{
    border-radius:14px 14px 0 0 !important;
  }

  .article-cover{
    border-radius:0 0 14px 14px !important;
  }

  .article-body{
    border-radius:12px !important;
  }

  .ni-radio-shell{
    width:calc(100% - 20px) !important;
  }

  .ni-radio-bar{
    border-radius:12px !important;
    padding:8px 9px !important;
  }

  .ni-radio-btn{
    width:36px !important;
    height:36px !important;
    border-radius:7px !important;
  }

  .ni-radio-now{
    font-size:12px !important;
    font-weight:660 !important;
  }

  .ni-radio-panel{
    border-radius:14px !important;
  }

  .ni-radio-chip{
    border-radius:5px !important;
  }
}