// Operação Brasil — eyebrow estilo HUD tático, reutilizado nas seções (igual ao da Hero)
function HudEyebrow({ children, style = {} }) {
  return (
    <span style={{
      position: "relative", display: "inline-flex", alignItems: "center", gap: "11px",
      padding: "8px 15px", background: "rgba(0,0,0,0.3)", border: "1px solid var(--border-soft)",
      borderRadius: "var(--radius-sm)", ...style,
    }}>
      <span aria-hidden="true" className="hero-corner hero-corner-tl" />
      <span aria-hidden="true" className="hero-corner hero-corner-br" />
      <span aria-hidden="true" style={{
        width: "8px", height: "8px", borderRadius: "50%", flex: "none",
        background: "var(--olive-500)", boxShadow: "0 0 0 4px rgba(89,102,41,0.22)",
        animation: "hero-pulse 2.4s ease-in-out infinite",
      }} />
      <span style={{
        fontFamily: "var(--font-mono)", fontSize: "0.74rem", fontWeight: 900,
        letterSpacing: "0.14em", textTransform: "uppercase", color: "var(--text-gold)",
      }}>{children}</span>
    </span>
  );
}
window.HudEyebrow = HudEyebrow;
