/* 01-poblacion es */
.ep-frontera-g1 {
  --frn1-bg: #ffffff;
  --frn1-panel: #ffffff;
  --frn1-track: #e2e0d8;
  --frn1-grid: #e0ddd5;
  --frn1-axis: #c4c2ba;
  --frn1-ink: #171717;
  --frn1-ink2: #5c5a54;
  --frn1-muted: #8e8c84;
  --frn1-amber: #8dd3ef;
  --frn1-tan: #8a8880;
  --frn1-tan-dim: #d0cec6;
  --frn1-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn1-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn1-bg);
  color: var(--frn1-ink);
  font-family: var(--frn1-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g1 *,
.ep-frontera-g1 *::before,
.ep-frontera-g1 *::after { box-sizing: border-box; }
.ep-frontera-g1 .frn1-hed {
  font-family: var(--frn1-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g1 .frn1-dek {
  font-size: 17px;
  line-height: 1.55;
  color: var(--frn1-ink2);
  margin: 0 0 24px;
}
.ep-frontera-g1 .frn1-note,
.ep-frontera-g1 .frn1-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn1-muted);
  margin: 12px 0 0;
}
.ep-frontera-g1 .frn1-src { margin-top: 8px; }
.ep-frontera-g1 .frn1-src a {
  color: inherit;
  text-decoration-color: var(--frn1-axis);
}
.ep-frontera-g1 .frn1-axcap {
  font-size: 12.5px;
  color: var(--frn1-muted);
  margin: 0 0 4px;
}
.ep-frontera-g1 .frn1-chart { position: relative; }
.ep-frontera-g1 svg { display: block; overflow: visible; }
.ep-frontera-g1 svg text {
  font-family: var(--frn1-text);
  fill: var(--frn1-ink2);
}
.ep-frontera-g1 .frn1-tip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: var(--frn1-panel);
  border: 1px solid var(--frn1-axis);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--frn1-ink);
  white-space: nowrap;
  z-index: 2;
  transition: opacity .12s;
}
.ep-frontera-g1 details {
  margin-top: 14px;
  font-size: 13px;
  color: var(--frn1-muted);
}
.ep-frontera-g1 summary { cursor: pointer; width: fit-content; }
.ep-frontera-g1 table {
  border-collapse: collapse;
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
}
.ep-frontera-g1 th,
.ep-frontera-g1 td {
  padding: 3px 18px 3px 0;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid var(--frn1-grid);
  color: var(--frn1-ink2);
}
.ep-frontera-g1 th { color: var(--frn1-muted); }

