Feat Front Widgets Refactizados y Ajustes Backend

Elecciones-Web/Restaurar/Nuevos/components/MapaBsAs.css

@@ -0,0 +1,58 @@
+/* src/components/MapaBsAs.css */
+.mapa-wrapper {
+  display: flex;
+  gap: 2rem;
+}
+
+.mapa-container {
+  flex: 3; /* El mapa ocupa 3/4 del espacio */
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  position: relative;
+  /* Proporción aproximada para la provincia de Bs As */
+  padding-top: 80%; 
+}
+
+.mapa-container .rsm-svg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* Efecto "lift" al pasar el ratón */
+.rsm-geography {
+  transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;
+  cursor: pointer;
+}
+.rsm-geography:hover {
+  transform: scale(1.03);
+  transform-origin: center center;
+}
+
+.info-panel {
+  flex: 1; /* El panel ocupa 1/4 del espacio */
+  padding: 1rem;
+  background-color: #f9f9f9;
+  border-radius: 8px;
+}
+.info-panel h3 {
+  margin-top: 0;
+}
+
+.legend {
+  margin-top: 1.5rem;
+}
+.legend-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+.legend-color-box {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+  border: 1px solid #fff;
+  outline: 1px solid #ccc;
+}