: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-promedio-encuestas .ed-barra,
.chart-promedio-encuestas .ed-media-bar,
.chart-promedio-encuestas .ed-celda,
.chart-promedio-encuestas .ed-punto { cursor: pointer; }
.chart-promedio-encuestas .ed-linea { fill: none; stroke-linejoin: round; stroke-linecap: round; }
.chart-promedio-encuestas .ed-guia-negra { stroke: var(--ed-negro); stroke-width: 1; pointer-events: none; }

.chart-promedio-encuestas .pe-botones { display: flex; gap: 6px; margin: 2px 0 12px; flex-wrap: wrap; }
.chart-promedio-encuestas .pe-boton {
  font-family: var(--ed-fuente); font-size: 13px; padding: 5px 12px; border: 1px solid #cecece;
  border-radius: var(--ed-radio); background: #fff; color: #555; cursor: pointer;
}
.chart-promedio-encuestas .pe-boton:hover { background: var(--ed-gris-100); }
.chart-promedio-encuestas .pe-boton.activo { background: var(--ed-negro); color: #fff; border-color: var(--ed-negro); font-weight: 700; }

.chart-promedio-encuestas .pe-leyenda-heatmap { display: flex; justify-content: flex-end; margin: 0 0 10px; }
.chart-promedio-encuestas .pe-leg-item { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.chart-promedio-encuestas .pe-leg-txt { font-size: 12px; color: #555; }

.chart-promedio-encuestas .pe-grad { position: relative; display: flex; gap: 1px; width: 84px; height: 13px; }
.chart-promedio-encuestas .pe-grad i { flex: 1; display: block; height: 100%; background: #333333; }
.chart-promedio-encuestas .pe-grad-media { position: absolute; top: -2px; bottom: -2px; left: 54%; width: 2px; background: var(--ed-negro); }
.chart-promedio-encuestas .pe-leg-sub { font-size: 11px; color: var(--ed-gris-500); }

.chart-promedio-encuestas .pe-tabla-controles { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 6px 0 8px; }
.chart-promedio-encuestas .pe-tabla-buscar {
  width: 260px; max-width: 100%; height: 35px; padding: 5px 10px; border: 1px solid #cecece; border-radius: var(--ed-radio);
  font-family: var(--ed-fuente); font-size: 14px; background: #fff; color: rgba(0, 0, 0, 0.75);
}
.chart-promedio-encuestas .pe-tabla-buscar:focus { outline: none; border-color: var(--ed-gris-500); }
.chart-promedio-encuestas .pe-tabla-pag { display: flex; align-items: center; }
.chart-promedio-encuestas .pe-pag-btn { width: 35px; height: 35px; border: 1px solid #cecece; border-radius: var(--ed-radio); background: #fff; color: rgba(0, 0, 0, 0.75); font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.chart-promedio-encuestas .pe-pag-btn:hover:not(:disabled) { background: var(--ed-gris-100); }
.chart-promedio-encuestas .pe-pag-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.chart-promedio-encuestas .pe-pag-info { font-size: 12px; color: rgba(0, 0, 0, 0.75); margin: 0 8px; white-space: nowrap; }

@media (max-width: 600px) {
  .chart-promedio-encuestas .pe-tabla-controles { flex-wrap: nowrap; }
  .chart-promedio-encuestas .pe-tabla-buscar { flex: 1 1 auto; width: auto; min-width: 0; }
  .chart-promedio-encuestas .pe-tabla-pag { flex: 0 0 auto; }
  .chart-promedio-encuestas .pe-pag-info { margin: 0 4px; }
}

.chart-promedio-encuestas .pe-tabla-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.chart-promedio-encuestas .pe-tabla { border-collapse: collapse; font-size: 12px; width: 100%; min-width: 620px; table-layout: fixed; }
.chart-promedio-encuestas .pe-tabla th { color: #9b9b9b; font-weight: 400; font-size: 11px; text-transform: uppercase; vertical-align: bottom; white-space: nowrap; }
.chart-promedio-encuestas .pe-tabla td,
.chart-promedio-encuestas .pe-tabla th { padding: 6px 8px; border-bottom: 1px solid #ddd; text-align: center; line-height: 14px; }
.chart-promedio-encuestas .pe-tabla th:not(.pe-fija),
.chart-promedio-encuestas .pe-celda-partido { width: 64px; }
.chart-promedio-encuestas .pe-celda-partido { font-weight: 700; text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff; }

.chart-promedio-encuestas .pe-tabla th.pe-fija,
.chart-promedio-encuestas .pe-tabla td.pe-fija {
  position: sticky; left: 0; z-index: 1; background: #fff; text-align: left; width: 168px; box-shadow: 1px 0 0 #ddd;
}
.chart-promedio-encuestas .pe-enc { display: block; font-weight: 700; color: #181818; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chart-promedio-encuestas .pe-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chart-promedio-encuestas .pe-sub { display: block; font-size: 11px; color: var(--ed-gris-500); }

.chart-promedio-encuestas .pe-calc { position: relative; }
.chart-promedio-encuestas .pe-calc-bloque { margin-top: 26px; }

.chart-promedio-encuestas .pe-calc-subtit { font-size: 16px; font-weight: 700; color: #181818; margin: 0 0 12px; text-align: left; }
.chart-promedio-encuestas .pe-calc-subdesc { font-size: 13px; color: #777; line-height: 1.4; margin: -8px 0 16px; max-width: 560px; }

.chart-promedio-encuestas .pe-calc-sliders { position: sticky; top: 0; z-index: 6; background: #fff; border-bottom: 1px solid #ededed; padding: 10px 0 12px; box-shadow: 0 8px 14px -10px rgba(0, 0, 0, 0.18); }
.chart-promedio-encuestas .pe-calc-cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 10px; margin-bottom: 8px; }

.chart-promedio-encuestas .pe-calc-toggle { display: flex; align-items: center; gap: 7px; background: none; border: none; padding: 5px 9px; margin: 0 0 0 -9px; border-radius: 6px; font-family: var(--ed-fuente); color: #333; cursor: pointer; transition: background 0.15s ease; }
.chart-promedio-encuestas .pe-calc-toggle:hover { background: #f1f1f1; }
.chart-promedio-encuestas .pe-calc-toggle > span { font-size: 14px; color: #333; }
.chart-promedio-encuestas .pe-calc-tune { color: #555; flex: 0 0 auto; }
.chart-promedio-encuestas .pe-calc-chevron { display: block; color: #666; transition: transform 0.2s ease; transform: rotate(180deg); }
.chart-promedio-encuestas .pe-calc--colapsado .pe-calc-cuerpo { display: none; }
.chart-promedio-encuestas .pe-calc--colapsado .pe-calc-cab { margin-bottom: 0; }
.chart-promedio-encuestas .pe-calc--colapsado .pe-calc-chevron { transform: rotate(0deg); }

.chart-promedio-encuestas .pe-calc-reset { font-family: var(--ed-fuente); font-size: 13px; font-weight: 400; padding: 7px 12px; border: 1px solid #000; border-radius: 5px; background: #fff; color: #000; cursor: pointer; }
.chart-promedio-encuestas .pe-calc-reset:hover { background: #f5f5f5; }
.chart-promedio-encuestas .pe-slider-row { display: grid; grid-template-columns: 60px 1fr 54px; align-items: center; gap: 10px; margin: 6px 0; }
.chart-promedio-encuestas .pe-slider-lab { font-size: 14px; font-weight: 500; color: #333; text-align: right; }
.chart-promedio-encuestas .pe-slider-val { font-size: 14px; font-weight: 500; color: #181818; text-align: right; font-variant-numeric: tabular-nums; }

.chart-promedio-encuestas .pe-slider-input { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 3px; background: #e9e9e9; cursor: pointer; outline: none; }
.chart-promedio-encuestas .pe-slider-input::-webkit-slider-runnable-track { -webkit-appearance: none; height: 4px; background: transparent; border-radius: 3px; }
.chart-promedio-encuestas .pe-slider-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 13px; height: 13px; margin-top: -4.5px; border-radius: 50%; background: #fff; border: 2px solid var(--thumb, #888); box-shadow: 0 1px 2px rgba(0,0,0,0.2); cursor: pointer; }
.chart-promedio-encuestas .pe-slider-input::-moz-range-track { height: 4px; background: transparent; border-radius: 3px; }
.chart-promedio-encuestas .pe-slider-input::-moz-range-thumb { width: 13px; height: 13px; border-radius: 50%; background: #fff; border: 2px solid var(--thumb, #888); box-shadow: 0 1px 2px rgba(0,0,0,0.2); cursor: pointer; }
.chart-promedio-encuestas .pe-calc-nota { font-size: 12px; color: var(--ed-gris-500); margin-top: 10px; line-height: 1.5; }
.chart-promedio-encuestas .pe-calc-nota b { color: #333; }

@media (min-width: 601px) {
  .chart-promedio-encuestas .pe-calc-sliders { top: 50px; }
}

@media (min-width: 720px) {
  .chart-promedio-encuestas .pe-calc { display: grid; grid-template-columns: minmax(0, 1fr) 380px; column-gap: 28px; align-items: start; }
  .chart-promedio-encuestas .pe-calc-resultados { grid-column: 1; grid-row: 1; min-width: 0; }
  .chart-promedio-encuestas .pe-calc-resultados > .pe-calc-bloque:first-child { margin-top: 0; }

  .chart-promedio-encuestas .pe-calc-sliders {
    grid-column: 2; grid-row: 1; align-self: start;
    border: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-radius: 8px;
    padding: 14px 16px 16px;
    box-shadow: -8px 0 22px -12px rgba(0, 0, 0, 0.22), 0 4px 16px -8px rgba(0, 0, 0, 0.12);
  }
}

.chart-promedio-encuestas .pe-congreso { position: relative; display: flex; width: 100%; height: 40px; margin: 42px 0 22px; }
.chart-promedio-encuestas .pe-cong-seg { position: relative; height: 100%; flex: 0 0 auto; min-width: 0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.chart-promedio-encuestas .pe-cong-seg--hover { outline: 1.5px solid #1a1a1a; outline-offset: -1px; z-index: 2; }
.chart-promedio-encuestas .pe-cong-num { font-size: 12px; font-weight: 500; }
.chart-promedio-encuestas .pe-cong-lab { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); font-size: 13px; font-weight: 700; white-space: nowrap; pointer-events: none; }
.chart-promedio-encuestas .pe-cong-176 { position: absolute; top: -5px; bottom: -5px; width: 2px; background: var(--ed-negro); pointer-events: none; }
.chart-promedio-encuestas .pe-cong-176::after { content: "Mayoría " attr(data-label); position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); font-size: 11px; color: #4a4a4a; white-space: nowrap; }

.chart-promedio-encuestas .pe-pacto-fila { position: relative; padding: 11px 0; }
.chart-promedio-encuestas .pe-pacto-fila:first-child { padding-top: 24px; }

.chart-promedio-encuestas .pe-pacto-fila:first-child .pe-pacto-cab { margin-bottom: 26px; }
.chart-promedio-encuestas .pe-pacto-fila:not(:last-child)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px dashed #c5c5c5; }
.chart-promedio-encuestas .pe-pacto-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 6px; }
.chart-promedio-encuestas .pe-pacto-nombre { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.chart-promedio-encuestas .pe-pacto-nm { font-size: 14px; font-weight: 700; color: #333; }
.chart-promedio-encuestas .pe-pacto-sub { font-size: 12px; font-weight: 400; color: #777; }
.chart-promedio-encuestas .pe-pacto-estado { font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.chart-promedio-encuestas .pe-pacto-tot-n { font-size: 16px; font-weight: 500; color: #1a1a1a; }
.chart-promedio-encuestas .pe-pacto-barras { position: relative; display: flex; flex-direction: row; width: 100%; height: 28px; }
.chart-promedio-encuestas .pe-pacto-seg { height: 100%; flex: 0 0 auto; min-width: 0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; overflow: hidden; cursor: pointer; }
.chart-promedio-encuestas .pe-pacto-seg--hover { outline: 1.5px solid #1a1a1a; outline-offset: -1px; }
.chart-promedio-encuestas .pe-pacto-linea { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--ed-negro); pointer-events: none; }
.chart-promedio-encuestas .pe-pacto-linea::after { content: attr(data-label); position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #4a4a4a; white-space: nowrap; }

.chart-promedio-encuestas .pe-carto-scroll { width: 100%; }
.chart-promedio-encuestas .pe-carto { position: relative; margin: 0; max-width: 100%; }
.chart-promedio-encuestas .pe-tile { position: absolute; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; cursor: pointer; }
.chart-promedio-encuestas .pe-tile-seats { display: flex; flex-wrap: wrap; gap: 0; justify-content: flex-start; align-content: flex-start; }
.chart-promedio-encuestas .pe-sq { display: block; border-left: 1px solid rgba(255,255,255,0.25); border-top: 1px solid rgba(255,255,255,0.25); box-sizing: border-box; }
.chart-promedio-encuestas .pe-tile-lab { font-size: 11px; font-weight: 400; color: #333; text-transform: none; margin: 0 0 2px; line-height: 1; white-space: nowrap; }

.chart-promedio-encuestas .pe-tile--hover { z-index: 5; }
.chart-promedio-encuestas .pe-tile--hover .pe-tile-seats { outline: 2px solid #1a1a1a; outline-offset: 1px; }
.chart-promedio-encuestas .pe-tile--hover .pe-tile-lab { font-weight: 700; color: #1a1a1a; }

.chart-promedio-encuestas .pe-tile--sel { z-index: 5; }
.chart-promedio-encuestas .pe-tile--sel .pe-tile-seats { outline: 2px solid #1a1a1a; outline-offset: 1px; }
.chart-promedio-encuestas .pe-tile--sel .pe-tile-lab { font-weight: 700; color: #1a1a1a; }
.chart-promedio-encuestas .pe-mapa { position: relative; }
.chart-promedio-encuestas .pe-mapa-panel { margin-top: 16px; border: 1px solid #e6e6e6; border-radius: 8px; padding: 12px 14px; }
.chart-promedio-encuestas .pe-mapa-ph { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; border-bottom: 1px solid #4a4a4a; padding-bottom: 8px; margin-bottom: 8px; }
.chart-promedio-encuestas .pe-mapa-pnom { font-size: 16px; font-weight: 700; color: #181818; }
.chart-promedio-encuestas .pe-mapa-pesc { font-size: 11px; font-weight: 400; color: #979797; white-space: nowrap; }

.chart-promedio-encuestas .pe-mapa-row { display: flex; align-items: center; gap: 12px; margin: 9px 0; }
.chart-promedio-encuestas .pe-mapa-main { flex: 1 1 auto; min-width: 0; }
.chart-promedio-encuestas .pe-mapa-row-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }

.chart-promedio-encuestas .pe-mapa-part { flex: 0 1 auto; font-size: 13px; font-weight: 600; display: flex; align-items: center; min-width: 0; }
.chart-promedio-encuestas .pe-mapa-part-nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chart-promedio-encuestas .pe-mapa-sw { width: 9px; height: 9px; margin-right: 6px; flex: 0 0 auto; }
.chart-promedio-encuestas .pe-mapa-vval { font-size: 12px; font-weight: 500; color: #181818; white-space: nowrap; font-variant-numeric: tabular-nums; flex: 0 0 auto; }
.chart-promedio-encuestas .pe-mapa-row-bar { margin-top: 4px; }
.chart-promedio-encuestas .pe-mapa-track { position: relative; height: 6px; background: #eee; }
.chart-promedio-encuestas .pe-mapa-band { position: absolute; top: 0; height: 6px; opacity: 0.35; }
.chart-promedio-encuestas .pe-mapa-dot { position: absolute; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 2px solid #888; transform: translate(-50%, -50%); }

.chart-promedio-encuestas .pe-mapa-seats-col { flex: 0 0 76px; box-sizing: border-box; text-align: right; font-size: 14px; color: #181818; white-space: nowrap; font-variant-numeric: tabular-nums; padding-left: 12px; border-left: 1px solid #ededed; }
.chart-promedio-encuestas .pe-mapa-seats-col b { font-weight: 700; }
.chart-promedio-encuestas .pe-mapa-rango { color: #979797; font-weight: 400; font-size: 12px; }

.chart-promedio-encuestas .pe-mapa-head { margin: 0 0 6px; align-items: baseline; font-size: 10px; text-transform: uppercase; color: #9b9b9b; }
.chart-promedio-encuestas .pe-mapa-head .pe-mapa-seats-col { font-size: 10px; color: #9b9b9b; border-left: none; }
@media (min-width: 720px) {
  .chart-promedio-encuestas .pe-mapa-layout { display: grid; grid-template-columns: 70% minmax(0, 1fr); column-gap: 22px; align-items: start; }
  .chart-promedio-encuestas .pe-mapa-col { min-width: 0; }
  .chart-promedio-encuestas .pe-mapa-panel { margin-top: 0; box-shadow: -6px 0 18px -12px rgba(0, 0, 0, 0.18), 0 4px 16px -8px rgba(0, 0, 0, 0.08); }
}

.chart-promedio-encuestas .pe-prov-grid { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 30px; margin-top: 20px; container-type: inline-size; }
.chart-promedio-encuestas .pe-prov-grid .pe-prov--oculta { display: none; }
.chart-promedio-encuestas .pe-prov-grid--todo .pe-prov--oculta { display: block; }
.chart-promedio-encuestas .pe-prov-ficha { border-top: 1px solid #4a4a4a; position: relative; flex-basis: 100%; text-align: left; margin-bottom: 18px; }
.chart-promedio-encuestas .pe-prov-nom { font-size: 16px; font-weight: 700; margin: 5px 0 12px; }
.chart-promedio-encuestas .pe-prov-esc { font-size: 11px; font-weight: 400; color: #979797; position: absolute; top: 7px; right: 2px; }
.chart-promedio-encuestas .pe-prov-tabla { margin: 0 0 14px; }
.chart-promedio-encuestas .pe-prov-tabla table { font-size: 14px; border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.chart-promedio-encuestas .pe-prov-tabla th { font-weight: 400; font-size: 10px; text-transform: uppercase; text-align: left; color: #9b9b9b; border-top: 1px solid #ddd; padding: 5px 0; }
.chart-promedio-encuestas .pe-prov-tabla th.pe-prov-num { text-align: right; }
.chart-promedio-encuestas .pe-prov-tabla td { text-align: right; padding: 5px 0; border-bottom: 1px solid #ddd; }
.chart-promedio-encuestas .pe-prov-tabla td.pe-prov-part { text-align: left; width: 44%; font-weight: 600; }
.chart-promedio-encuestas .pe-prov-sw { display: inline-block; width: 10px; height: 10px; margin-right: 4px; vertical-align: middle; }
.chart-promedio-encuestas .pe-prov-rango { font-weight: 400; color: #999; font-size: 12px; }
.chart-promedio-encuestas .pe-prov-toggle-wrap { display: flex; justify-content: center; margin-top: 10px; }
.chart-promedio-encuestas .pe-prov-toggle { font-family: var(--ed-fuente); font-size: 13px; font-weight: 500; padding: 8px 16px; border: 1px solid #c9c9c9; border-radius: 5px; background: #fff; color: #1a1a1a; cursor: pointer; }
.chart-promedio-encuestas .pe-prov-toggle:hover { background: #f5f5f5; }
.chart-promedio-encuestas .pe-prov-buscar { width: 280px; max-width: 100%; height: 36px; padding: 5px 12px; margin: 10px 0 2px; border: 1px solid #cecece; border-radius: var(--ed-radio); font-family: var(--ed-fuente); font-size: 14px; background: #fff; color: rgba(0, 0, 0, 0.75); }
.chart-promedio-encuestas .pe-prov-buscar:focus { outline: none; border-color: var(--ed-gris-500); }
.chart-promedio-encuestas .pe-prov-grid--buscando .pe-prov--oculta { display: block; }
.chart-promedio-encuestas .pe-prov-grid .pe-prov--nomatch { display: none !important; }
.chart-promedio-encuestas .pe-prov-sinresultados { font-size: 13px; color: #777; margin: 8px 0 2px; }
@container (min-width: 600px) {
  .chart-promedio-encuestas .pe-prov-ficha { flex-basis: calc(50% - 15px); }
  .chart-promedio-encuestas .pe-prov-ficha::before { content: ""; position: absolute; right: -14px; border: 1px solid #e9e9e9; height: 100%; }
}
@container (min-width: 900px) {
  .chart-promedio-encuestas .pe-prov-ficha { flex-basis: calc(25% - 22.5px); }
}

@media (max-width: 600px) {
  .chart-promedio-encuestas .pe-slider-row { grid-template-columns: 58px 1fr 48px; }
  .chart-promedio-encuestas .pe-pacto-cab { flex-direction: column; align-items: flex-start; gap: 1px; margin-bottom: 5px; }
  .chart-promedio-encuestas .pe-pacto-nm { font-size: 13px; }

  .chart-promedio-encuestas .pe-calc-sliders {
    position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 30;
    border-top: 1px solid #e3e3e3; border-bottom: none;
    box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.12);
    padding: 8px 14px 10px; margin: 0;
    transform: translateY(110%); transition: transform 0.3s ease;
  }
  .chart-promedio-encuestas .pe-calc-sliders.pe-calc-sliders--visible { transform: translateY(0); }

}