/* Barra de volta ao portal. O Scalar desloca os elementos fixos dele por --scalar-custom-header-height. */
:root { --scalar-custom-header-height: 44px; }

body { margin: 0; }

.portal-bar {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: var(--scalar-custom-header-height);
  padding: 0 16px;
  background: #0d1b2a;
  font: 500 13px/1 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

.portal-bar a { color: #fff; text-decoration: none; }
.portal-bar a:hover { text-decoration: underline; text-underline-offset: 3px; }
.portal-bar a:focus-visible { outline: 2px solid #ff5722; outline-offset: 3px; border-radius: 4px; }
.portal-guide { color: #ffb59d !important; }

/* Cor de marca do Festero no destaque do Scalar. */
.light-mode { --scalar-color-accent: #d54114; }
.dark-mode { --scalar-color-accent: #ff5722; }