/* 02-datos es */
.ep-frontera-g2 {
  --frn2-bg: #ffffff;
  --frn2-panel: #ffffff;
  --frn2-track: #e2e0d8;
  --frn2-grid: #e0ddd5;
  --frn2-axis: #c4c2ba;
  --frn2-ink: #171717;
  --frn2-ink2: #5c5a54;
  --frn2-muted: #8e8c84;
  --frn2-amber: #8dd3ef;
  --frn2-tan: #8a8880;
  --frn2-tan-dim: #d0cec6;
  --frn2-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn2-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn2-bg);
  color: var(--frn2-ink);
  font-family: var(--frn2-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g2 *,
.ep-frontera-g2 *::before,
.ep-frontera-g2 *::after { box-sizing: border-box; }
.ep-frontera-g2 .frn2-hed {
  font-family: var(--frn2-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g2 .frn2-note,
.ep-frontera-g2 .frn2-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn2-muted);
  margin: 12px 0 0;
}
.ep-frontera-g2 .frn2-src { margin-top: 8px; }
.ep-frontera-g2 .frn2-src a {
  color: inherit;
  text-decoration-color: var(--frn2-axis);
}
.ep-frontera-g2 svg { display: block; overflow: visible; }
.ep-frontera-g2 .frn2-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  font-size: 13px;
  color: var(--frn2-ink2);
  margin: 20px 0 18px;
}
.ep-frontera-g2 .frn2-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: -1px;
}
.ep-frontera-g2 .frn2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 40px;
}
@media (min-width: 600px) {
  .ep-frontera-g2 .frn2-grid { grid-template-columns: 1fr 1fr; }
}
.ep-frontera-g2 .frn2-card {
  border-top: 1px solid var(--frn2-axis);
  padding: 16px 0 26px;
}
.ep-frontera-g2 .frn2-kick {
  font-size: 12px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--frn2-muted);
  margin: 0 0 8px;
}
.ep-frontera-g2 .frn2-stmt {
  font-family: var(--frn2-display);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.22;
  margin: 0 0 18px;
  text-wrap: balance;
}
.ep-frontera-g2 .frn2-stmt small {
  font-family: var(--frn2-text);
  font-weight: 400;
  font-size: 15px;
  color: var(--frn2-ink2);
  display: block;
  margin-top: 8px;
  line-height: 1.45;
}
.ep-frontera-g2 .frn2-people { display: flex; gap: 10px; }
.ep-frontera-g2 .frn2-people svg { width: 40px; height: auto; }
.ep-frontera-g2 .frn2-people-cap {
  font-size: 13px;
  color: var(--frn2-ink2);
  margin-top: 10px;
}
.ep-frontera-g2 .frn2-row { margin: 0 0 14px; }
.ep-frontera-g2 .frn2-lb {
  font-size: 13.5px;
  color: var(--frn2-ink2);
  margin-bottom: 5px;
}
.ep-frontera-g2 .frn2-tr {
  position: relative;
  height: 16px;
  background: var(--frn2-track);
  border-radius: 4px;
}
.ep-frontera-g2 .frn2-bar {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  border-radius: 0 4px 4px 0;
}
.ep-frontera-g2 .frn2-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 9px;
  font-size: 16px;
  font-weight: 600;
  color: var(--frn2-ink);
  white-space: nowrap;
}
.ep-frontera-g2 .frn2-cmp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.ep-frontera-g2 .frn2-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--frn2-ink);
  border: 1px solid var(--frn2-axis);
  border-radius: 999px;
  padding: 6px 14px;
}
.ep-frontera-g2 .frn2-pill i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.ep-frontera-g2 .frn2-gt {
  font-size: 13px;
  color: var(--frn2-muted);
  padding-left: 14px;
}
.ep-frontera-g2 .frn2-cmp-cap {
  font-size: 13px;
  color: var(--frn2-ink2);
  margin-top: 10px;
}
.ep-frontera-g2 .frn2-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* 03-sectores es */
.ep-frontera-g3 {
  --frn3-bg: #ffffff;
  --frn3-panel: #ffffff;
  --frn3-track: #e2e0d8;
  --frn3-grid: #e0ddd5;
  --frn3-axis: #c4c2ba;
  --frn3-ink: #171717;
  --frn3-ink2: #5c5a54;
  --frn3-muted: #8e8c84;
  --frn3-amber: #8dd3ef;
  --frn3-tan: #8a8880;
  --frn3-tan-dim: #d0cec6;
  --frn3-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn3-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn3-bg);
  color: var(--frn3-ink);
  font-family: var(--frn3-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g3 *,
.ep-frontera-g3 *::before,
.ep-frontera-g3 *::after { box-sizing: border-box; }
.ep-frontera-g3 .frn3-hed {
  font-family: var(--frn3-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g3 .frn3-note,
.ep-frontera-g3 .frn3-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn3-muted);
  margin: 12px 0 0;
}
.ep-frontera-g3 .frn3-src { margin-top: 8px; }
.ep-frontera-g3 .frn3-src a {
  color: inherit;
  text-decoration-color: var(--frn3-axis);
}
.ep-frontera-g3 svg { display: block; overflow: visible; }
.ep-frontera-g3 .frn3-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  font-size: 13px;
  color: var(--frn3-ink2);
  margin: 20px 0 18px;
}
.ep-frontera-g3 .frn3-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: -1px;
}
.ep-frontera-g3 .frn3-trio {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 600px) {
  .ep-frontera-g3 .frn3-trio {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 28px;
  }
}
.ep-frontera-g3 .frn3-pn {
  border-top: 1px solid var(--frn3-axis);
  padding: 16px 0 24px;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 4px 20px;
  align-items: center;
}
@media (min-width: 600px) {
  .ep-frontera-g3 .frn3-pn {
    grid-template-columns: 1fr;
    gap: 0;
    align-content: start;
    align-items: start;
  }
  .ep-frontera-g3 .frn3-pn h3 { min-height: 2.35em; }
  .ep-frontera-g3 .frn3-pn svg { margin: 14px 0 0; max-width: none; }
}
.ep-frontera-g3 .frn3-pn h3 {
  font-family: var(--frn3-display);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.15;
  margin: 0 0 6px;
}
.ep-frontera-g3 .frn3-big {
  font-family: var(--frn3-display);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  margin: 0 0 6px;
  font-variant-numeric: lining-nums;
}
.ep-frontera-g3 .frn3-cap {
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--frn3-ink2);
  margin: 0;
}
.ep-frontera-g3 .frn3-pn svg {
  width: 100%;
  max-width: 170px;
  height: auto;
}
@media (max-width: 599px) {
  .ep-frontera-g3 .frn3-w { grid-row: 1 / 3; grid-column: 1; }
  .ep-frontera-g3 .frn3-t { grid-column: 2; }
}

