// Shared utilities: animated counters, intersection observer helpers, icons.
const { useState, useEffect, useRef, useMemo, useCallback } = React;
// Animated counter — runs once when element enters viewport
function Counter({ to, suffix = "", duration = 1800, decimals = 0, prefix = "" }) {
const [v, setV] = useState(0);
const ref = useRef(null);
const started = useRef(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver((es) => {
es.forEach((e) => {
if (e.isIntersecting && !started.current) {
started.current = true;
const start = performance.now();
const from = 0;
const tick = (t) => {
const p = Math.min(1, (t - start) / duration);
const eased = 1 - Math.pow(1 - p, 3);
setV(from + (to - from) * eased);
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
});
}, { threshold: 0.3 });
io.observe(el);
return () => io.disconnect();
}, [to, duration]);
const display = decimals === 0
? Math.round(v).toLocaleString("es-ES")
: v.toFixed(decimals);
return {prefix}{display}{suffix};
}
// Icons (minimal hand-tuned, no AI slop)
const I = {
arrow: (p={}) => ,
arrowR: (p={}) => ,
truck: (p={}) => ,
snow: (p={}) => ,
globe: (p={}) => ,
shield: (p={}) => ,
leaf: (p={}) => ,
pill: (p={}) => ,
box: (p={}) => ,
thermo: (p={}) => ,
signal: (p={}) => ,
pin: (p={}) => ,
spark: (p={}) => ,
cert: (p={}) => ,
check: (p={}) => ,
plus: (p={}) => ,
minus: (p={}) => ,
menu: (p={}) => ,
close: (p={}) => ,
play: (p={}) => ,
};
// Small live status indicator dot
function LiveDot({ color = "var(--accent-ok)", label }) {
return (
{label}
);
}
// Section header (eyebrow + heading + lede)
function SectionHead({ eyebrow, title, lede, align = "left", inverse = false }) {
return (
{eyebrow &&
{eyebrow}
}
{title}
{lede &&
{lede}
}