new style

src/app/reporte/reporte.css

@@ -1,10 +1,3 @@
-.pestaña {
-  position: absolute;
-  top: 50%;
-  left: 62%;
-  transform: translate(-50%, -50%);
-}
-
 /* Contenedor principal del reporte */
 .reporte-layout {
   display: flex;
@@ -35,61 +28,7 @@
   color: #0056b3;
 }
 
-.pestaña span:hover {
-  color: #b8870b; /* cambia de color al pasar el cursor */
-}
-
-.titulo-reporte {
-  font-weight: bold; /* negrita */
-  font-size: 24px; /* tamaño de texto */
-  font-family: Arial, sans-serif;
-}
-
-/*BUSCADOR*/
-
-input[type="text"] {
-  width: 500px; /* más ancho, más largo */
-  padding: 7px; /* mantiene espacio cómodo dentro */
-  font-size: 18px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-}
-
-button {
-  padding: 8px 12px;
-  font-size: 16px;
-  border: none;
-  background-color: #007bff;
-  color: white;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-button:hover {
-  background-color: #0056b3;
-}
-.contenedor {
-  margin-left: 80px;
-}
-
-.filtro-rec {
-  border: 2px solid #003366; /* Color del borde */
-  border-radius: 10px; /* Bordes redondeados */
-  padding: 10px; /* Espacio interno */
-  margin: 80px 550px; /* Separación del resto del contenido */
-  background-color: #f9f9f9;
-  position: relative;
-  left: 380px;
-  font-family: Arial, sans-serif;
-  top: -570px; /* sube 50px respecto a su posición original */
-}
-
-select:focus {
-  border-color: #003366;
-  box-shadow: 0 0 4px rgba(0, 51, 102, 0.3);
-  outline: none;
-}
-
+/* Buscador */
 form[action="/buscar"] {
   display: flex;
   gap: 10px;
@@ -169,9 +108,8 @@ form[action="/buscar"] button:hover {
 /* Botones del filtro */
 .botones-filtro {
   display: flex;
-  justify-content: flex-end; /* botones a la derecha */
-  gap: 10px; /* espacio entre botones */
-  margin-top: 15px; /* separación del resto del formulario */
+  gap: 10px;
+  margin-top: 20px;
 }
 
 .botones-filtro .aplicar,
@@ -185,19 +123,6 @@ form[action="/buscar"] button:hover {
   cursor: pointer;
 }
 
-.tabla-rec {
-  border: 2px solid #003366; /* Color del borde */
-  border-radius: 10px; /* Bordes redondeados */
-  padding: 10px; /* Espacio interno */
-  margin: 50px 700px 0 80px; /* superior, derecha, inferior, izquierda */
-  background-color: #f9f9f9;
-  font-family: Arial, sans-serif;
-  height: 400px;
-}
-
-.boton-descargar {
-  padding: 8px 12px;
-}
 .botones-filtro .aplicar {
   background-color: #0056b3;
 }
@@ -218,8 +143,6 @@ form[action="/buscar"] button:hover {
   color: white;
   border-radius: 4px;
   cursor: pointer;
-  right: 30px;
-  margin-left: 700px;
   width: 100%;
 }