/* Canal FM v0.13.15 — Tocando Agora: respiro visual na TV */
.cfm-now-playing{display:none}
.cfm-now-playing[hidden]{display:none!important}
.cfm-now-playing img[hidden]{display:none!important}

@media(min-width:701px) and (min-height:600px){
  body.cfm-car-mode-active #cfm-player>.cfm-now-playing,
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing,
  #cfm-player:fullscreen>.cfm-now-playing{
    position:absolute;z-index:6;top:calc(50% + clamp(108px,13vh,150px));right:clamp(30px,4vw,68px);
    display:grid;grid-template-columns:minmax(0,1fr);align-items:center;box-sizing:border-box;
    width:min(720px,55vw);min-height:84px;padding:13px 18px;
    border:1px solid rgba(75,211,218,.28);border-radius:18px;
    background:linear-gradient(110deg,rgba(4,22,37,.94),rgba(7,39,55,.86));
    box-shadow:0 16px 44px rgba(0,0,0,.26),inset 0 0 24px rgba(20,215,220,.025);
    color:#fff;backdrop-filter:blur(10px)
  }
  body.cfm-car-mode-active #cfm-player>.cfm-now-playing.has-artwork,
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing.has-artwork,
  #cfm-player:fullscreen>.cfm-now-playing.has-artwork{grid-template-columns:64px minmax(0,1fr);gap:14px}
}

/* Na Tela Cheia/TV, sobe o card sem alterar o Modo Carro nem o celular. */
@media(min-width:701px) and (min-height:600px){
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing,
  #cfm-player:fullscreen>.cfm-now-playing{
    top:calc(50% + clamp(82px,10vh,118px))
  }
}

.cfm-now-playing img{display:block;width:64px;height:64px;border-radius:12px;object-fit:cover;background:#071525;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.cfm-now-playing-copy{display:grid;min-width:0;gap:2px}
.cfm-now-playing-copy>small{color:#48e4e6!important;font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase;opacity:1!important}
.cfm-now-playing-copy>strong{display:block!important;color:#fff!important;font-size:clamp(17px,1.55vw,24px)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cfm-now-playing-copy>span{color:#b9f229;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfm-now-playing-copy>em{color:#9fb3bf;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:700px) and (orientation:portrait){
  body.cfm-car-mode-active #cfm-player,
  body.cfm-fullscreen-active #cfm-player,
  #cfm-player:fullscreen{grid-template-rows:auto auto auto auto!important}
  body.cfm-car-mode-active #cfm-player>.cfm-player-controls,
  body.cfm-fullscreen-active #cfm-player>.cfm-player-controls,
  #cfm-player:fullscreen>.cfm-player-controls{grid-row:4!important}
  body.cfm-car-mode-active #cfm-player>.cfm-now-playing,
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing,
  #cfm-player:fullscreen>.cfm-now-playing{
    position:relative;z-index:6;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
    width:100%;min-height:54px;padding:9px 13px;border:1px solid rgba(75,211,218,.24);border-radius:15px;
    background:rgba(5,25,40,.9);color:#fff;box-sizing:border-box
  }
  body.cfm-car-mode-active #cfm-player>.cfm-now-playing.has-artwork,
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing.has-artwork,
  #cfm-player:fullscreen>.cfm-now-playing.has-artwork{grid-template-columns:46px minmax(0,1fr);gap:10px}
  .cfm-now-playing img{width:46px;height:46px;border-radius:9px}
  .cfm-now-playing-copy>strong{font-size:16px!important}
  .cfm-now-playing-copy>span{font-size:11px}
  .cfm-now-playing-copy>em{display:none}
}

@media(orientation:landscape) and (max-height:599px){
  body.cfm-car-mode-active #cfm-player>.cfm-now-playing,
  body.cfm-fullscreen-active #cfm-player>.cfm-now-playing,
  #cfm-player:fullscreen>.cfm-now-playing{display:none!important}
}

#cfm-player.is-spot>.cfm-now-playing{display:none!important}

.cfm-now-playing-registration-note{margin:0;padding:13px 15px;border:1px solid #bfe5e8;border-radius:13px;background:#f0fdff;color:#385766;font-size:12px;line-height:1.5}
.cfm-now-playing-registration-note strong{display:block;color:#087f91;font-size:13px}