/* =========================================================
   LC Solutions 7.18.2
   Refinamento visual da Web Rádio + case Rádio MCA
   Mantém a integração 7.18.1 funcionando.
   ========================================================= */

:root{
  --lc7182-blue:#0b74e5;
  --lc7182-blue2:#065dc0;
  --lc7182-ink:#101820;
  --lc7182-muted:#66727e;
  --lc7182-line:#e5eaf0;
  --lc7182-red:#d42d2d;
}

/* -------- WEBRÁDIO: mais LC Solutions, menos "site separado" -------- */
.lc7181-radio-page{
  background:#fff;
}

.lc7181-radio-page .lc6240-public-header{
  background:#fff!important;
  border-bottom:1px solid #edf0f3!important;
}

.lc7181-radio-page .lc6240-public-nav{
  min-height:76px!important;
}

.lc7181-radio-page .lc6240-public-links a{
  font-weight:700!important;
}

.lc7181-radio-hero{
  position:relative;
  overflow:hidden;
  padding:66px 0 70px!important;
  background:
    radial-gradient(circle at 80% 24%,rgba(212,45,45,.13),transparent 25%),
    radial-gradient(circle at 22% 82%,rgba(11,116,229,.09),transparent 28%),
    linear-gradient(135deg,#0d1319 0%,#111922 58%,#171216 100%)!important;
}

.lc7181-radio-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
}

.lc7181-radio-hero-grid{
  gap:64px!important;
}

.lc7181-radio-hero h1{
  font-size:clamp(40px,4.5vw,62px)!important;
  max-width:760px!important;
  letter-spacing:-.035em!important;
}

.lc7181-radio-hero p{
  max-width:690px!important;
  font-size:17px!important;
  color:#c8d0d7!important;
}

.lc7181-kicker{
  color:#ff5b5b!important;
}

.lc7181-radio-demo{
  border-radius:18px!important;
  padding:26px!important;
  background:
    linear-gradient(145deg,rgba(25,31,37,.97),rgba(12,16,20,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.24)!important;
}

.lc7181-radio-demo>strong{
  font-size:28px!important;
}

.lc7181-player{
  border:1px solid rgba(255,255,255,.06)!important;
}

.lc7181-player>b{
  background:linear-gradient(145deg,#df3737,#b71e1e)!important;
}

/* Botão primário mantém a identidade azul do site */
.lc7181-radio-page .lc6240-btn.primary{
  background:linear-gradient(135deg,var(--lc7182-blue),var(--lc7182-blue2))!important;
  border-color:transparent!important;
  box-shadow:0 9px 22px rgba(11,116,229,.18)!important;
}

.lc7181-radio-page .lc6240-btn.primary:hover{
  transform:translateY(-1px);
}

/* Features: mais refinadas e menos "cards soltos" */
.lc7181-feature-grid{
  gap:16px!important;
}

.lc7181-feature-grid article{
  border:1px solid var(--lc7182-line)!important;
  border-radius:15px!important;
  box-shadow:0 7px 22px rgba(15,30,45,.045)!important;
  transition:.18s ease!important;
}

.lc7181-feature-grid article:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(15,30,45,.075)!important;
}

.lc7181-feature-grid b{
  color:var(--lc7182-blue)!important;
}

/* -------- CASE dentro da página Web Rádio --------
   Em vez de outro "paredão preto", vira um case claro premium. */
.lc7181-radio-page .lc7181-case{
  padding:68px 0!important;
  background:#f6f8fb!important;
  color:var(--lc7182-ink)!important;
  border-top:1px solid #eef1f5!important;
  border-bottom:1px solid #eef1f5!important;
}

.lc7181-radio-page .lc7181-case p{
  color:var(--lc7182-muted)!important;
}

.lc7181-radio-page .lc7181-tags i{
  color:#33404b!important;
  border:1px solid #d9e0e7!important;
  background:#fff!important;
}

.lc7181-radio-page .lc7181-case-card{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.16),transparent 23%),
    linear-gradient(135deg,#0e68ca,#0b4e9e)!important;
  border-radius:18px!important;
  box-shadow:0 18px 46px rgba(4,73,145,.17)!important;
}

