// Header — minimal (private page, no main nav)
const Header = () => (
  <header style={{
    position: 'sticky', top: 0, zIndex: 30,
    background: 'rgba(255,255,255,0.92)',
    backdropFilter: 'saturate(180%) blur(8px)',
    borderBottom: '1px solid var(--bv-border)',
  }}>
    <div className="bv-container" style={{
      display: 'flex', alignItems: 'center', justifyContent: 'space-between',
      padding: '16px 32px',
    }}>
      <a href="#top" style={{ borderBottom: 'none', display: 'flex' }}>
        <img src="assets/logo/principal-positivo.svg" alt="Faculdade Belavista" style={{ height: 48, display: 'block' }} />
      </a>
      <div style={{ display: 'flex', alignItems: 'center', gap: 18 }}>
        <a href="#contribuir" className="btn btn-primary btn-sm">
          Como contribuir <Icon.ArrowDown size={14}/>
        </a>
      </div>
    </div>
  </header>
);
window.Header = Header;