/* Botones principales: estilo compartido con la web de Manantial. */
.song-page .site-header nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;height:auto;padding:8px 10px;margin:0;border:1px solid #398bc0;border-radius:12px;background:linear-gradient(135deg,#164b7b,#0b2b4e);box-shadow:inset 0 1px 12px #6ecbff15,0 5px 18px #00112c30;font-family:inherit;font-size:.78rem;font-weight:800;line-height:1.2;text-decoration:none;color:#eff9ff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.song-page .site-header nav a:hover{background:linear-gradient(135deg,#1b6093,#103963);border-color:#7fdbff;transform:translateY(-2px)}
.song-page .site-header nav a:focus-visible{outline:3px solid #93e4ff;outline-offset:3px}
.mdf-menu-icon{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#206aa4,#104270);border:1px solid #468cc0;color:#b8e7ff}
.mdf-menu-icon svg{width:19px;height:19px}
.mdf-menu-label{min-width:0}
@media(prefers-reduced-motion:reduce){.song-page .site-header nav a{transition:none}}

.song-page .site-header nav{display:flex;flex:none;justify-content:flex-end;width:auto;margin-left:auto}
.song-page .site-header nav a{grid-column:auto;min-width:110px;white-space:nowrap}
@media(max-width:700px){.song-page .site-header{flex-direction:row;align-items:center;gap:12px}.song-page .site-header .identity{align-self:center}.song-page .site-header nav a{min-width:84px;min-height:48px;font-size:.78rem;padding:7px 10px}}

.song-page .lyrics-heading{padding:8px 0 16px}.song-page .lyrics-app{margin-top:4px}