/* Independente dos estilos da cifra e do player. */
.mc-comentarios-atalho { display:inline-flex; gap:.35em; margin:0; color:#d1ff42; font-weight:700; text-decoration:none; }
.mc-comentarios-atalho:hover { text-decoration:underline; }
.mc-comentarios { --mc-com-cor:#d1ff42; --mc-com-fundo:#1b1f19; --mc-com-borda:#394032; margin:24px 0 30px; padding:24px; border:1px solid var(--mc-com-borda); border-radius:20px; background:var(--mc-com-fundo); scroll-margin-top:24px; color:inherit; }
.mc-comentarios h2 { margin:0 0 12px; font-size:clamp(23px,4vw,30px); line-height:1.25; }
.mc-comentarios p { line-height:1.55; }
.mc-comentarios form { display:block; margin:20px 0; }
.mc-comentarios textarea { box-sizing:border-box; display:block; width:100%; min-height:110px; padding:14px; border:1px solid var(--mc-com-borda); border-radius:12px; background:transparent; color:inherit; font:inherit; line-height:1.5; resize:vertical; }
.mc-comentarios label { display:block; margin-bottom:8px; font-weight:700; }
.mc-comentarios button { width:auto; padding:11px 16px; margin:10px 0 0; border:1px solid var(--mc-com-borda); border-radius:12px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.mc-comentarios button[data-publicar], .mc-comentarios button[data-entrar] { background:var(--mc-com-cor); color:#111; font-weight:700; }
.mc-comentarios button:disabled { opacity:.6; cursor:wait; }
.mc-comentarios :focus-visible { outline:2px solid var(--mc-com-cor); outline-offset:3px; }
.mc-comentarios [hidden] { display:none !important; }
.mc-comentarios [data-google] { margin:12px 0; }
.mc-comentarios [data-identidade], .mc-comentarios [data-status] { font-size:14px; }
.mc-comentarios [data-status] { min-height:1.5em; }
.mc-comentario { padding:20px 0; border-top:1px solid var(--mc-com-borda); }
.mc-comentario-topo { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
.mc-comentario time { opacity:.7; font-size:13px; }
.mc-comentario p { white-space:pre-wrap; overflow-wrap:anywhere; margin:10px 0; }
.mc-comentarios button.mc-comentario-excluir { padding:5px 10px; font-size:13px; }
body.tema-claro .mc-comentarios { --mc-com-cor:#315c06; --mc-com-fundo:#f5f7f1; --mc-com-borda:#cbd3c2; }
body.tema-claro .mc-comentarios-atalho { color:#315c06; }
body.tema-claro .mc-comentarios button[data-publicar], body.tema-claro .mc-comentarios button[data-entrar] { color:#fff; }
body.modo-tocar-ativo .mc-comentarios, body.modo-tocar-ativo .mc-comentarios-atalho { display:none !important; }
@media(max-width:600px) { .mc-comentarios { padding:18px; margin-top:24px; } }
@media print { .mc-comentarios, .mc-comentarios-atalho { display:none !important; } }

.titulo-conteudo-musical .mc-comentarios-atalho { flex-shrink:0; gap:0; font-size:14px; letter-spacing:normal; white-space:nowrap; }
.titulo-conteudo-musical .mc-comentarios-atalho span { color:inherit; font:inherit; letter-spacing:inherit; }

/* Espaço real entre as ações finais e os comentários: 24px. */
.acoes-finais-cifra.mc-acoes-com-comentarios { margin-bottom:0; }
.titulo-conteudo-musical .mc-comentarios-atalho .mc-seta-comentarios,
.mc-voltar-topo .mc-seta-comentarios {
    display: block;
    position: static;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-left: 7px;
    transform: translateY(-2px);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mc-voltar-topo {
    display: inline-flex;
    align-items: center;
}
.mc-comentarios-acoes { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; margin-top:10px; }
.mc-comentarios .mc-comentarios-acoes button { margin:0; }
.mc-voltar-topo { color:var(--mc-com-cor); font-weight:600; text-decoration:none; padding:10px 0; }
.mc-voltar-topo:hover { text-decoration:underline; }
/* Cole no FINAL de public_html/assets/css/comentarios.css. */
.mc-comentario-autor {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.mc-comentario-avatar {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--mc-com-cor);
    color: #111;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.mc-comentarios .mc-comentario-avatar img {
    position: absolute;
    inset: 0;
    display: block;
    width: 36px;
    height: 36px;
    max-width: none;
    margin: 0;
    object-fit: cover;
    border-radius: 50%;
}
body.tema-claro .mc-comentario-avatar { color: #fff; }
.controle-tamanho {
    flex-wrap: wrap;
    row-gap: 12px;
}

.controle-tamanho .mc-comentarios-atalho {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: normal;
    white-space: nowrap;
}

.controle-tamanho .mc-seta-comentarios {
    display: block;
    position: static;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-left: 7px;
    transform: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mc-comentarios label[for] {
    color: var(--mc-com-cor);
}
/* Estado vazio compacto e consistente em cifras, Detalhes e videoaulas. */
.mc-comentarios form{margin-bottom:10px}
.mc-comentarios [data-status]{min-height:0;margin:8px 0}
.mc-comentarios [data-status]:empty{display:none}
.mc-comentarios [data-lista]>p{margin:20px 0 0;font-size:14px}