diff --git a/src/app/globals.css b/src/app/globals.css
index d251bac..b654e98 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -19,7 +19,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif;
+  font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
   min-height: 100vh;
 }
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b5ebcd4..4b28e8a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,6 @@
 import type { Metadata } from 'next';
-import { Source_Sans_3 } from 'next/font/google';
 import './globals.css';
 
-const sans = Source_Sans_3({
-  subsets: ['latin'],
-  variable: '--font-sans',
-  display: 'swap',
-});
-
 export const metadata: Metadata = {
   title: '4Ventures — Centro de Mando del Cliente',
   description:
@@ -27,8 +20,16 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="es" className={sans.variable}>
-      <body className={`${sans.className} bg-background text-gray-900 min-h-screen antialiased`}>
+    <html lang="es">
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300..900;1,300..900&display=swap"
+          rel="stylesheet"
+        />
+      </head>
+      <body className="bg-background text-gray-900 min-h-screen antialiased">
         {children}
       </body>
     </html>