Fix Home Widget Styles

Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx

@@ -65,7 +65,7 @@ export const DevAppLegislativas = () => {
                     distritoId="02" // Buenos Aires
                     categoriaId={3} // Diputados Nacionales
                     titulo="Diputados - Provincia de Buenos Aires"
-                    mapLinkUrl={''}
+                    mapLinkUrl="https://www.eldia.com/nota/2025-10-23-14-53-0-mapa-con-los-resultados-en-tiempo-real-servicios"
                 />
             </div>
 
@@ -78,7 +78,7 @@ export const DevAppLegislativas = () => {
                     eleccionId={2}
                     categoriaId={3} // 3 para Diputados, 2 para Senadores
                     titulo="Diputados - Total País"
-                    mapLinkUrl={''}
+                    mapLinkUrl="https://www.eldia.com/nota/2025-10-23-14-53-0-mapa-con-los-resultados-en-tiempo-real-servicios"
                 />
             </div>
 

Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselNacionalWidget.tsx

@@ -6,7 +6,7 @@ import { ImageWithFallback } from '../../../components/common/ImageWithFallback'
 import { assetBaseUrl } from '../../../apiService';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation, A11y } from 'swiper/modules';
-import { FiMap } from 'react-icons/fi';
+import { TfiMapAlt } from "react-icons/tfi";
 
 // @ts-ignore
 import 'swiper/css';
@@ -60,7 +60,7 @@ export const HomeCarouselNacionalWidget = ({ eleccionId, categoriaId, titulo, ma
       <div className={styles.widgetHeader}>
         <h2 className={styles.widgetTitle}>{titulo}</h2>
         <a href={mapLinkUrl} className={styles.mapLinkButton}>
-          <FiMap />
+          <TfiMapAlt />
           <span className={styles.buttonText}>Ver Mapa</span>
         </a>
       </div>

Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselWidget.module.css

@@ -57,10 +57,10 @@
     gap: 0.4rem;
     background-color: #007bff;
     color: white;
-    padding: 0.5rem 1rem;
+    padding: 0.4rem 1rem;
     border-radius: 9999px;
-    font-size: 0.8rem;
-    font-weight: 600;
+    font-size: 0.9rem;
+    font-weight: 700;
     text-decoration: none;
     white-space: nowrap;
     transition: background-color 0.2s ease, box-shadow 0.2s ease;
@@ -68,7 +68,7 @@
 }
 
 .mapLinkButton svg {
-    font-size: 1rem;
+    font-size: 1.5rem;
 }
 
 .buttonText {
@@ -78,6 +78,8 @@
 
 .mapLinkButton:hover {
     background-color: #0056b3;
+    color: white;
+    text-decoration: none;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }
 

Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselWidget.tsx

@@ -6,7 +6,7 @@ import { ImageWithFallback } from '../../../components/common/ImageWithFallback'
 import { assetBaseUrl } from '../../../apiService';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation, A11y } from 'swiper/modules';
-import { FiMap } from 'react-icons/fi';
+import { TfiMapAlt } from "react-icons/tfi";
 
 // @ts-ignore
 import 'swiper/css';
@@ -61,7 +61,7 @@ export const HomeCarouselWidget = ({ eleccionId, distritoId, categoriaId, titulo
             <div className={styles.widgetHeader}>
                 <h2 className={styles.widgetTitle}>{titulo}</h2>
                 <a href={mapLinkUrl} className={styles.mapLinkButton}>
-                    <FiMap />
+                    <TfiMapAlt />
                     <span className={styles.buttonText}>Ver Mapa</span>
                 </a>
             </div>