/* Radiografía Colombia — población.
   Fuente consolidada. Las condiciones responsive conservan sus límites originales. */

.population-embed.territorial-multimap {
  margin: 6px calc(-1 * clamp(22px, 2vw, 24px)) 12px;
}

/* population-module */
.population-embed .population-module {
  border-top: 1px solid var(--tm-line);
  border-bottom: 1px solid var(--tm-line);
  padding-top: 72px;
  padding-bottom: 76px;
  background: rgba(255, 255, 255, 0.08);
}

.population-embed .population-module .module-head {
  margin-bottom: 26px;
}

/* population-summary */
.population-embed .population-summary {
  max-width: 1500px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 1px;
  background: var(--tm-line);
  border: 1px solid var(--tm-line);
  border-radius: 0px;
  overflow: hidden;
}

@media (min-width: 760px) and (max-width: 1180px) {
  .population-embed .population-summary {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}

@media (max-width: 759px) {
  .population-embed .population-summary {
    grid-template-columns: 1fr;
  }
}

body.radiografia-art-v59 .population-embed .population-summary {
  margin-bottom: 18px;
}

/* population-stat */
.population-embed .population-stat {
  background: rgb(251, 250, 246);
  padding: 16px 18px 17px;
  min-height: 88px;
}

.population-embed .population-stat span {
  display: block;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tm-muted);
  font-weight: 700;
  margin-bottom: 7px;
}

.population-embed .population-stat strong {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
}

.population-embed .population-stat small {
  display: block;
  color: var(--tm-muted);
  font-size: 9px;
  margin-top: 5px;
  line-height: 1.4;
}

/* population-map-title */
.population-embed .population-map-title {
  max-width: 1500px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid var(--tm-ink);
}

.population-embed .population-map-title h3 {
  margin: 0px;
  font-family: var(--sans);
  font-size: clamp(22px, 2.1vw, 34px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -0.035em;
}

.population-embed .population-map-title p {
  margin: 5px 0px 0px;
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tm-muted);
}

body.radiografia-art-v59 .population-embed .population-map-title {
  margin-bottom: 0px;
  padding: 14px 0px 12px;
}

/* maps-grid */
.population-embed .maps-grid {
  grid-template-columns: 1fr;
  margin-top: 0px;
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .maps-grid {
    grid-template-columns: 1fr !important;
  }
}

/* map-card */
.population-embed .map-card {
  width: 100%;
  border-top: 0px !important;
}

/* map-wrap */
.population-embed .map-wrap {
  aspect-ratio: auto;
  min-height: 0px;
  height: clamp(470px, 47vw, 650px);
}

@media (min-width: 760px) and (max-width: 1180px) {
  .population-embed .map-wrap {
    height: clamp(430px, 53vw, 570px);
  }
}

body.radiografia-art-v59 .population-embed .map-wrap {
  border-top: 0px;
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .map-wrap {
    aspect-ratio: 1 / 1;
    pointer-events: none;
    touch-action: auto;
    height: auto !important;
    min-height: 0px !important;
  }
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .map-wrap svg {
    cursor: default;
    pointer-events: none;
    touch-action: auto;
  }
}

/* .map-status */
.population-embed .map-status {
  top: 10px;
  left: 0px;
}

/* legend */
.population-embed .legend {
  padding-top: 9px;
}

/* population-reading */
.population-embed .population-reading {
  max-width: 1500px;
  margin: 14px auto 0px;
  padding-left: 15px;
  border-left: 1px solid rgb(170, 163, 152);
  color: var(--tm-muted);
  font-size: 11px;
  line-height: 1.55;
}

.population-embed .population-reading b {
  color: var(--tm-ink);
  font-weight: 650;
}

/* population-source-note */
.population-embed .population-source-note {
  max-width: 1500px;
  margin: 16px auto 0px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 22px;
  border-top: 1px solid var(--tm-line);
  padding-top: 14px;
  color: var(--tm-muted);
  font-size: 10px;
  line-height: 1.55;
}

.population-embed .population-source-note strong {
  color: var(--tm-ink);
}

