Trabajo de ajuste en widgets y db para frontend

Elecciones-Web/frontend/src/components/CongresoWidget.css

@@ -31,8 +31,15 @@
 }
 
 @keyframes fadeIn {
-  from { opacity: 0; transform: scale(0.9); }
-  to { opacity: 1; transform: scale(1); }
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
 }
 
 .congreso-summary {
@@ -138,6 +145,7 @@
     flex-direction: column;
     padding: 1.5rem;
   }
+
   .congreso-summary {
     border-left: none;
     padding-left: 0;
@@ -145,4 +153,52 @@
     border-top: 1px solid #e0e0e0;
     padding-top: 1.5rem;
   }
+}
+
+.seat-tooltip {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 5px;
+  padding: 5px;
+  background-color: white;
+  border-radius: 4px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+}
+
+.seat-tooltip img {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 2px solid #ccc;
+}
+
+.seat-tooltip p {
+  margin: 0;
+  font-size: 12px;
+  font-weight: bold;
+  color: #333;
+}
+
+.seat-tooltip {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 5px;
+    padding: 8px;
+    background-color: white;
+}
+.seat-tooltip img {
+    width: 60px;
+    height: 60px;
+    border-radius: 50%;
+    object-fit: cover;
+    border: 2px solid #ccc;
+}
+.seat-tooltip p {
+    margin: 0;
+    font-size: 12px;
+    font-weight: bold;
+    color: #333;
 }