:root{--account-orange:#f35a13;--account-border:#526579}

/* Padrão de acesso da Central do Clube */
.header-account,.home-access,.x-access{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;white-space:nowrap}
.header-account .login,.header-account .create,
.home-access .header-login,.home-access .header-create,
.x-access .x-login,.x-access .x-create{box-sizing:border-box;height:44px;min-height:44px;padding:0 18px;border-radius:10px;color:#fff;font-size:13px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.header-account .login,.home-access .header-login,.x-access .x-login{border:1px solid var(--account-border);background:rgba(255,255,255,.02)}
.header-account .create,.home-access .header-create,.x-access .x-create{border:1px solid var(--account-orange);background:var(--account-orange)}
.header-account .login:hover,.header-account .login:focus-visible,
.home-access .header-login:hover,.home-access .header-login:focus-visible,
.x-access .x-login:hover,.x-access .x-login:focus-visible{border-color:#fff;background:rgba(255,255,255,.08)}
.header-account .create:hover,.header-account .create:focus-visible,
.home-access .header-create:hover,.home-access .header-create:focus-visible,
.x-access .x-create:hover,.x-access .x-create:focus-visible{background:#ff6a22;border-color:#ff6a22}
.header-account a:focus-visible,.home-access button:focus-visible,.x-access a:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}

/* Mesma linguagem dentro dos menus compactos. */
.nav-account .login,.nav-account .create,.nav-account-actions .nav-login,.nav-account-actions .nav-create,.studio-nav-actions .nav-login,.studio-nav-actions .nav-create{box-sizing:border-box;height:44px;min-height:44px;padding:0 14px;border-radius:9px;color:#fff;font-size:13px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.nav-account .login,.nav-account-actions .nav-login,.studio-nav-actions .nav-login{border:1px solid var(--account-border);background:rgba(255,255,255,.02)}
.nav-account .create,.nav-account-actions .nav-create,.studio-nav-actions .nav-create{border:1px solid var(--account-orange);background:var(--account-orange)}

@media(max-width:1024px){.stadium-header .header-account{display:none}}
@media(max-width:900px){.detail-header .header-account,.x-header .x-access{display:none}}
@media(max-width:700px){.home-header .home-access{display:none}}