:root {
  --ed-rojo: #D0021B;
  --ed-negro: #1a1a1a;
  --ed-azul: #4A90E2;
  --ed-azul-principal: #005695;
  --ed-gris-900: #333333;
  --ed-gris-700: #4a4a4a;
  --ed-gris-500: #939393;
  --ed-gris-300: #c5c5c5;
  --ed-gris-200: #dedede;
  --ed-gris-100: #eaeaea;
  --ed-texto: #1a1a1a;
  --ed-texto-suave: #4a4a4a;
  --ed-radio: 4px;
  --ed-fuente: 'Encode Sans', 'Helvetica Neue', Arial, sans-serif;
}


.ed-chart,
.ed-chart *,
.ed-chart *::before,
.ed-chart *::after { box-sizing: border-box; }

.ed-chart { font-family: var(--ed-fuente); color: var(--ed-texto); line-height: 1.4; margin: 0 0 10px; text-align: left; clear: left; }


.ed-separador { width: 100%; border-top: 2px solid #dddddd; margin-top: 40px; margin-bottom: 10px; }
.ed-titulo { font-family: var(--ed-fuente); font-weight: 700; color: #000; font-size: 22px; line-height: 25px; max-width: 643px; margin: 0 0 10px; }
.ed-subtitulo { font-family: var(--ed-fuente); color: #181818; font-size: 14px; line-height: 20px; max-width: 643px; margin: 0 0 15px; }
.ed-fuente { font-family: var(--ed-fuente); color: var(--ed-gris-500); font-size: 12px; margin-top: 10px; }


.ed-chart .ed-svg { display: block; width: 100%; height: auto; overflow: visible; }


.ed-chart .ed-svg text { font-family: var(--ed-fuente); }
.ed-chart .ed-eje text { font-size: 14px; fill: var(--ed-gris-500); }
.ed-chart .ed-eje path { stroke-width: 0; }
.ed-chart .ed-eje line { stroke: var(--ed-gris-500); stroke-width: 1; }
.ed-chart .ed-eje-grid line { stroke: var(--ed-gris-300); stroke-width: 0.5; stroke-dasharray: 3; }


.ed-chart .ed-halo { stroke: #fff; stroke-width: 3px; stroke-opacity: 0.9; paint-order: stroke; }


.ed-chart .ed-highlight-layer rect,
.ed-chart .ed-highlight-layer circle,
.ed-chart .ed-highlight-layer path { fill: none; stroke: var(--ed-negro); stroke-width: 2px; }


.chart-barreras-izquierda svg text { font-family: var(--ed-fuente); }


.chart-barreras-izquierda .bi-punto {
  display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid var(--ed-gris-700); background: #fff; vertical-align: -1px;
}
.chart-barreras-izquierda .bi-punto--lleno { background: var(--ed-gris-700); }


.ed-leyenda { font-family: var(--ed-fuente); color: var(--ed-texto); margin: 8px 0; }
.ed-leyenda-titulo {
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.02em;
  color: var(--ed-gris-700); margin-bottom: 6px;
}
.ed-leyenda-escala { display: flex; }
.ed-leyenda-bloque { flex: 1 1 auto; height: 10px; }
.ed-leyenda-labels { display: flex; justify-content: space-between; margin-top: 4px; }
.ed-leyenda-label { font-size: 12px; color: var(--ed-gris-500); }


.chart-barreras-izquierda .bi-leyenda-mapa { width: 260px; }
.chart-barreras-izquierda .bi-leyenda-mapa .ed-leyenda-label { flex: 1 1 0; text-align: center; }
.chart-barreras-izquierda .bi-etiqueta-mapa { font-size: 12px; font-weight: 600; pointer-events: none; }


.chart-barreras-izquierda .bi-grupo { margin: 0 0 36px; }
.chart-barreras-izquierda .bi-grupo:last-of-type { margin-bottom: 0; }
.chart-barreras-izquierda .bi-grupo-titulo {
  font-size: 15px; font-weight: 700; margin: 0 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--ed-negro);
}
.chart-barreras-izquierda .bi-grupo-titulo span { font-weight: 400; color: var(--ed-gris-700); font-size: 13px; }
.chart-barreras-izquierda .bi-rejilla { display: grid; row-gap: 10px; }
.chart-barreras-izquierda .bi-celda-nombre { font-size: 13px; font-weight: 600; color: var(--ed-gris-900); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chart-barreras-izquierda .bi-celda-nombre span { font-weight: 400; color: var(--ed-gris-500); font-size: 11px; }
.chart-barreras-izquierda .bi-eje-mini text { font-size: 11px; }
.chart-barreras-izquierda .bi-linea-barrera { fill: none; stroke: var(--ed-negro); stroke-width: 1.5px; pointer-events: none; }
.chart-barreras-izquierda .bi-foco { stroke: var(--ed-gris-300); stroke-width: 1; pointer-events: none; }


.chart-barreras-izquierda .bi-grupo-enjambre { font-size: 14px; font-weight: 700; fill: var(--ed-negro); }
.chart-barreras-izquierda .bi-nombre-fila { font-size: 12px; fill: var(--ed-negro); }
.chart-barreras-izquierda .bi-nombre-activo { font-weight: 700; }
.chart-barreras-izquierda .bi-fila-guia { stroke: var(--ed-gris-100); stroke-width: 1; }
.chart-barreras-izquierda .bi-raya-barrera { stroke: var(--ed-negro); stroke-width: 2.5px; pointer-events: none; }
.chart-barreras-izquierda .bi-etiqueta-barrera { font-size: 11px; font-weight: 700; fill: var(--ed-negro); pointer-events: none; }
.chart-barreras-izquierda .bi-etiqueta-partido { font-size: 11px; font-weight: 700; pointer-events: none; }