{intro}
}
);
}
/* ---- HEADER (pílula flutuante em vidro + dropdown Seguros) -------------- */
function Header() {
const [scrolled, setScrolled] = React.useState(false);
const [openMenu, setOpenMenu] = React.useState(false);
const [openDrop, setOpenDrop] = React.useState(false);
const [mobSeg, setMobSeg] = React.useState(false);
const [onDark, setOnDark] = React.useState(true);
const glassRef = React.useRef(null);
const headerRef = React.useRef(null);
React.useEffect(() => {
const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
const lumOf = (c) => { const m = c.match(/\d+(\.\d+)?/g); if (!m) return 1; return (0.2126 * (+m[0]) + 0.7152 * (+m[1]) + 0.0722 * (+m[2])) / 255; };
const detect = () => {
const el = glassRef.current, hd = headerRef.current; if (!el) return;
const r = el.getBoundingClientRect();
const x = Math.round(r.left + 46), y = Math.round(r.top + r.height / 2);
const stack = document.elementsFromPoint(x, y);
let node = null;
for (let k = 0; k < stack.length; k++) { const n = stack[k]; if (!hd || (!hd.contains(n) && n !== hd)) { node = n; break; } }
let bg = null;
while (node) { const c = getComputedStyle(node).backgroundColor; if (c && c !== 'transparent' && !/rgba\([^)]*,\s*0\)/.test(c)) { bg = c; break; } node = node.parentElement; }
setOnDark(bg ? lumOf(bg) < 0.55 : true);
};
let ticking = false;
const apply = () => {
const y = window.scrollY;
setScrolled(y > 8);
if (!reduce && glassRef.current) {
const p = Math.max(0, Math.min(1, y / 700));
glassRef.current.style.setProperty('--spec-x', (24 + p * 34) + '%');
}
detect();
ticking = false;
};
const onScroll = () => { if (!ticking) { ticking = true; requestAnimationFrame(apply); } };
apply();
window.addEventListener('scroll', onScroll, { passive: true });
window.addEventListener('resize', apply, { passive: true });
const t = setTimeout(detect, 400);
return () => { window.removeEventListener('scroll', onScroll); window.removeEventListener('resize', apply); clearTimeout(t); };
}, []);
const dropTimer = React.useRef(null);
const segRef = React.useRef(null);
const [dropPos, setDropPos] = React.useState({ left: 0, top: 0 });
const enter = () => {
clearTimeout(dropTimer.current);
if (segRef.current) { const r = segRef.current.getBoundingClientRect(); const left = Math.min(r.left, window.innerWidth - 560 - 16); setDropPos({ left: Math.max(16, left), top: r.bottom + 22 }); }
setOpenDrop(true);
};
const leave = () => { dropTimer.current = setTimeout(() => setOpenDrop(false), 140); };
const pf = D.pf(); const pj = D.pj();
const dark = onDark;
const linkColor = dark ? 'rgba(255,255,255,0.88)' : 'var(--text-body)';
const linkHoverColor = dark ? 'var(--neutral-0)' : 'var(--blue-800)';
const linkHoverBg = dark ? 'rgba(255,255,255,0.12)' : 'var(--surface-subtle)';
const linkStyle = { fontFamily: 'var(--font-sans)', fontSize: 'var(--fs-sm)', fontWeight: 500, color: linkColor, textDecoration: 'none', padding: '8px 14px', borderRadius: 'var(--radius-pill)', display: 'inline-flex', alignItems: 'center', gap: 6, transition: 'background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard)' };
return (
{lead}
} {intro &&{intro}
} {cta &&{p.tagline}
Ver coberturaConte o que você precisa proteger. Um consultor retorna em até 1 dia útil com as melhores opções, sem compromisso.
Escolha um número e fale direto no WhatsApp.
