From 6ab123c87b6abff3f59a6011b46877e9355826cf Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Thu, 19 Feb 2026 08:30:45 -0600
Subject: [PATCH] new style to grid and to global

---
 app/(private)/Impresiones/page.tsx             |  2 +-
 .../InformacionEquipo/informacionequipo.css    |  2 +-
 app/globals.css                                | 18 +++++++++++++++---
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/(private)/Impresiones/page.tsx b/app/(private)/Impresiones/page.tsx
index 3be6b65..41bf6ee 100644
--- a/app/(private)/Impresiones/page.tsx
+++ b/app/(private)/Impresiones/page.tsx
@@ -47,7 +47,7 @@ export default async function Page(props: {
             Carrera={student.carrera.carrera}
             Credito={student.credito}
           />
-
+          <div style={{height:"10px"}}> </div>
           <Toggle
             defaultView={key}
             options={[
diff --git a/app/(private)/InformacionEquipo/informacionequipo.css b/app/(private)/InformacionEquipo/informacionequipo.css
index d6eee41..ca568ed 100644
--- a/app/(private)/InformacionEquipo/informacionequipo.css
+++ b/app/(private)/InformacionEquipo/informacionequipo.css
@@ -48,7 +48,7 @@
 .checkbox-grid {
   display: grid;
   grid-template-columns: repeat(3, 240px);
-  grid-template-rows: repeat(14, auto);
+  grid-template-rows: repeat(13, auto);
   gap: 10px 20px;
   flex-wrap: wrap;
   justify-content: start;
diff --git a/app/globals.css b/app/globals.css
index b0fa2d8..ee28c4e 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -402,12 +402,14 @@ form {
 
 .toggleSection {
   width: 100%;
-  max-width: 750px;
+  max-width: fit-content;
+  min-width: 750px;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   height: fit-content;
   overflow: hidden;
+  scrollbar-width: none;
 }
 
 .toggleGroup {
@@ -686,11 +688,10 @@ table td:last-child {
   }
 
   .toggleButton {
-    padding: 0;
+    padding: 0.5rem;
   }
 
   .toggleSection {
-    margin-top: 2rem;
     overflow: auto;
   }
 
@@ -702,6 +703,12 @@ table td:last-child {
   }
 }
 
+@media(max-width:785px) {
+  .toggleSection {
+    min-width: 250px;
+  }
+}
+
 @media (max-width: 700px) {
   .title {
     max-width: 250px;
@@ -710,4 +717,9 @@ table td:last-child {
     min-height: 50px;
     align-items: center;
   }
+
+  .toggleButton {
+    min-height: 35px;
+    padding: 0;
+  }
 }
\ No newline at end of file