/* Aviso da apresentação ao cliente. Remova a faixa antes do lançamento definitivo. */
:root { --development-chrome-height: 160px; }
html { scroll-padding-top: calc(var(--development-chrome-height) + 18px); }
.development-shell {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100%;
  isolation: isolate;
}
.development-shell > .site-header { position: relative; top: auto; }
.development-notice {
  position: relative;
  margin: 0;
  padding: 11px max(18px, env(safe-area-inset-right)) 11px max(18px, env(safe-area-inset-left));
  border: 0;
  border-bottom: 1px solid #e3c57e;
  background: #fff1cc;
  color: #573b0d;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}
.development-notice__inner {
  width: min(100%, 1248px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.development-notice__icon {
  display: block;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.development-notice__copy {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 13px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}
.development-notice__copy strong {
  color: inherit;
  font-size: 14px;
  font-weight: 750;
}
.development-notice__copy span { color: inherit; }
/* The existing header remains below the notice. Anchor targets stay visible. */
body[data-page="links"] .page-shell {
  min-height: calc(100svh - var(--development-chrome-height));
}
@media (max-width: 1050px) {
  .development-notice__copy { display: block; }
  .development-notice__copy strong,
  .development-notice__copy span { display: block; }
  .development-notice__copy span { margin-top: 2px; }
}
@media (max-width: 640px) {
  .development-notice { padding-block: 10px; font-size: 12px; line-height: 1.4; }
  .development-notice__inner { align-items: flex-start; justify-content: flex-start; gap: 10px; }
  .development-notice__icon { width: 19px; height: 19px; flex-basis: 19px; margin-top: 1px; }
  .development-notice__copy strong { font-size: 13px; }
}
@media (max-width: 780px) {
  .development-shell .main-nav {
    max-height: calc(100svh - var(--development-chrome-height) - 90px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media print {
  html { scroll-padding-top: 0; }
  .development-shell { position: static; }
  .development-notice {
    border: 1px solid #9c7b39;
    background: #fff1cc;
    color: #573b0d;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}