/* 04-mapa es */
.ep-frontera-g4 {
  --frn4-bg: #ffffff;
  --frn4-panel: #ffffff;
  --frn4-grid: #e0ddd5;
  --frn4-axis: #c4c2ba;
  --frn4-ink: #171717;
  --frn4-ink2: #5c5a54;
  --frn4-muted: #8e8c84;
  --frn4-s0: #e2e0d8;
  --frn4-s1: #c3e6f3;
  --frn4-s2: #8dd3ef;
  --frn4-s3: #3f9cc6;
  --frn4-s4: #155a7c;
  --frn4-nodata: #f7f6f1;
  --frn4-border: #ffffff;
  --frn4-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn4-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn4-bg);
  color: var(--frn4-ink);
  font-family: var(--frn4-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g4 *,
.ep-frontera-g4 *::before,
.ep-frontera-g4 *::after { box-sizing: border-box; }
.ep-frontera-g4 .frn4-hed {
  font-family: var(--frn4-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g4 .frn4-dek {
  font-size: 17px;
  line-height: 1.55;
  color: var(--frn4-ink2);
  margin: 0 0 22px;
}
.ep-frontera-g4 .frn4-legend { margin: 0 0 14px; }
.ep-frontera-g4 .frn4-legcap {
  font-size: 12.5px;
  color: var(--frn4-muted);
  margin: 0 0 6px;
}
.ep-frontera-g4 .frn4-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 340px;
  gap: 2px;
}
.ep-frontera-g4 .frn4-steps span {
  display: block;
  height: 10px;
}
.ep-frontera-g4 .frn4-ticks {
  position: relative;
  max-width: 340px;
  height: 18px;
  font-size: 12.5px;
  color: var(--frn4-ink2);
  font-variant-numeric: tabular-nums;
}
.ep-frontera-g4 .frn4-ticks span {
  position: absolute;
  top: 3px;
  transform: translateX(-50%);
}
.ep-frontera-g4 .frn4-ticks span:first-child { transform: none; }
.ep-frontera-g4 .frn4-ticks span:last-child { transform: translateX(-100%); }
.ep-frontera-g4 .frn4-map {
  position: relative;
  touch-action: manipulation;
}
.ep-frontera-g4 svg { display: block; width: 100%; height: auto; overflow: visible; }
.ep-frontera-g4 .frn4-county { cursor: pointer; }
.ep-frontera-g4 .frn4-loading {
  font-size: 13px;
  color: var(--frn4-muted);
  padding: 120px 0;
  text-align: center;
}
.ep-frontera-g4 .frn4-tip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: var(--frn4-panel);
  border: 1px solid var(--frn4-axis);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--frn4-ink);
  white-space: nowrap;
  z-index: 2;
  transition: opacity .12s;
}
.ep-frontera-g4 .frn4-tip b {
  font-family: var(--frn4-display);
  font-size: 15px;
}
.ep-frontera-g4 .frn4-tip .frn4-big {
  font-family: var(--frn4-display);
  font-weight: 800;
  font-size: 22px;
  line-height: 1.1;
  margin: 3px 0 1px;
}
.ep-frontera-g4 .frn4-tip .frn4-sub { color: var(--frn4-muted); }
.ep-frontera-g4 .frn4-note,
.ep-frontera-g4 .frn4-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn4-muted);
  margin: 12px 0 0;
}
.ep-frontera-g4 .frn4-src { margin-top: 8px; }
.ep-frontera-g4 .frn4-src a {
  color: inherit;
  text-decoration-color: var(--frn4-axis);
}

