/* Datos clave: la información electoral, la historia electoral reciente y Latam en una página, cada una con su
   encabezado de eje. */

/* los tres ejes, debajo de la clave de lectura */
.ejes { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 32px; }
.ejes a { font-family: var(--titulos); font-weight: 700; font-size: 15px; color: var(--tinta); text-decoration: none; }
.ejes a:hover { text-decoration: underline; text-decoration-color: var(--naranja); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* el encabezado de cada eje: más arriba y más marcado que el de un bloque */
.eje { margin-top: 72px; padding-top: 20px; border-top: 4px solid var(--tinta); scroll-margin-top: 56px; }
.ejes + .eje { margin-top: 44px; }
.eje-n { margin: 0; font-family: var(--titulos); font-weight: 700; font-size: 13px; color: var(--gris); }
.eje-t { margin: 4px 0 0; font-family: var(--titulos); font-weight: 800; font-size: clamp(26px, 3.4vw, 34px); line-height: 1.1; }
.eje .clave { margin-top: 12px; }
.eje + .bloque { margin-top: 30px; }

/* Religión sale de las cifras de la población (comentario del 20/10): en esta página queda sólo su evolución */
#cifras > .ancho { display: none; }

.centrado.angosto { max-width: 720px; margin-left: 0; }

/* Latam: la lectura de las comparaciones, como en su página */
#latam ~ .comparaciones { margin-top: 30px; }
#mapa-bajada { font-size: 17px; color: var(--tinta-2); }

/* Ciudades del exterior: debajo de la barra de electores, una barra fina con la parte de los habilitados de cada ciudad
   que votó, sobre una pista que es el total de habilitados (comentarios del 22/10) */
.parte { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 5px; }   /* en el teléfono el texto baja debajo de la pista */
.parte-pista { flex: none; width: calc(100% - 72px); max-width: 260px; height: 6px; border-radius: 3px; background: var(--linea); overflow: hidden; }
.parte-pista i { display: block; height: 100%; background: var(--gris); }
.parte small { min-width: 0; font-size: 12.5px; line-height: 1.3; color: var(--gris); }

/* En el teléfono no va el árbol de estados debajo del mapa de regiones: las cajas chicas no se leen (comentario del 22/10) */
@media (max-width: 760px) {
  #estados, #estados + .cmp-barra { display: none; }
  #ciudades-exterior { --col: 120px !important; }   /* más lugar para las barras: el nombre corta línea */
}