diff --git a/src/app/page.tsx b/src/app/page.tsx
index 75ca3f1..d1a5300 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,8 @@
-"use client"; // <-- OBLIGATORIO
+"use client";
 
 import { useState } from "react";
 import { useRouter } from "next/navigation";
+import "../app/styles/base/_globales.scss"
 import "../app/styles/layout/login.scss";
 export default function Login() {
   const router = useRouter();
diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index 85ae113..0905223 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -1,4 +1,3 @@
-@use 'variables' as v;
 
 html {
     font-size: 62.5%;
@@ -16,7 +15,7 @@ body {
 
     font-optical-sizing: auto;
     font-style: normal;
-    color: v.$negro;
+
     font-size: 2rem;
 
     &.overflow-hidden {
@@ -25,7 +24,6 @@ body {
 }
 p {
     font-size: 2rem;
-    color: v.$negro;
     line-height: 1.5;
 }
 .contenedor {