/* 01-poblacion en */
.ep-frontera-g1-en {
  --frn1-bg: #ffffff;
  --frn1-panel: #ffffff;
  --frn1-track: #e2e0d8;
  --frn1-grid: #e0ddd5;
  --frn1-axis: #c4c2ba;
  --frn1-ink: #171717;
  --frn1-ink2: #5c5a54;
  --frn1-muted: #8e8c84;
  --frn1-amber: #8dd3ef;
  --frn1-tan: #8a8880;
  --frn1-tan-dim: #d0cec6;
  --frn1-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn1-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn1-bg);
  color: var(--frn1-ink);
  font-family: var(--frn1-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g1-en *,
.ep-frontera-g1-en *::before,
.ep-frontera-g1-en *::after { box-sizing: border-box; }
.ep-frontera-g1-en .frn1-hed {
  font-family: var(--frn1-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g1-en .frn1-dek {
  font-size: 17px;
  line-height: 1.55;
  color: var(--frn1-ink2);
  margin: 0 0 24px;
}
.ep-frontera-g1-en .frn1-note,
.ep-frontera-g1-en .frn1-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn1-muted);
  margin: 12px 0 0;
}
.ep-frontera-g1-en .frn1-src { margin-top: 8px; }
.ep-frontera-g1-en .frn1-src a {
  color: inherit;
  text-decoration-color: var(--frn1-axis);
}
.ep-frontera-g1-en .frn1-axcap {
  font-size: 12.5px;
  color: var(--frn1-muted);
  margin: 0 0 4px;
}
.ep-frontera-g1-en .frn1-chart { position: relative; }
.ep-frontera-g1-en svg { display: block; overflow: visible; }
.ep-frontera-g1-en svg text {
  font-family: var(--frn1-text);
  fill: var(--frn1-ink2);
}
.ep-frontera-g1-en .frn1-tip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: var(--frn1-panel);
  border: 1px solid var(--frn1-axis);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--frn1-ink);
  white-space: nowrap;
  z-index: 2;
  transition: opacity .12s;
}
.ep-frontera-g1-en details {
  margin-top: 14px;
  font-size: 13px;
  color: var(--frn1-muted);
}
.ep-frontera-g1-en summary { cursor: pointer; width: fit-content; }
.ep-frontera-g1-en table {
  border-collapse: collapse;
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
}
.ep-frontera-g1-en th,
.ep-frontera-g1-en td {
  padding: 3px 18px 3px 0;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid var(--frn1-grid);
  color: var(--frn1-ink2);
}
.ep-frontera-g1-en th { color: var(--frn1-muted); }

