@import url('fonts.css');
:root { --font-body: 'Geist'; }
button { border: 0; background: transparent; }
[hidden] { display: none !important; }
.sf-icon { display: block; flex-shrink: 0; }
.release-play .sf-icon, .clip-play .sf-icon { fill: currentColor; }
.brand-logo { max-width: 150px; max-height: 58px; width: auto; height: auto; object-fit: contain; }
.hero-content .brand-logo { max-width: min(70vw,600px); max-height: 280px; margin: auto; }
.artist-menu { position: fixed; inset: 0 0 0 auto; width: min(480px,100%); max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 32px; color: #fff; background: #111; border: 0; overflow-y: auto; }
.artist-menu::backdrop { background: #000b; }
.artist-menu .menu-top { margin-bottom: 32px; }
.artist-menu h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .12em; color: #aaa; }
.artist-menu .menu-press { display: inline-block; margin: 32px 0; }
html.sf-menu-open { overflow: hidden; }
.admin-bar .site-header { top: 32px; }
.show-list { margin-top: 32px; text-align: left; }
.show-card { display: grid; grid-template-columns: 145px 1fr auto; align-items: center; gap: 28px; padding: 28px 0; border-bottom: 1px solid #ccc; }
.show-date time { font-weight: 700; white-space: nowrap; }
.show-date span { display: block; font-size: 14px; color: #666; }
.show-info h3 { font-size: 24px; font-weight: 650; margin: 0 0 8px; }
.show-info p { color: #666; font-size: 15px; }
.show-description { margin-top: 12px; }
.show-description a { text-decoration: underline; }
.show-status { display: inline-block; margin-top: 10px; padding: 3px 10px; border: 1px solid #bbb; border-radius: 3px; font-size: 12px; }
.status-cancelado { color: #9d2020; border-color: #9d2020; }
.status-adiado { color: #7b5100; border-color: #7b5100; }
.show-card .button { margin: 0; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } .show-card { grid-template-columns: 1fr; gap: 12px; } .show-card .button { justify-self: start; } }

.show-photo { width: 100px; height: 100px; object-fit: cover; float: right; margin: 0 0 12px 20px; border-radius: 4px; }