/* Tráfego para Consultórios: frosted, more transparent header capsule (local experiment).
   Opus, 17 Oct 2026. Loaded after experiment/index-hero.css. Paint only: background and
   backdrop-filter of .site-header and its desktop .is-scrolled state. Position, size, radius,
   border, shadow, menu, logo, action, text and every interaction stay as set in
   opus-20261016/tpc-light.css (rest 84% white, scrolled 92%, blur 16px). */

.site-header {
  background: rgb(255 255 255 / 60%);
  -webkit-backdrop-filter: saturate(1.4) blur(28px);
  backdrop-filter: saturate(1.4) blur(28px);
}

/* Same scope as the source rule: the scrolled state exists from 901 px. */
@media (min-width: 901px) {
  .site-header.is-scrolled {
    background: rgb(255 255 255 / 68%);
  }
}

/* Without backdrop blur the glass cannot frost, and some readers ask for less transparency
   or more contrast: in each case the capsule returns to a near-solid white. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header,
  .site-header.is-scrolled {
    background: rgb(255 255 255 / 94%);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header,
  .site-header.is-scrolled {
    background: rgb(255 255 255 / 94%);
  }
}

@media (prefers-contrast: more) {
  .site-header,
  .site-header.is-scrolled {
    background: rgb(255 255 255 / 94%);
  }
}
