From bd78413179e43debb416471970b9650975e73d99 Mon Sep 17 00:00:00 2001
From: Willy Joao Mateo Espinoza <67135809+willymateo@users.noreply.github.com>
Date: Sun, 2 Feb 2025 14:38:27 -0500
Subject: [PATCH] Fix hero padding in sm (#47)

---
 src/app/[locale]/Sections/Hero.tsx | 2 +-
 src/app/globals.css                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/[locale]/Sections/Hero.tsx b/src/app/[locale]/Sections/Hero.tsx
index cc07a80..873c1b2 100644
--- a/src/app/[locale]/Sections/Hero.tsx
+++ b/src/app/[locale]/Sections/Hero.tsx
@@ -19,7 +19,7 @@ const Hero = () => {
 
   return (
     <section
-      className="px-body min-h-screen flex flex-col items-center justify-center justify-items-center gap-10 sm:grid sm:grid-cols-[5fr_4fr] pt-[49px] lg:pt-[65px] pb-[112px] sm:pb-[76px]"
+      className="px-body min-h-screen flex flex-col items-center justify-center justify-items-center gap-10 sm:grid sm:grid-cols-[5fr_4fr] pb-[112px] sm:pb-[76px] pt-hero-route"
       id={SECTIONS.HERO}
     >
       <MotionDiv
diff --git a/src/app/globals.css b/src/app/globals.css
index e1e7e9d..ce2f37d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -11,6 +11,10 @@
     @apply px-10 lg:px-24 2xl:px-40;
   }
 
+  .pt-hero-route {
+    @apply pt-[calc(93px_+_5rem)] sm:pt-[49px] lg:pt-[65px];
+  }
+
   .pt-children-routes {
     @apply pt-[calc(93px_+_5rem)] sm:pt-[calc(49px_+_5rem)] lg:pt-[calc(65px_+_5rem)];
   }