From 678c92608c3c644e15da845434d7a26709bf6b1e Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Thu, 23 Oct 2025 15:01:45 -0600
Subject: [PATCH 1/2] file globales

---
 src/app/styles/base/_globales.scss | 61 ++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/src/app/styles/base/_globales.scss b/src/app/styles/base/_globales.scss
index e69de29..85ae113 100644
--- a/src/app/styles/base/_globales.scss
+++ b/src/app/styles/base/_globales.scss
@@ -0,0 +1,61 @@
+@use 'variables' as v;
+
+html {
+    font-size: 62.5%;
+    box-sizing: border-box;
+    scroll-padding-top: 0rem;
+}
+*, 
+*:before,
+*:after {
+        margin: 0;
+    padding: 0;
+    box-sizing: inherit;
+}
+body {
+
+    font-optical-sizing: auto;
+    font-style: normal;
+    color: v.$negro;
+    font-size: 2rem;
+
+    &.overflow-hidden {
+        overflow: hidden;
+    }
+}
+p {
+    font-size: 2rem;
+    color: v.$negro;
+    line-height: 1.5;
+}
+.contenedor {
+    width: 95%;
+    max-width: 120rem;
+    margin: 0 auto;
+}
+a {
+    text-decoration: none;
+}
+h1, h2, h3 {
+    margin: 0 0 5rem 0;
+    font-weight: 900;
+}
+h1 {
+    font-size: 4rem;
+}
+h2 {
+    font-size: 4.6rem;
+}
+h3 {
+    font-size: 6rem;
+    text-align: center;
+}
+img {
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+    display: block;
+}
+body > section {
+    padding: 10rem 0
+}
\ No newline at end of file

From 4653229f01b4de06b4cdd72c17d4b8d7c17bdead Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Thu, 23 Oct 2025 15:08:28 -0600
Subject: [PATCH 2/2] modficaciones a globlales

---
 src/app/page.tsx                   | 3 ++-
 src/app/styles/base/_globales.scss | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

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 {