From b7bee2d1fd22fbf4faac31f60f5fa30e74076deb Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Thu, 19 Feb 2026 17:52:17 -0600
Subject: [PATCH] fixed styles

---
 app/(private)/Inscritos/Inscripciones.tsx     |  4 +-
 app/(private)/Programas/page.tsx              |  4 +-
 app/(private)/Programas/programas.module.css  |  6 +-
 app/(private)/Reportes/ReportesClient.tsx     |  1 -
 .../BitacoraSanciones/BitacoraEquipo.tsx      | 88 ++++++++++---------
 .../BitacoraSanciones/TableSanction.tsx       |  2 +-
 .../QuitarSancion/QuitarSancion.tsx           |  2 +-
 app/Components/Selection/Selection.css        |  1 +
 app/globals.css                               |  1 +
 9 files changed, 54 insertions(+), 55 deletions(-)

diff --git a/app/(private)/Inscritos/Inscripciones.tsx b/app/(private)/Inscritos/Inscripciones.tsx
index e96582b..fad4c79 100644
--- a/app/(private)/Inscritos/Inscripciones.tsx
+++ b/app/(private)/Inscritos/Inscripciones.tsx
@@ -1,7 +1,7 @@
 "use client";
 import { envConfig } from "@/app/lib/config";
-import axios from "axios";
 import { useEffect, useState } from "react";
