/**
 * Header BudMed (export Framer): fixa no topo após o primeiro scroll.
 * Alvo: .budmed-header-sticky-target (definido via JS no wrapper *-container do nav).
 */

/**
 * O export Framer centra o header com left:50% + transform:translate(-50%)
 * (ex.: .framer-750b72-container). Ao fixar, temos de manter o mesmo critério;
 * width:100% + left:0 fazia o bloco colar à esquerda (img 2).
 */
.budmed-header-sticky-target.budmed-header--fixed {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  /* Não forçar width:100% — no desktop é auto; no mobile o Framer pode usar 85% */
  max-width: 100vw !important;
  box-sizing: border-box !important;
  z-index: 2147483000 !important;
  transform: translate3d(-50%, 0, 0) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  /* Fundo alinhado ao site (rgb(0, 29, 29)) para não “sumir” sobre o conteúdo */
  background: rgba(0, 29, 29, 0.94) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 10px !important;
  padding-top: max(10px, env(safe-area-inset-top, 0)) !important;
  padding-left: max(10px, env(safe-area-inset-left, 0)) !important;
  padding-right: max(10px, env(safe-area-inset-right, 0)) !important;
  margin-top: 10px !important;
  border-radius: 10px !important;
}

/* Nav não ultrapassa a viewport em ecrãs estreitos */
.budmed-header-sticky-target.budmed-header--fixed > nav.framer-GDmP8 {
  max-width: 100% !important;
  box-sizing: border-box !important;
}