diff --git a/Elecciones-Web/frontend/src/components/MapaBsAs.css b/Elecciones-Web/frontend/src/components/MapaBsAs.css index 595bfc5..592c6ad 100644 --- a/Elecciones-Web/frontend/src/components/MapaBsAs.css +++ b/Elecciones-Web/frontend/src/components/MapaBsAs.css @@ -23,6 +23,7 @@ margin: auto; height: 88vh; min-height: 650px; + font-size: 14px; } .mapa-container { @@ -88,6 +89,7 @@ border-radius: 8px; padding: 1rem; border: none; + font-size: 1em; } .info-panel::-webkit-scrollbar { width: 8px; } @@ -95,11 +97,21 @@ .info-panel::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); border-radius: 4px; border: 2px solid var(--scrollbar-track-color); } .info-panel::-webkit-scrollbar-thumb:hover { background-color: #adb5bd; } -.info-panel h3 { margin-top: 0; color: var(--primary-accent-color); border-bottom: 2px solid var(--border-color); padding-bottom: 0.5rem; } -.info-panel p { color: var(--text-color-muted); } +.info-panel h3 { + margin-top: 0; + color: var(--primary-accent-color); + border-bottom: 2px solid var(--border-color); + padding-bottom: 0.5rem; + font-size: 1.25rem; +} + +.info-panel p { + color: var(--text-color-muted); + font-size: 0.9rem; +} .reset-button-panel { - background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start; + background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start; font-size: 0.9rem; } .reset-button-panel:hover { background-color: var(--primary-accent-color); color: white; } @@ -108,10 +120,22 @@ margin: auto 0; } .detalle-loading, .detalle-error { text-align: center; margin: auto 0; color: var(--text-color-muted); } -.detalle-metricas { display: flex; justify-content: space-between; font-size: 0.9em; padding-bottom: 1rem; border-bottom: 1px solid var(--border-color); margin-bottom: 1rem; } +.detalle-metricas { + display: flex; + justify-content: space-between; + font-size: 0.9rem; + padding-bottom: 1rem; + border-bottom: 1px solid var(--border-color); + margin-bottom: 1rem; +} .resultados-lista { list-style: none; padding: 0; margin: 0; } .resultados-lista li { margin-bottom: 1rem; } -.resultado-info { display: flex; justify-content: space-between; margin-bottom: 0.25rem; font-size: 0.9em; } +.resultado-info { + display: flex; + justify-content: space-between; + margin-bottom: 0.25rem; + font-size: 0.9rem; +} .partido-nombre { font-weight: 500; } .partido-votos { font-weight: 400; color: var(--text-color-muted); } .progress-bar { height: 8px; background-color: var(--progress-bar-background); border-radius: 4px; overflow: hidden; } @@ -138,7 +162,7 @@ /* Se define un padding para dar espacio interno al texto. */ padding: 0.5rem 1rem; /* Se ajusta el tamaño de fuente para el texto. */ - font-size: 0.9em; + font-size: 0.9rem; font-weight: bold; background-color: #ffffff; color: #333; @@ -162,7 +186,12 @@ .legend h4 { margin-top: 0; } -.legend-item { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 0.85em; } +.legend-item { + display: flex; + align-items: center; + margin-bottom: 0.5rem; + font-size: 0.85rem; +} .legend-color-box { width: 16px; height: 16px; margin-right: 8px; border-radius: 3px; border: 1px solid #ccc; } /* --- ESTILOS PARA RESPONSIVIDAD MÓVIL --- */ @@ -202,7 +231,7 @@ /* Se ajusta el padding para que sea un buen objetivo táctil (tappable). */ padding: 0.6rem 1.2rem; /* Un tamaño de fuente legible en móviles. */ - font-size: 1em; + font-size: 1rem; } } @@ -215,7 +244,7 @@ .mapa-categoria-combobox { width: 100%; padding: 0.75rem 1rem; - font-size: 1em; + font-size: 1rem; font-weight: 500; color: var(--text-color); background-color: #f8f9fa;