Feat Prototipos Widgets y Fix Worker Telegramas

Elecciones-Web/frontend/src/index.css

@@ -1,13 +1,18 @@
 /* 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 {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  /* 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 por defecto */
+  /* Tema Claro inspirado en El Día */
   color-scheme: light;
-  color: #213547;
-  background-color: #ffffff;
+  color: #333333; /* Texto principal más oscuro para mejor legibilidad */
+  background-color: #ffffff; /* Fondo blanco */
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -17,42 +22,39 @@
 
 a {
   font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
+  color: #0073e6; /* Azul corporativo de El Día */
+  text-decoration: none; /* Se quita el subrayado por defecto, como en el sitio */
 }
 a:hover {
-  color: #535bf2;
+  text-decoration: underline; /* Se añade subrayado en hover para claridad */
 }
 
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
+  /* Se elimina el centrado vertical para un layout de página más tradicional */
   min-width: 320px;
   min-height: 100vh;
 }
 
 h1 {
-  font-size: 3.2em;
+  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: 8px;
+  border-radius: 4px; /* Bordes menos redondeados */
   border: 1px solid transparent;
   padding: 0.6em 1.2em;
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  /* Color de fondo para botones en tema claro */
-  background-color: #f9f9f9;
+  background-color: #f8f9fa; /* Un gris muy claro para botones */
+  border-color: #dee2e6; /* Borde sutil */
   cursor: pointer;
-  transition: border-color 0.25s;
+  transition: all 0.2s;
 }
 button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
+  border-color: #0073e6;
+  background-color: #eef7ff;
 }