/* Shared, accessible action language across the official site and application. */
:root{--action-gold:#e3c489;--action-ink:#161b12;--action-edge:#ddc38a40}
:where(a,button,input,select,textarea){-webkit-tap-highlight-color:transparent}
.button,button[type=submit]{border-radius:12px;min-height:46px;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .18s ease}
:where(.button,button[type=submit]):not(.secondary):not(.danger):not(.button-cream){background:linear-gradient(125deg,#efd8a6,#d6b36f);color:var(--action-ink);border:1px solid #f1dca9;box-shadow:0 5px 18px #0002}
.button.secondary{background:linear-gradient(125deg,#e3c4890e,#e3c48903);border:1px solid var(--action-edge)}
:is(.text-link,.small-link,.quiet-link,.account-small,.auth-links a){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid var(--action-edge);border-radius:10px;background:#d6bd8309;color:#e3d0a6;text-decoration:none;line-height:1.45;transition:color .18s,background .18s,border-color .18s,transform .18s}
:where(.button,button[type=submit],.text-link,.small-link,.quiet-link,.account-small):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 8px #0003}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #ead09a;outline-offset:4px}
:where(input,select,textarea):focus{border-color:#d6b36f;box-shadow:0 0 0 3px #d6b36f18}
:where(.button,button,.small-link):disabled{opacity:.45;cursor:default;box-shadow:none}
:where(.menu-list>button,.menu-list>a,.quick-tile,.playlist-card,.social-grid>a){transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.menu-list>button,.menu-list>a{background:linear-gradient(100deg,#d6bd8306,transparent 75%)}
.menu-list>*>svg:first-child{width:35px;height:35px;padding:7px;border-radius:10px;background:#d6bd8312;border:1px solid #d6bd8322}
.menu-list strong{font-weight:600}.menu-list .arrow{color:#cfb978}
.menu-list>button:active,.menu-list>a:active,.quick-tile:active{background:#d6bd831a}
.member-tabs button,.news-tabs button{border-radius:11px;min-height:44px;transition:background .18s,color .18s,border-color .18s}
.member-tabs [aria-current=page]{background:linear-gradient(120deg,#d6bd8330,#d6bd8310);color:#f1d9a5;border-color:#d6bd8370;box-shadow:inset 0 1px #f0d69b22}
:where(.desktop-nav,.mobile-nav) a{border-radius:9px;transition:color .18s,background .18s}
@media(hover:hover){
 :where(.button,button[type=submit]):hover:not(:disabled){box-shadow:0 7px 22px #0004;border-color:#f3dda9;transform:translateY(-2px)}
 :where(.text-link,.small-link,.quiet-link,.account-small):hover:not(:disabled){color:#fff0cc;border-color:#e3c48999;background:#d6bd831b}
 :where(.menu-list>button,.menu-list>a,.quick-tile,.playlist-card,.social-grid>a):hover{background-color:#d6bd8312;border-color:#d6bd8360}
 :where(.desktop-nav,.mobile-nav) a:hover{color:#f0d29a;background:#d6bd830e}
 .menu-list>button:hover .arrow,.menu-list>a:hover .arrow{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){:where(a,button,input,select,textarea){transition:none!important;transform:none!important}}

.desktop-nav a,.mobile-nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid transparent}
.desktop-nav a:before,.mobile-nav a:before{color:#d6bd83;font-size:14px}
:is(.desktop-nav,.mobile-nav) a[href="#musica"]:before{content:'♫'}
:is(.desktop-nav,.mobile-nav) a[href="#artista"]:before{content:'◎'}
:is(.desktop-nav,.mobile-nav) a[href="#ao-vivo"]:before{content:'◉'}
:is(.desktop-nav,.mobile-nav) a[href="#contacto"]:before{content:'✉'}
:is(.desktop-nav,.mobile-nav) a[href="/conta"]:before{content:'◈'}
:is(.desktop-nav,.mobile-nav) a[href="/premium"]:before{content:'✦'}
:is(.desktop-nav,.mobile-nav) a[href="/app/"]:before{content:'↗'}
@media(min-width:851px) and (max-width:1120px){.desktop-nav a{padding:8px 5px;gap:4px;font-size:10px}.desktop-nav a:before{font-size:12px}}

.site-signout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid #dfc79755;border-radius:9px;background:#dfc7970c;color:#dfc797;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.site-signout:hover{background:#dfc79722}.site-signout:disabled{opacity:.5;cursor:wait}.site-signout[hidden]{display:none!important}.mobile-nav .site-signout{justify-content:flex-start;padding:16px;font-size:15px;margin-top:10px}#session-message{font-size:12px;color:#efb0a7}

.site-owner-link[hidden]{display:none!important}.site-owner-link{color:#e9c889!important;border:1px solid #dfc79744;border-radius:8px;padding:9px 11px;font-size:11px;text-decoration:none;white-space:nowrap}.desktop-nav{gap:clamp(10px,1.25vw,22px)}.mobile-nav .site-owner-link{padding:16px;font-size:15px;margin-top:8px}