/* 02-datos en */
.ep-frontera-g2-en {
  --frn2-bg: #ffffff;
  --frn2-panel: #ffffff;
  --frn2-track: #e2e0d8;
  --frn2-grid: #e0ddd5;
  --frn2-axis: #c4c2ba;
  --frn2-ink: #171717;
  --frn2-ink2: #5c5a54;
  --frn2-muted: #8e8c84;
  --frn2-amber: #8dd3ef;
  --frn2-tan: #8a8880;
  --frn2-tan-dim: #d0cec6;
  --frn2-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn2-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn2-bg);
  color: var(--frn2-ink);
  font-family: var(--frn2-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g2-en *,
.ep-frontera-g2-en *::before,
.ep-frontera-g2-en *::after { box-sizing: border-box; }
.ep-frontera-g2-en .frn2-hed {
  font-family: var(--frn2-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g2-en .frn2-note,
.ep-frontera-g2-en .frn2-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn2-muted);
  margin: 12px 0 0;
}
.ep-frontera-g2-en .frn2-src { margin-top: 8px; }
.ep-frontera-g2-en .frn2-src a {
  color: inherit;
  text-decoration-color: var(--frn2-axis);
}
.ep-frontera-g2-en svg { display: block; overflow: visible; }
.ep-frontera-g2-en .frn2-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  font-size: 13px;
  color: var(--frn2-ink2);
  margin: 20px 0 18px;
}
.ep-frontera-g2-en .frn2-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: -1px;
}
.ep-frontera-g2-en .frn2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 40px;
}
@media (min-width: 600px) {
  .ep-frontera-g2-en .frn2-grid { grid-template-columns: 1fr 1fr; }
}
.ep-frontera-g2-en .frn2-card {
  border-top: 1px solid var(--frn2-axis);
  padding: 16px 0 26px;
}
.ep-frontera-g2-en .frn2-kick {
  font-size: 12px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--frn2-muted);
  margin: 0 0 8px;
}
.ep-frontera-g2-en .frn2-stmt {
  font-family: var(--frn2-display);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.22;
  margin: 0 0 18px;
  text-wrap: balance;
}
.ep-frontera-g2-en .frn2-stmt small {
  font-family: var(--frn2-text);
  font-weight: 400;
  font-size: 15px;
  color: var(--frn2-ink2);
  display: block;
  margin-top: 8px;
  line-height: 1.45;
}
.ep-frontera-g2-en .frn2-people { display: flex; gap: 10px; }
.ep-frontera-g2-en .frn2-people svg { width: 40px; height: auto; }
.ep-frontera-g2-en .frn2-people-cap {
  font-size: 13px;
  color: var(--frn2-ink2);
  margin-top: 10px;
}
.ep-frontera-g2-en .frn2-row { margin: 0 0 14px; }
.ep-frontera-g2-en .frn2-lb {
  font-size: 13.5px;
  color: var(--frn2-ink2);
  margin-bottom: 5px;
}
.ep-frontera-g2-en .frn2-tr {
  position: relative;
  height: 16px;
  background: var(--frn2-track);
  border-radius: 4px;
}
.ep-frontera-g2-en .frn2-bar {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  border-radius: 0 4px 4px 0;
}
.ep-frontera-g2-en .frn2-v {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 9px;
  font-size: 16px;
  font-weight: 600;
  color: var(--frn2-ink);
  white-space: nowrap;
}
.ep-frontera-g2-en .frn2-cmp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.ep-frontera-g2-en .frn2-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--frn2-ink);
  border: 1px solid var(--frn2-axis);
  border-radius: 999px;
  padding: 6px 14px;
}
.ep-frontera-g2-en .frn2-pill i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.ep-frontera-g2-en .frn2-gt {
  font-size: 13px;
  color: var(--frn2-muted);
  padding-left: 14px;
}
.ep-frontera-g2-en .frn2-cmp-cap {
  font-size: 13px;
  color: var(--frn2-ink2);
  margin-top: 10px;
}
.ep-frontera-g2-en .frn2-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* 03-sectores en */
.ep-frontera-g3-en {
  --frn3-bg: #ffffff;
  --frn3-panel: #ffffff;
  --frn3-track: #e2e0d8;
  --frn3-grid: #e0ddd5;
  --frn3-axis: #c4c2ba;
  --frn3-ink: #171717;
  --frn3-ink2: #5c5a54;
  --frn3-muted: #8e8c84;
  --frn3-amber: #8dd3ef;
  --frn3-tan: #8a8880;
  --frn3-tan-dim: #d0cec6;
  --frn3-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn3-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn3-bg);
  color: var(--frn3-ink);
  font-family: var(--frn3-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g3-en *,
.ep-frontera-g3-en *::before,
.ep-frontera-g3-en *::after { box-sizing: border-box; }
.ep-frontera-g3-en .frn3-hed {
  font-family: var(--frn3-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g3-en .frn3-note,
.ep-frontera-g3-en .frn3-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn3-muted);
  margin: 12px 0 0;
}
.ep-frontera-g3-en .frn3-src { margin-top: 8px; }
.ep-frontera-g3-en .frn3-src a {
  color: inherit;
  text-decoration-color: var(--frn3-axis);
}
.ep-frontera-g3-en svg { display: block; overflow: visible; }
.ep-frontera-g3-en .frn3-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  font-size: 13px;
  color: var(--frn3-ink2);
  margin: 20px 0 18px;
}
.ep-frontera-g3-en .frn3-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: -1px;
}
.ep-frontera-g3-en .frn3-trio {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 600px) {
  .ep-frontera-g3-en .frn3-trio {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 28px;
  }
}
.ep-frontera-g3-en .frn3-pn {
  border-top: 1px solid var(--frn3-axis);
  padding: 16px 0 24px;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 4px 20px;
  align-items: center;
}
@media (min-width: 600px) {
  .ep-frontera-g3-en .frn3-pn {
    grid-template-columns: 1fr;
    gap: 0;
    align-content: start;
    align-items: start;
  }
  .ep-frontera-g3-en .frn3-pn h3 { min-height: 2.35em; }
  .ep-frontera-g3-en .frn3-pn svg { margin: 14px 0 0; max-width: none; }
}
.ep-frontera-g3-en .frn3-pn h3 {
  font-family: var(--frn3-display);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.15;
  margin: 0 0 6px;
}
.ep-frontera-g3-en .frn3-big {
  font-family: var(--frn3-display);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  margin: 0 0 6px;
  font-variant-numeric: lining-nums;
}
.ep-frontera-g3-en .frn3-cap {
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--frn3-ink2);
  margin: 0;
}
.ep-frontera-g3-en .frn3-pn svg {
  width: 100%;
  max-width: 170px;
  height: auto;
}
@media (max-width: 599px) {
  .ep-frontera-g3-en .frn3-w { grid-row: 1 / 3; grid-column: 1; }
  .ep-frontera-g3-en .frn3-t { grid-column: 2; }
}

