fix: scroll-margin on #contacto so the sticky header never overlaps it

components/sections/Cierre.tsx

@@ -10,7 +10,7 @@ export function Cierre() {
   const reduced = usePrefersReducedMotion();
   const { whatsapp, email, linkedin } = cierre.contact;
   return (
-    <section id="contacto" className="bg-bg-dark text-cream">
+    <section id="contacto" className="bg-bg-dark text-cream scroll-mt-24">
       <Container className="py-24 md:py-32 text-center">
         <motion.div variants={staggerContainer} initial="hidden" whileInView="visible" viewport={viewportOnce} {...motionProps(reduced)}
           className="flex flex-col items-center">