main.wrap { padding-top: 24px; padding-bottom: 48px; }
.cabeca { text-align: center; margin-bottom: 22px; }
.cabeca h1 { margin: 0; font-size: clamp(30px, 6vw, 46px); line-height: 1.05; }
.cabeca p { margin: 6px 0 0; }

.musicas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.musicas .cartao img { aspect-ratio: 16 / 9; object-fit: cover; }
.musicas .cartao strong { padding: 10px 14px 14px; font-size: 19px; }

.letra { max-width: 720px; }
.letra .voltar { display: inline-block; margin-bottom: 10px; font-weight: 700; text-decoration: none; color: var(--azul-arara); }
.letra h1 { margin: 0; font-size: clamp(32px, 6vw, 48px); line-height: 1.05; color: var(--azul-arara); }
.letra .sub { margin: 4px 0 18px; opacity: 0.75; }
.letra .video {
  position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #000;
  box-shadow: var(--sombra); margin-bottom: 26px;
}
.letra .video img { width: 100%; height: 100%; object-fit: cover; }
.letra .video iframe { width: 100%; height: 100%; border: 0; }
.letra .no-youtube { text-align: center; margin: -12px 0 24px; }
.letra .video .aviso {
  position: absolute; left: 12px; bottom: 12px; background: var(--amarelo); padding: 4px 14px; border-radius: 999px;
  font-weight: 800;
}

.estrofe { margin: 0 0 20px; font-size: 22px; line-height: 1.5; font-weight: 600; }
.estrofe p { margin: 0; }
.estrofe.refrao { background: #fff1b8; border-radius: 18px; padding: 14px 18px; border-left: 8px solid var(--amarelo); }
.estrofe .tag { display: block; font-size: 15px; font-weight: 800; color: #9a7a00; }
.estrofe.falado { font-style: italic; opacity: 0.8; }
.resp { color: var(--verde-escuro); font-style: italic; }
.acoes { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 30px; }

@media (max-width: 860px) { .musicas { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) {
  .estrofe { font-size: 19px; }
  .musicas .cartao strong { font-size: 16px; }
}