From 3a9c8a84880790bb751b5f641c7acf0226f4f3ed Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio.ruiz@fusionary.com>
Date: Wed, 11 Feb 2026 22:15:18 -0500
Subject: [PATCH] Fixed header styles.

---
 src/components/Header.astro   |  2 +-
 src/components/HeroHome.astro | 25 ++++++++++++++-----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 5e63b3c..699385f 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -12,7 +12,7 @@ import Button from "./ui/Button.astro";
     <nav
       class="flex justify-evenly gap-10 items-center uppercase text-md text-white"
     >
-      <div class="flex gap-8">
+      <div class="flex gap-8 font-primary">
         <a href="#">Inicio</a>
         <a href="#">Somos</a>
         <a href="#">Programas</a>
diff --git a/src/components/HeroHome.astro b/src/components/HeroHome.astro
index d8b755d..f160315 100644
--- a/src/components/HeroHome.astro
+++ b/src/components/HeroHome.astro
@@ -3,10 +3,13 @@ import Header from './Header.astro';
 ---
 
 <div class="font-secondary">
-    <div class="h-screen container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto">
-        <Header />
-        <div class="grid  grid-cols-2 justify-center items-center h-full">
-            <div class="grid grid-cols-1 gap-8">
+    <div class="top-16 relative mb container mx-auto">
+            <Header />
+        </div>
+    <div class="h-screen max-h-[1080px] container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto mt-16">
+
+        <div class="grid grid-cols-2 h-full">
+            <div class="gap-8 flex flex-col justify-end">
                 <div>
                     <img
                         src="/src/assets/logo-metalico.png"
@@ -14,23 +17,23 @@ import Header from './Header.astro';
                         class="w-58 mb-4"
                     />
                 </div>
-                <div class="text-primary font-bold font-primary">
-                    <h1 class="text-3xl">
+                <div class="text-primary font-semibold font-secondary mb-24 mt-40">
+                    <h1 class="text-6xl mb-8">
                         Dr. José Benjamín<br /> Pérez Matos
                     </h1>
-                    <h6 class="uppercase text-white">Lider Fundador</h6>
+                    <h6 class="font-primary font-light uppercase text-white">Lider Fundador</h6>
                 </div>
             </div>
-            <div class="grid grid-cols-1 gap-8">
+            <div class="flex flex-col justify-end items-end gap-8">
                 <div
-                    class="w-1/2 font-primary font-semibold text-2xl text-primary gap-8 flex flex-col"
+                    class="w-1/2 font-primary font-medium text-2xl text-primary gap-8 flex flex-col justify-end mb-24"
                 >
-                    <h2>
+                    <h2 class="text-[#EAE6D2]">
                         “El sueño de mi vida es ver cumplida la visión de los
                         profetas: un mundo de justicia y paz para el bien de
                         Israel y de toda la humanidad.”
                     </h2>
-                    <div class="w-32 self-end">
+                    <div class="w-16 self-end mt-64">
                         <img
                             src="/src/assets/white-dove.webp"
                             alt="White Dove"