.lc7181-radio-page .lc7181-case-card small,
.lc7181-radio-page .lc7181-case-card strong,
.lc7181-radio-page .lc7181-case-card a{
  color:#fff!important;
}

/* CTA final: reduz a sensação de faixa desconectada */
.lc7181-radio-page .lc752-contact{
  background:linear-gradient(135deg,#0b65c5,#0879ed)!important;
  padding-top:48px!important;
  padding-bottom:48px!important;
}

.lc7181-radio-page .lc752-contact h2{
  max-width:720px!important;
}

/* -------- PORTFÓLIO: case Rádio MCA integrado ao site --------
   O problema visto na tela era parecer uma página da rádio dentro do portfólio.
   Agora fica como case corporativo, em card. */
body:not(.lc7181-radio-page) .lc7181-case{
  background:#f5f7fa!important;
  color:var(--lc7182-ink)!important;
  padding:58px 0!important;
  border-top:1px solid #edf0f3!important;
  border-bottom:1px solid #edf0f3!important;
}

body:not(.lc7181-radio-page) .lc7181-case-grid{
  gap:34px!important;
  align-items:stretch!important;
}

body:not(.lc7181-radio-page) .lc7181-case-grid>div:first-child{
  background:#fff!important;
  border:1px solid var(--lc7182-line)!important;
  border-radius:18px!important;
  padding:30px 32px!important;
  box-shadow:0 8px 28px rgba(18,35,50,.05)!important;
}

body:not(.lc7181-radio-page) .lc7181-case .lc7181-kicker{
  color:var(--lc7182-blue)!important;
}

body:not(.lc7181-radio-page) .lc7181-case h2{
  color:#17212b!important;
  font-size:38px!important;
  margin-top:4px!important;
}

body:not(.lc7181-radio-page) .lc7181-case p{
  color:#66727d!important;
  font-size:15px!important;
  max-width:760px!important;
}

body:not(.lc7181-radio-page) .lc7181-tags i{
  color:#34414c!important;
  border:1px solid #dce3ea!important;
  background:#f8fafc!important;
}

body:not(.lc7181-radio-page) .lc7181-outline{
  color:#26323d!important;
  border-color:#ccd6df!important;
  background:#fff!important;
}

body:not(.lc7181-radio-page) .lc7181-case-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:100%!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,#0e6cd1,#0753a5)!important;
  border-radius:18px!important;
  padding:30px!important;
  box-shadow:0 16px 42px rgba(10,91,176,.16)!important;
}

body:not(.lc7181-radio-page) .lc7181-case-card small{
  color:#dcecff!important;
}

body:not(.lc7181-radio-page) .lc7181-case-card strong{
  font-size:23px!important;
  color:#fff!important;
}

body:not(.lc7181-radio-page) .lc7181-case-card a{
  color:#fff!important;
}

/* Rodapé: garante que Web Rádio fique alinhada aos links atuais */
.lc6240-footer a[href="/webradio.php"]{
  color:inherit!important;
}

/* ---------- telas divididas / notebook ---------- */
@media(max-width:1050px){
  .lc7181-radio-hero-grid{
    grid-template-columns:1.15fr .85fr!important;
    gap:32px!important;
  }
  .lc7181-radio-hero h1{
    font-size:38px!important;
  }
  .lc7181-radio-hero p{
    font-size:15px!important;
  }
}

@media(max-width:820px){
  .lc7181-radio-hero-grid,
  .lc7181-case-grid{
    grid-template-columns:1fr!important;
  }

  .lc7181-radio-demo{
    max-width:none!important;
  }

  body:not(.lc7181-radio-page) .lc7181-case-grid>div:first-child{
    padding:24px!important;
  }
}

@media(max-width:620px){
  .lc7181-radio-hero{
    padding:46px 0!important;
  }

  .lc7181-radio-hero h1{
    font-size:35px!important;
  }

  body:not(.lc7181-radio-page) .lc7181-case{
    padding:38px 0!important;
  }

  body:not(.lc7181-radio-page) .lc7181-case h2{
    font-size:31px!important;
  }
}