Fix Css

Elecciones-Web/frontend/src/App.css

@@ -1,29 +1,32 @@
-#root {
+/* src/App.css */
+
+.container-legislativas2025 {
   max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
 }
 
-@keyframes logo-spin {
+@keyframes elecciones-logo-spin {
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
 }
 
 @media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
+  .container-legislativas2025 a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
+    animation: elecciones-logo-spin infinite 20s linear;
   }
 }
 
-.card {
+.container-legislativas2025 .card {
   padding: 2em;
 }
 
-.read-the-docs {
+.container-legislativas2025 .read-the-docs {
   color: #888;
 }

Elecciones-Web/frontend/src/App.tsx

@@ -1,6 +1,5 @@
 // src/App.tsx
-import './App.css'
+/*import { BancasWidget } from './components/BancasWidget'
-import { BancasWidget } from './components/BancasWidget'
 import { CongresoWidget } from './components/CongresoWidget'
 import MapaBsAs from './components/MapaBsAs'
 import { DipSenTickerWidget } from './components/DipSenTickerWidget'
@@ -18,10 +17,11 @@ import { SenadoresPorSeccionWidget } from './components/SenadoresPorSeccionWidge
 import { ConcejalesPorSeccionWidget } from './components/ConcejalesPorSeccionWidget'
 import { ResultadosTablaDetalladaWidget } from './components/ResultadosTablaDetalladaWidget'
 import { ResultadosRankingMunicipioWidget } from './components/ResultadosRankingMunicipioWidget'
-
+*/
 function App() {
-  return (
+  return ({/*
     <>
+    
       <h1>Resultados Electorales - Provincia de Buenos Aires</h1>
       <main className="space-y-6">
         <ResumenGeneralWidget />
@@ -60,7 +60,7 @@ function App() {
         <hr className="border-gray-300" />
         <ResultadosRankingMunicipioWidget />
       </main>
-    </>
+    </>*/}
   )
 }
 

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

@@ -45,7 +45,7 @@ export const DevAppLegislativas = () => {
     };
 
     return (
-        <div className="container">
+        <div className="container-legislativas2025">
             <h1>Visor de Widgets</h1>
 
             <div style={sectionStyle}>

Elecciones-Web/frontend/src/features/legislativas/DevAppStyle.css

@@ -1,4 +1,4 @@
-.container{
+.container-legislativas2025{
     text-align: center;
 }
 

Elecciones-Web/frontend/src/index.css

@@ -1,60 +0,0 @@
-/* src/index.css */
-
-/* Se importa la tipografía "Public Sans" desde Google Fonts, la misma que usa eldia.com */
-@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;700&display=swap');
-
-:root {
-  /* Se establece la nueva fuente principal y las de respaldo */
-  font-family: "Public Sans", system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  /* Tema Claro inspirado en El Día */
-  color-scheme: light;
-  color: #333333; /* Texto principal más oscuro para mejor legibilidad */
-  background-color: #ffffff; /* Fondo blanco */
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #0073e6; /* Azul corporativo de El Día */
-  text-decoration: none; /* Se quita el subrayado por defecto, como en el sitio */
-}
-a:hover {
-  text-decoration: underline; /* Se añade subrayado en hover para claridad */
-}
-
-body {
-  margin: 0;
-  /* Se elimina el centrado vertical para un layout de página más tradicional */
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 2.5em; /* Ligeramente más pequeño para un look más de noticia */
-  line-height: 1.1;
-  color: #212529;
-}
-
-button {
-  border-radius: 4px; /* Bordes menos redondeados */
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #f8f9fa; /* Un gris muy claro para botones */
-  border-color: #dee2e6; /* Borde sutil */
-  cursor: pointer;
-  transition: all 0.2s;
-}
-button:hover {
-  border-color: #0073e6;
-  background-color: #eef7ff;
-}

Elecciones-Web/frontend/src/main.tsx

@@ -28,7 +28,6 @@ import { HomeCarouselWidget } from './features/legislativas/nacionales/HomeCarou
 import { PanelNacionalWidget } from './features/legislativas/nacionales/PanelNacionalWidget';
 import { ResultadosNacionalesCardsWidget } from './features/legislativas/nacionales/ResultadosNacionalesCardsWidget';
 
-import './index.css';
 import { DevAppLegislativas } from './features/legislativas/DevAppLegislativas';
 
 const queryClient = new QueryClient();