+import axios from "axios";
 
 interface Periodo {
   id_periodo: number;
@@ -114,7 +114,7 @@ export default function Inscripciones() {
         </div>
       </form>
 
-      <div style={{background:"#f9f9f9", top:"-1000px"}}>
+      <div style={{overflowY:"auto",scrollbarWidth:"none", background:""}}>
         <table>
           <thead>
             <tr>
diff --git a/app/(private)/Programas/page.tsx b/app/(private)/Programas/page.tsx
index 58a58e1..0cb0f23 100644
--- a/app/(private)/Programas/page.tsx
+++ b/app/(private)/Programas/page.tsx
@@ -81,7 +81,6 @@ export default function Page() {
 
   return (
     <section className="containerSection">
-      {}
       {modo === "ver" && (
         <section className="containersection">
           <h3 className="title">PROGRAMAS</h3>
@@ -106,7 +105,8 @@ export default function Page() {
             </button>
 
             <button
-              className={`button buttonSearch ${styleprograms.button}`}
+              className={`button buttonSearch`}
+              style={{margin:"5px"}}
               onClick={handleNuevo}
             >
               Nuevo
diff --git a/app/(private)/Programas/programas.module.css b/app/(private)/Programas/programas.module.css
index f80b282..30009e4 100644
--- a/app/(private)/Programas/programas.module.css
+++ b/app/(private)/Programas/programas.module.css
@@ -6,8 +6,4 @@
 }
 .margin {
   margin: 10px 10px;
-}
-.button {
-  margin-left: 20px;
-  margin-top: 20px;
-}
+}
\ No newline at end of file
diff --git a/app/(private)/Reportes/ReportesClient.tsx b/app/(private)/Reportes/ReportesClient.tsx
index e6004fb..c202a95 100644
--- a/app/(private)/Reportes/ReportesClient.tsx
+++ b/app/(private)/Reportes/ReportesClient.tsx
@@ -5,7 +5,6 @@ import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import SearchDateBetween from "@/app/Components/SearchDateBetween/SearchDateBetween";
 import PorServicios from "@/app/Components/Reportes/porServicio";
 import PorRecibos from "@/app/Components/Reportes/porRecibo";
-import DownloadReporteXLSX from "@/app/Components/Dowload/Reporte";
 
 export default function ReportesClient({
   defaultKey,
diff --git a/app/Components/BitacoraSanciones/BitacoraEquipo.tsx b/app/Components/BitacoraSanciones/BitacoraEquipo.tsx
index ab7ef88..d2c0a69 100644
--- a/app/Components/BitacoraSanciones/BitacoraEquipo.tsx
+++ b/app/Components/BitacoraSanciones/BitacoraEquipo.tsx
@@ -51,57 +51,59 @@ function BitacoraEquipo({ date }: { date: string | null }) {
   return (
     <>
       <label>Seleccione un equipo</label>
+      <div className="containerForm">
 
-      <div className="groupInput">
-        <div
-          className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
-        >
+        <div className="groupInput">
           <div
-            className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
-            onClick={() => !loadingEquipos && setOpen(!open)}
+            className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
           >
-            {equipoSeleccionado ? (
-              <span
-              >
-                {equipoSeleccionado.ubicacion}{" "}
-                {equipoSeleccionado.nombre_equipo}
-              </span>
-            ) : (
-              <span className="placeholder">
-                {loadingEquipos
-                  ? "Cargando equipos..."
-                  : "Seleccione un equipo"}
-              </span>
-            )}
-
-            <span className="arrow">{open ? "▲" : "▼"}</span>
-          </div>
-
-          {open && (
-            <div className="options" style={{ bottom: "auto" }}>
-              {equipos.length === 0 && (
-                <div className="option disabled">
-                  No hay equipos disponibles
-                </div>
+            <div
+              className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
+              onClick={() => !loadingEquipos && setOpen(!open)}
+            >
+              {equipoSeleccionado ? (
+                <span
+                >
+                  {equipoSeleccionado.ubicacion}{" "}
+                  {equipoSeleccionado.nombre_equipo}
+                </span>
+              ) : (
+                <span className="placeholder">
+                  {loadingEquipos
+                    ? "Cargando equipos..."
+                    : "Seleccione un equipo"}
+                </span>
               )}
 
-              {equipos.map((eq) => (
-                <div
-                  key={eq.id_equipo}
-                  className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
-                  onClick={() => {
-                    setEquipoSeleccionado(eq);
-                    setOpen(false);
-                  }}
-                >
-                  {eq.ubicacion} {eq.nombre_equipo}
-                </div>
-              ))}
+              <span className="arrow">{open ? "▲" : "▼"}</span>
             </div>
-          )}
+
+            {open && (
+              <div className="options" style={{ bottom: "auto" }}>
+                {equipos.length === 0 && (
+                  <div className="option disabled">
+                    No hay equipos disponibles
+                  </div>
+                )}
+
+                {equipos.map((eq) => (
+                  <div
+                    key={eq.id_equipo}
+                    className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
+                    onClick={() => {
+                      setEquipoSeleccionado(eq);
+                      setOpen(false);
+                    }}
+                  >
+                    {eq.ubicacion} {eq.nombre_equipo}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
         </div>
+        <SearchDate />
       </div>
-      <SearchDate />
       <div>
         <table>
           <thead>
diff --git a/app/Components/BitacoraSanciones/TableSanction.tsx b/app/Components/BitacoraSanciones/TableSanction.tsx
index 99808da..5da4b68 100644
--- a/app/Components/BitacoraSanciones/TableSanction.tsx
+++ b/app/Components/BitacoraSanciones/TableSanction.tsx
@@ -14,7 +14,7 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
     };
 
     return (
-        <div style={{ margin: "1rem 0" }}>
+        <div style={{ margin: "1rem 0", maxWidth:"730px"}}>
             <table>
                 <thead>
                     <tr>
diff --git a/app/Components/QuitarSancion/QuitarSancion.tsx b/app/Components/QuitarSancion/QuitarSancion.tsx
index f05d7ef..8fa4e4c 100644
--- a/app/Components/QuitarSancion/QuitarSancion.tsx
+++ b/app/Components/QuitarSancion/QuitarSancion.tsx
@@ -38,7 +38,7 @@ function QuitarSancion({ id_cuenta }: { id_cuenta: number }) {
 
   return (
     <section className="containerSection">
-        <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
+      <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
       {(alumnoSanciones?.length > 0) &&
         <button
           className="button buttonSearch"
diff --git a/app/Components/Selection/Selection.css b/app/Components/Selection/Selection.css
index 1c70764..a9feee6 100644
--- a/app/Components/Selection/Selection.css
+++ b/app/Components/Selection/Selection.css
@@ -4,6 +4,7 @@
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  margin-bottom: 1rem;
 }
 
 .selectionItem {
diff --git a/app/globals.css b/app/globals.css
index 1b80425..f471b73 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -102,6 +102,7 @@ footer p {
 .containerForm {
   width: 100%;
   max-width: 450px;
+  gap: 1rem;
 }
 
 .img {