/* 04-mapa en */
.ep-frontera-g4-en {
  --frn4-bg: #ffffff;
  --frn4-panel: #ffffff;
  --frn4-grid: #e0ddd5;
  --frn4-axis: #c4c2ba;
  --frn4-ink: #171717;
  --frn4-ink2: #5c5a54;
  --frn4-muted: #8e8c84;
  --frn4-s0: #e2e0d8;
  --frn4-s1: #c3e6f3;
  --frn4-s2: #8dd3ef;
  --frn4-s3: #3f9cc6;
  --frn4-s4: #155a7c;
  --frn4-nodata: #f7f6f1;
  --frn4-border: #ffffff;
  --frn4-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --frn4-text: "Source Serif 4", Georgia, "Times New Roman", serif;
  box-sizing: border-box;
  margin: 0 0 2rem;
  background: var(--frn4-bg);
  color: var(--frn4-ink);
  font-family: var(--frn4-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ep-frontera-g4-en *,
.ep-frontera-g4-en *::before,
.ep-frontera-g4-en *::after { box-sizing: border-box; }
.ep-frontera-g4-en .frn4-hed {
  font-family: var(--frn4-display);
  font-weight: 700;
  font-size: clamp(26px, 5.4vw, 38px);
  line-height: 1.1;
  margin: 0 0 14px;
  letter-spacing: -.005em;
}
.ep-frontera-g4-en .frn4-dek {
  font-size: 17px;
  line-height: 1.55;
  color: var(--frn4-ink2);
  margin: 0 0 22px;
}
.ep-frontera-g4-en .frn4-legend { margin: 0 0 14px; }
.ep-frontera-g4-en .frn4-legcap {
  font-size: 12.5px;
  color: var(--frn4-muted);
  margin: 0 0 6px;
}
.ep-frontera-g4-en .frn4-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 340px;
  gap: 2px;
}
.ep-frontera-g4-en .frn4-steps span {
  display: block;
  height: 10px;
}
.ep-frontera-g4-en .frn4-ticks {
  position: relative;
  max-width: 340px;
  height: 18px;
  font-size: 12.5px;
  color: var(--frn4-ink2);
  font-variant-numeric: tabular-nums;
}
.ep-frontera-g4-en .frn4-ticks span {
  position: absolute;
  top: 3px;
  transform: translateX(-50%);
}
.ep-frontera-g4-en .frn4-ticks span:first-child { transform: none; }
.ep-frontera-g4-en .frn4-ticks span:last-child { transform: translateX(-100%); }
.ep-frontera-g4-en .frn4-map {
  position: relative;
  touch-action: manipulation;
}
.ep-frontera-g4-en svg { display: block; width: 100%; height: auto; overflow: visible; }
.ep-frontera-g4-en .frn4-county { cursor: pointer; }
.ep-frontera-g4-en .frn4-loading {
  font-size: 13px;
  color: var(--frn4-muted);
  padding: 120px 0;
  text-align: center;
}
.ep-frontera-g4-en .frn4-tip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: var(--frn4-panel);
  border: 1px solid var(--frn4-axis);
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--frn4-ink);
  white-space: nowrap;
  z-index: 2;
  transition: opacity .12s;
}
.ep-frontera-g4-en .frn4-tip b {
  font-family: var(--frn4-display);
  font-size: 15px;
}
.ep-frontera-g4-en .frn4-tip .frn4-big {
  font-family: var(--frn4-display);
  font-weight: 800;
  font-size: 22px;
  line-height: 1.1;
  margin: 3px 0 1px;
}
.ep-frontera-g4-en .frn4-tip .frn4-sub { color: var(--frn4-muted); }
.ep-frontera-g4-en .frn4-note,
.ep-frontera-g4-en .frn4-src {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--frn4-muted);
  margin: 12px 0 0;
}
.ep-frontera-g4-en .frn4-src { margin-top: 8px; }
.ep-frontera-g4-en .frn4-src a {
  color: inherit;
  text-decoration-color: var(--frn4-axis);
}