From 9278f3eae1d3e7f57c58c208f3e193b6fd029edb Mon Sep 17 00:00:00 2001
From: erikgh <erikguzh@outlook.es>
Date: Tue, 21 Jul 2026 15:56:29 -0600
Subject: [PATCH] fix: scroll-margin on #contacto so the sticky header never
 overlaps it

---
 components/sections/Cierre.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/sections/Cierre.tsx b/components/sections/Cierre.tsx
index 998a4b8..9bf3c05 100644
--- a/components/sections/Cierre.tsx
+++ b/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">