.population-embed .population-source-note a {
  color: rgb(52, 75, 82);
  text-underline-offset: 2px;
}

.population-embed .population-source-note code {
  font-size: 8px;
  word-break: break-all;
}

@media (max-width: 759px) {
  .population-embed .population-source-note {
    grid-template-columns: 1fr;
  }
}

/* population-tooltip */
.population-tooltip {
  position: fixed;
  z-index: 1001;
  pointer-events: none;
  background: rgb(34, 41, 37);
  color: rgb(255, 255, 255);
  border-radius: 0px;
  padding: 9px 10px;
  max-width: 255px;
  font-size: 11px;
  line-height: 1.45;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 30px;
}

.population-tooltip strong {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.population-tooltip .muted {
  color: rgb(196, 203, 200);
}

/* trend */
.population-embed .trend-card {
  position: relative;
}

.population-embed .trend-card .trend-secondary {
  font-size: 8px;
  line-height: 1.45;
  color: var(--tm-muted);
  margin: 2px 0px 0px;
  min-height: 24px;
}

.population-embed .trend-point {
  cursor: pointer;
  pointer-events: all;
}

.population-embed .trend-year {
  cursor: pointer;
  user-select: none;
}

.population-embed .trend-tooltip {
  position: absolute;
  z-index: 12;
  min-width: 108px;
  padding: 9px 11px;
  background: var(--ink);
  color: var(--paper);
  pointer-events: none;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 28px;
  font-size: 10px;
  line-height: 1.25;
}

.population-embed .trend-tooltip[hidden] {
  display: none;
}

.population-embed .trend-tooltip strong {
  display: block;
  font-family: var(--sans);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--signal);
}

.population-embed .trend-tooltip span {
  display: block;
  margin-top: 3px;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 900;
  color: var(--paper);
}

.population-embed .trend-scrub-zone {
  cursor: crosshair;
  pointer-events: all;
  touch-action: pan-y;
}

.population-embed .trend-active-guide,
.population-embed .trend-scrub-handle {
  transition: transform 0.1s, x1 0.1s, x2 0.1s, cx 0.1s;
}

@media (prefers-reduced-motion: reduce) {
  .population-embed .trend-active-guide,
  .population-embed .trend-scrub-handle {
    transition: none;
  }
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .trend-grid {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
    gap: 5px !important;
  }
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .trend-card .trend-secondary {
    min-height: 12px;
    font-size: 5px !important;
  }
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .trend-scrub-zone {
    pointer-events: none;
    touch-action: auto;
  }
}

/* population-map-svg */
.population-embed .population-map-svg .map-shape {
  transition: fill 0.18s, opacity 0.15s, stroke-width 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .population-embed .population-map-svg .map-shape {
    transition: none !important;
  }
}

/* population-geo-nav */
@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .population-geo-nav {
    grid-template-columns: 1fr !important;
  }
}

body.radiografia-art-v59 .population-embed .population-geo-nav {
  position: relative;
  top: auto;
  margin: 0px auto 8px;
  background: transparent;
  backdrop-filter: none;
}

@media (min-width: 760px) and (max-width: 1180px) {
  body.radiografia-art-v59 .population-embed .population-geo-nav {
    grid-template-columns: 145px 1fr auto;
    gap: 10px;
  }
}

/* geo-nav */
@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .geo-nav-controls,
  body.radiografia-art-v59 .population-embed .geo-nav-actions {
    display: none !important;
  }
}

/* map-shape */
@media (max-width: 759px) {
  body.radiografia-art-v59 .population-embed .map-shape {
    pointer-events: none;
    cursor: default;
  }
}

/* .department-outline */
body.radiografia-art-v59 .population-embed .department-outline {
  fill: none;
  pointer-events: none;
  stroke: var(--tm-ink);
  stroke-width: 0.72;
  opacity: 0.62;
  vector-effect: non-scaling-stroke;
}

/* .department-outline.is-active */
body.radiografia-art-v59 .population-embed .department-outline.is-active {
  stroke: var(--signal);
  stroke-width: 1.15;
  opacity: 0.95;
}