diff --git a/HerramientaCASA/Components/Layout/LoginLayout.razor b/HerramientaCASA/Components/Layout/LoginLayout.razor
index 4677030..b202e9d 100644
--- a/HerramientaCASA/Components/Layout/LoginLayout.razor
+++ b/HerramientaCASA/Components/Layout/LoginLayout.razor
@@ -12,7 +12,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
     <link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />
     <link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />
-    <link href="Content/Site.css?v=0.5" rel="stylesheet" />
+    <link href="Content/Site.css?v=0.8" rel="stylesheet" />
     <link href="Content/all.min.css" rel="stylesheet" />   
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">    
     <script src="Scripts/jquery.min.js"></script>
@@ -30,7 +30,7 @@
 </head>
 
 
-<div class="main">
+<div class="main" style="position: absolute;width: 100%;top: 0px;">
     <div class="">
         @Body
     </div>
diff --git a/HerramientaCASA/Components/Layout/MainLayout.razor b/HerramientaCASA/Components/Layout/MainLayout.razor
index a8afd66..d35c66c 100644
--- a/HerramientaCASA/Components/Layout/MainLayout.razor
+++ b/HerramientaCASA/Components/Layout/MainLayout.razor
@@ -13,7 +13,7 @@
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
 	<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />
 	<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />
-	<link href="Content/Site.css?v=0.53" rel="stylesheet" />
+	<link href="Content/Site.css?v=0.56" rel="stylesheet" />
 	<link href="Content/all.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
 	<script src="Scripts/jquery.min.js"></script>
diff --git a/HerramientaCASA/Components/Pages/Login/Login.razor b/HerramientaCASA/Components/Pages/Login/Login.razor
index bed4b0a..5138037 100644
--- a/HerramientaCASA/Components/Pages/Login/Login.razor
+++ b/HerramientaCASA/Components/Pages/Login/Login.razor
@@ -11,7 +11,7 @@
 
 <div class="fondo">
     <div class="back">
-        <div class="div-center">
+        <div class="div-center arealogin">
             <div class="content">
                 <img src="Content/Imagenes/CACOA-6.png" height="49" />
                 <h4 class="mt-2">Acceso a la Herramienta</h4>
diff --git a/HerramientaCASA/wwwroot/Content/Site.css b/HerramientaCASA/wwwroot/Content/Site.css
index ac619c8..6436942 100644
--- a/HerramientaCASA/wwwroot/Content/Site.css
+++ b/HerramientaCASA/wwwroot/Content/Site.css
@@ -4,10 +4,6 @@ body {
     padding-bottom: 0px;
 }
 
-.main {
-    height: 94vh;
-}
-
 .logoCacoa {
     border-radius: 10px !important;
 }
@@ -497,6 +493,10 @@ li.nav-item.active {
 }
 
 @media (max-width: 767px) {
+    .arealogin {
+        margin-left: 20px !important;
+        margin-right: 20px !important;
+    }
     .guardarNombre {
         display:block;
     }
@@ -620,8 +620,8 @@ button.btn.btn-link.dxbs-button {
 }
 
 .div-center {
-    width: 400px;
-    height: 400px;
+    max-width: 400px;
+    max-height: 400px;
     background-color: #fff;
     position: absolute;
     left: 0;
@@ -629,8 +629,6 @@ button.btn.btn-link.dxbs-button {
     top: 0;
     bottom: 0;
     margin: auto;
-    max-width: 100%;
-    max-height: 100%;
     overflow: auto;
     padding: 1em 2em;
     border-bottom: 2px solid #ccc;