body { font-family: Arial, sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
.imagem-hino { text-align: center; margin: 1rem 0; }
.imagem-hino img { max-width: 200px; height: auto; }
.player { margin: 1rem 0; }
audio { width: 100%; }
.letra { background: #f5f5f5; padding: 1rem; border-radius: 8px; white-space: pre-wrap; font-family: monospace; }
.letra p { margin: 0.5rem 0; }
li { margin: 0.5rem 0; }
a { text-decoration: none; color: #0066cc; }
a:hover { text-decoration: underline; }
/* MENU */
.menu{
text-align:center;
margin-bottom:30px;
}
.menu a{
text-decoration:none;
margin:0 10px;
padding:8px 12px;
background:#f4f4f4;
border-radius:5px;
color:#333;
font-weight:bold;
}
.menu a:hover{
background:#e0e0e0;
}
/* RODAPÉ */
.footer{
margin-top:40px;
padding-top:20px;
border-top:1px solid #ddd;
text-align:center;
font-size:14px;
color:#666;
}