:root { --bs-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; }

@font-face {
    font-family: 'Designer';
    src: url('../fonts/Designer.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.barra-superior { position: fixed; top: -8px; left: 0; width: 100%; height: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background-image: url('../imagens/Geral/barrasuperior.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: transparent !important; color: #f3e5ab; z-index: 2500; box-sizing: border-box; font-family: var(--bs-font); font-size: 12px; line-height: 35px; }

/* Logo Brasilis simples */
.barra-superior__logo { 
    color: #f3e5ab; 
    font-weight: normal; 
    letter-spacing: .3px; 
    cursor: pointer; 
    position: relative; 
}
.barra-superior__logo:hover { 
    color: #cbd5e1; 
}

.barra-superior__logo-wrap { position: relative; display: inline-block; }
.barra-superior__left { display: flex; align-items: center; gap: 8px; }
.barra-superior__user { display: flex; align-items: center; gap: 4px; font-weight: normal; letter-spacing: .3px; }
.barra-superior__sep { color: #f3e5ab; opacity: 0.9; }
.barra-superior__help { color: #f3e5ab; text-decoration: none; font-weight: normal; letter-spacing: .3px; }
.barra-superior__help:hover { color: #cbd5e1; }
.barra-superior__coins { display: inline-flex; align-items: center; gap: 2px; margin-left: 2px; color: #f3e5ab; }
.vipcoin-icon { width: 16px; height: 16px; vertical-align: middle; }
.barra-superior__dash { margin: 0 2px; }
.barra-superior__logout { color: #f3e5ab; text-decoration: none; font-weight: normal; letter-spacing: .3px; }
.barra-superior__logout:hover { color: #f3e5ab; }
.barra-superior__clock { font-weight: normal; letter-spacing: .3px; }
.barra-superior__menu { position: absolute; top: 31px; left: 0; background: transparent; display: none; z-index: 2600; width: 181px; padding: 0; }
.barra-superior__menu.open { display: block; }

/* Cantoneiras */
.barra-superior__corner-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 29px;
  width: auto;
  pointer-events: none;
  z-index: 2550;
}
.barra-superior__corner-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 29px;
  width: auto;
  pointer-events: none;
  z-index: 2550;
}