
.cfn-tg-cta{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;max-width:760px;margin:24px auto;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,#0f172a 0%,#17364f 100%)!important;color:#fff!important;text-align:center;line-height:1.45;box-shadow:0 6px 20px rgba(0,0,0,.14)}
.cfn-tg-cta *{box-sizing:border-box}
.cfn-tg-cta-topo{display:flex;align-items:center;justify-content:center;gap:10px}
.cfn-tg-cta-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#229ed9!important;color:#fff!important}
.cfn-tg-cta .cfn-tg-cta-titulo{margin:0;font-size:1.05rem;font-weight:700;color:#fff!important}
.cfn-tg-cta .cfn-tg-cta-desc{margin:0;font-size:.92rem;color:#d7e3ee!important}
.cfn-tg-cta .cfn-tg-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;min-height:44px;padding:11px 22px;border-radius:999px;background:#229ed9!important;color:#fff!important;font-weight:700;font-size:.95rem;text-decoration:none!important;border:0;transition:filter .15s ease,transform .15s ease}
.cfn-tg-cta .cfn-tg-cta-btn:hover,.cfn-tg-cta .cfn-tg-cta-btn:focus-visible{filter:brightness(1.08);transform:translateY(-1px);color:#fff!important}
.cfn-tg-cta .cfn-tg-cta-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cfn-tg-cta--compacto{max-width:100%;margin:16px auto;padding:14px 16px;gap:10px}
.cfn-tg-cta--compacto .cfn-tg-cta-desc{display:none}
.cfn-tg-cta--compacto .cfn-tg-cta-titulo{font-size:.98rem}
.cfn-tg-cta--rodape{max-width:100%;margin:14px auto 0;padding:14px 16px;background:transparent;border-color:rgba(255,255,255,.18);box-shadow:none}
.cfn-tg-cta--rodape .cfn-tg-cta-desc{display:none}
/* Variante "topo": entra dentro dos cartões escuros (abertura da home e cartaz
   da cifra). Fundo translúcido, texto branco e botão com sombra para destacar. */
.cfn-tg-cta--topo{max-width:600px;margin:14px 0 0;padding:14px 16px;gap:10px;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 10px 26px rgba(3,10,24,.30)!important;text-align:left;border-radius:16px}
.cfn-tg-cta--topo .cfn-tg-cta-topo{justify-content:flex-start;gap:10px}
.cfn-tg-cta--topo .cfn-tg-cta-ico{width:36px;height:36px}
.cfn-tg-cta--topo .cfn-tg-cta-ico svg{width:20px;height:20px}
.cfn-tg-cta--topo .cfn-tg-cta-titulo{font-size:1.02rem;font-weight:800;line-height:1.25;text-shadow:0 1px 10px rgba(3,10,24,.55)}
.cfn-tg-cta--topo .cfn-tg-cta-desc{display:block;color:#eef5fc!important;font-size:.87rem}
.cfn-tg-cta--topo .cfn-tg-cta-btn{align-self:flex-start;min-height:42px;padding:10px 20px;font-size:.92rem;box-shadow:0 8px 18px rgba(34,158,217,.45)}
/* Variante "linha": o bloco e o vídeo do YouTube dividem a MESMA linha do
   cartaz da cifra, alinhados pelo pé, em qualquer largura de tela. */
.cfn-tg-cta-linha{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:1rem;position:relative;z-index:3;margin-top:1.15rem;width:100%}
.cfn-tg-cta-linha > .cfn-tg-cta{flex:1 1 auto;min-width:0;max-width:560px;margin:0!important}
.cfn-tg-cta-linha > .song-video{margin-top:0!important;flex:0 0 auto;justify-self:auto!important}
.cfn-tg-cta--linha{max-width:100%;padding:12px 14px;gap:8px;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:none;text-align:left;border-radius:14px}
.cfn-tg-cta--linha .cfn-tg-cta-topo{justify-content:flex-start;gap:8px}
.cfn-tg-cta--linha .cfn-tg-cta-ico{width:32px;height:32px}
.cfn-tg-cta--linha .cfn-tg-cta-ico svg{width:18px;height:18px}
.cfn-tg-cta--linha .cfn-tg-cta-titulo{font-size:.94rem;line-height:1.22;text-shadow:0 1px 8px rgba(3,10,24,.5)}
.cfn-tg-cta--linha .cfn-tg-cta-desc{display:none}
.cfn-tg-cta--linha .cfn-tg-cta-btn{align-self:flex-start;min-height:38px;padding:8px 16px;font-size:.86rem;box-shadow:0 6px 14px rgba(34,158,217,.45)}
@media (max-width:600px){
.cfn-tg-cta-linha{gap:.55rem}
body.cifranet-shell.page-cifra .cfn-tg-cta-linha > .song-video{width:112px!important}
.cfn-tg-cta--linha{padding:10px;gap:6px}
.cfn-tg-cta--linha .cfn-tg-cta-ico{display:none}
.cfn-tg-cta--linha .cfn-tg-cta-titulo{font-size:.76rem;line-height:1.18}
.cfn-tg-cta--linha .cfn-tg-cta-btn{width:auto!important;min-height:32px;padding:6px 10px;font-size:.72rem;line-height:1.15}
}
@media (max-width:520px){.cfn-tg-cta{margin:18px auto;padding:16px}.cfn-tg-cta-titulo{font-size:1rem}.cfn-tg-cta-desc{font-size:.88rem}.cfn-tg-cta-btn{width:100%}}
