Fix: Ensure Nasalization font for titles

Correct font loading and application for titles and headings across the application.

Author: lovable-dev[bot]

src/components/FinancialFreedomSection.tsx

@@ -33,7 +33,6 @@ const FinancialFreedomSection = () => {
             <Coins className="text-alien-gold h-16 w-16 ml-4" />
           </div>
 
-          {/* Usamos AnimatedText aquí */}
           <AnimatedText className="text-xl max-w-5xl mx-auto text-gray-300 font-[Exo] leading-relaxed">
             Any Individual or Professional can Understand the Advantage of Digital Money: Impartial Money that does not discriminate, Decentralized Currencies, Scalable and Stable with the Volatility. Safe Reserves of Values, allowing individuals to secure their wealth while enjoying the benefits of a decentralized economy.
           </AnimatedText>

src/pages/Academy.tsx

@@ -26,7 +26,7 @@ const CourseCard = ({ title, description, icon, level, duration, color }: {
           <span className="px-2 py-1 text-xs bg-alien-space-light rounded-full text-alien-green">{duration}</span>
         </div>
       </div>
-      <h3 className="text-xl font-semibold mb-2 text-alien-gold">{title}</h3>
+      <h3 className="text-xl font-semibold mb-2 text-alien-gold font-atomic-force">{title}</h3>
       <p className="text-gray-300 text-sm mb-4">{description}</p>
       <Button variant="outline" className="w-full border-alien-gold/30 text-alien-gold hover:bg-alien-gold/10">
         Explore Course
@@ -95,7 +95,7 @@ const Academy: React.FC = () => {
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-16">
             <GraduationCap className="h-16 w-16 text-alien-gold mx-auto mb-4" />
-            <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-[Atomic Age, Star Wars]">Academy</h1>
+            <h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-atomic-force">Academy</h1>
             <p className="text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]">
               Expand your cosmic knowledge and master the principles of decentralized technologies through our immersive learning experiences.
             </p>
@@ -105,7 +105,7 @@ const Academy: React.FC = () => {
           <div className="mb-16 bg-alien-space-dark/60 rounded-xl overflow-hidden backdrop-blur-md border border-alien-gold/30">
             <div className="grid grid-cols-1 md:grid-cols-2">
               <div className="p-8 md:p-12">
-                <h2 className="text-3xl font-bold text-alien-gold mb-4 font-[Atomic Age]">Certification Degree Master's Program</h2>
+                <h2 className="text-3xl font-bold text-alien-gold mb-4 font-atomic-force">Certification Degree Master's Program</h2>
                 <p className="text-gray-300 mb-6 font-[Exo]">
                   Become a certified ΔlieπFlΦw $pac€ Explorer & Navigator and unlock exclusive opportunities in our expanding cosmic ecosystem.
                 </p>
@@ -135,7 +135,7 @@ const Academy: React.FC = () => {
 
           {/* Course Grid */}
           <div className="mb-16">
-            <h2 className="text-2xl font-bold text-alien-gold mb-8 font-[Atomic Age]">Featured Courses</h2>
+            <h2 className="text-2xl font-bold text-alien-gold mb-8 font-atomic-force">Featured Courses</h2>
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
               {courses.map((course, index) => (
                 <CourseCard key={index} {...course} />
@@ -145,7 +145,7 @@ const Academy: React.FC = () => {
 
           {/* CTA Section */}
           <div className="text-center bg-alien-space-dark/50 rounded-xl p-8 backdrop-blur-md border border-alien-gold/20">
-            <h2 className="text-2xl font-bold text-alien-gold mb-4 font-[Atomic Age]">Ready to Expand Your Cosmic Knowledge?</h2>
+            <h2 className="text-2xl font-bold text-alien-gold mb-4 font-atomic-force">Ready to Expand Your Cosmic Knowledge?</h2>
             <p className="text-gray-300 mb-6 max-w-2xl mx-auto font-[Exo]">
               Join thousands of space navigators on their journey to master the principles of the decentralized multiverse.
             </p>

src/pages/NotFound.tsx

@@ -14,7 +14,7 @@ const NotFound: React.FC = () => {
       <Header />
       <main className="container mx-auto px-4 pt-24 pb-16 flex items-center justify-center min-h-[calc(100vh-16rem)]">
         <div className="text-center max-w-xl">
-          <h1 className="text-7xl md:text-9xl font-bold text-alien-gold mb-4 font-[Atomic Age, Star Wars]">404</h1>
+          <h1 className="text-7xl md:text-9xl font-bold text-alien-gold mb-4 font-atomic-force">404</h1>
           <p className="text-xl md:text-2xl text-gray-300 mb-8 font-[Exo]">Parece que te has perdido en el espacio. Esta dimensión no existe en nuestro multiverso.</p>
           <Link to="/">
             <Button className="bg-alien-green hover:bg-alien-green-light text-alien-space-dark px-8 font-[Exo]">