/* Radiografía Colombia — gráficas y animación de datos.
   Fuente consolidada. Las condiciones responsive conservan sus límites originales. */

/* .chart-scroll */
.chart-scroll {
  position: relative;
  overflow: auto hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}

.chart-scroll::-webkit-scrollbar {
  display: none;
}

body.radiografia-art-v59 .chart-scroll {
  padding: 8px 0px 0px;
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .chart-scroll {
    overscroll-behavior: auto;
    touch-action: auto;
    padding-bottom: 0px;
    overflow: visible !important;
  }
}

/* .chart-svg */
.chart-svg {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 940px) {
  .chart-svg {
    min-width: 700px;
  }
}

body.radiografia-art-v59 .chart-svg {
  overflow: visible;
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .chart-svg {
    min-width: 0px;
    width: 100%;
    pointer-events: none;
    touch-action: auto;
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 759px) {
  body.radiografia-art-v59 .chart-svg * {
    pointer-events: none;
  }
}

/* .axis-label */
.axis-label {
  font: 12px var(--sans);
}

body.radiografia-art-v59 .axis-label {
  font-family: var(--body);
  fill: rgb(104, 100, 92);
  font-size: 12.5px;
}

/* .axis-note */
.axis-note {
  font: 11px var(--sans);
  letter-spacing: 0.02em;
}

body.radiografia-art-v59 .axis-note {
  font-family: var(--body);
  font-size: 11.5px;
  fill: rgb(89, 86, 79);
}

/* .series-line */
.series-line {
  stroke-linejoin: round;
  stroke-linecap: round;
  fill: none !important;
}

body.radiografia-art-v59 .series-line {
  stroke-width: 4;
}

/* .series-line.secondary */
.series-line.secondary {
  opacity: 0.52;
}

body.radiografia-art-v59 .series-line.secondary {
  stroke-width: 1.8;
}

/* .stroke-2 */
.stroke-2 {
  stroke: var(--moss);
}

/* .stroke-3 */
.stroke-3 {
  stroke: var(--sand);
}

/* .fill-2 */
.fill-2 {
  fill: var(--moss);
}

/* .fill-3 */
.fill-3 {
  fill: var(--sand);
}

/* .fill-4 */
.fill-4 {
  fill: var(--ink);
}

/* .text-2 */
.text-2 {
  fill: var(--moss);
}

/* .point */
.point {
  stroke: var(--paper);
  stroke-width: 3;
  cursor: crosshair;
}

/* .point.secondary */
.point.secondary {
  opacity: 0.55;
}

/* .series-label */
.series-label {
  font: 700 12px var(--sans);
}

body.radiografia-art-v59 .series-label {
  font-size: 12.5px;
}

/* .value-label */
.value-label {
  font: 700 12px var(--sans);
  fill: var(--ink);
}

body.radiografia-art-v59 .value-label {
  font-size: 12.5px;
}

/* .value-label.big */
.value-label.big {
  font: 400 25px var(--serif);
}

/* .year-big */
.year-big {
  font: 400 24px var(--serif);
  fill: var(--ink);
}

/* .annotation-line */
.annotation-line {
  stroke: rgb(139, 135, 127);
  stroke-width: 1;
  stroke-dasharray: 2, 4;
}

/* .annotation */
.annotation {
  font: 11px var(--sans);
  fill: rgb(91, 89, 83);
}

body.radiografia-art-v59 .annotation {
  font-size: 11.5px;
}

/* .annotation-strong */
.annotation-strong {
  font: 700 12px var(--sans);
  fill: var(--ink);
}

body.radiografia-art-v59 .annotation-strong {
  font-size: 12.5px;
}

/* .motion-line */
.motion-line {
  stroke-dasharray: none;
  stroke-dashoffset: 0;
}

/* .js */
.js .motion-line {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.js .is-visible .motion-line {
  animation: 1.25s cubic-bezier(0.2, 0.7, 0.2, 1) 0.12s 1 normal forwards running draw;
}

.js .motion-point {
  opacity: 0;
}

.js .is-visible .motion-point {
  animation: 0.35s ease 0.72s 1 normal forwards running pointIn;
}

.js .motion-bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: scaleY(0);
}

.js .is-visible .motion-bar {
  animation: 0.72s cubic-bezier(0.2, 0.7, 0.2, 1) 0.1s 1 normal forwards running growY;
}

.js .motion-hbar {
  transform-box: fill-box;
  transform-origin: left center;
  transform: scaleX(0);
}

.js .is-visible .motion-hbar {
  animation: 0.72s cubic-bezier(0.2, 0.7, 0.2, 1) 0.1s 1 normal forwards running growX;
}

@media (prefers-reduced-motion: reduce) {
  .js .motion-line {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .motion-point {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .motion-bar,
  .js .motion-hbar {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .is-visible .motion-line,
  .js .is-visible .motion-point,
  .js .is-visible .motion-bar,
  .js .is-visible .motion-hbar {
    animation: auto ease 0s 1 normal none running none;
  }
}

/* .motion-point */
.motion-point {
  opacity: 1;
}

/* .motion-bar */
.motion-bar {
  transform: none;
}

/* .motion-hbar */
.motion-hbar {
  transform: none;
}

/* time- */
.time-bar--hitos {
  background: var(--rust);
}

.time-bar--residual {
  background: repeating-linear-gradient(90deg,var(--muted) 0 5px,transparent 5px 9px);
  border: 1px solid var(--line2);
  box-sizing: border-box;
}

/* .pair-line */
.pair-line {
  stroke: var(--line-strong);
  stroke-width: 2;
}

/* .pair-year */
.pair-year {
  font: 600 14px var(--sans);
  letter-spacing: 0.12em;
  fill: var(--muted);
}

/* .pair-value */
.pair-value {
  font: 400 38px var(--serif);
  fill: var(--ink);
}

/* .annotation-line--soft */
.annotation-line--soft {
  opacity: 0.38;
}

/* .stroke-0 */
body.radiografia-art-v59 .stroke-0 {
  stroke: var(--signal);
}

/* .fill-0 */
body.radiografia-art-v59 .fill-0 {
  fill: var(--signal);
}

/* .text-0 */
body.radiografia-art-v59 .text-0 {
  fill: var(--signal);
}

/* .stroke-1 */
body.radiografia-art-v59 .stroke-1 {
  stroke: rgb(56, 107, 120);
}

/* .fill-1 */
body.radiografia-art-v59 .fill-1 {
  fill: rgb(56, 107, 120);
}

/* .text-1 */
body.radiografia-art-v59 .text-1 {
  fill: rgb(56, 107, 120);
}

/* visual */
body.radiografia-art-v59 #v11 .axis-label,
body.radiografia-art-v59 #v11 .axis-note,
body.radiografia-art-v59 #v15 .axis-label,
body.radiografia-art-v59 #v15 .axis-note {
  fill: rgb(185, 180, 170);
}

body.radiografia-art-v59 #v14 .axis-label,
body.radiografia-art-v59 #v14 .axis-note,
body.radiografia-art-v59 #v14 .annotation,
body.radiografia-art-v59 #v14 .annotation-strong,
body.radiografia-art-v59 #v14 .fill-0,
body.radiografia-art-v59 #v14 .text-0 {
  fill: var(--ink);
}

body.radiografia-art-v59 #v14 .stroke-0 {
  stroke: var(--ink);
}

body.radiografia-art-v59 #v14 .stroke-1 {
  stroke: var(--white);
}

body.radiografia-art-v59 #v14 .fill-1,
body.radiografia-art-v59 #v14 .text-1 {
  fill: var(--white);
}

body.radiografia-art-v59 #v14 .point {
  stroke: var(--signal);
  stroke-width: 3;
}

body.radiografia-art-v59 #v02 .v02-endpoint {
  r: 6px;
  stroke: var(--paper);
  stroke-width: 3px;
  paint-order: stroke;
}

body.radiografia-art-v59 #v02 .v02-series-label {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.01em;
  paint-order: stroke;
  stroke: var(--paper);
  stroke-width: 5px;
  stroke-linejoin: round;
}

body.radiografia-art-v59 :is(#v11, #v15) :is(.annotation-strong, .cat-label) {
  fill: var(--paper);
}

body.radiografia-art-v59 #v06 :is(.series-label, .annotation-strong) {
  paint-order: stroke;
  stroke: var(--paper);
  stroke-width: 4px;
  stroke-linejoin: round;
}

body.radiografia-art-v59 :is(#v03, #v06) :is(.series-label, .annotation-strong, .annotation) {
  paint-order: stroke;
  stroke-width: 5px;
  stroke-linejoin: round;
}

body.radiografia-art-v59 #v03 :is(.series-label, .annotation-strong, .annotation),
body.radiografia-art-v59 #v06 :is(.series-label, .annotation-strong, .annotation) {
  stroke: var(--paper);
}

body.radiografia-art-v59 #v05 :is(.axis-label, .axis-note) {
  fill: var(--v05-muted);
}

body.radiografia-art-v59 #v05 .stroke-0 {
  stroke: var(--v05-sales);
}

body.radiografia-art-v59 #v05 .stroke-1 {
  stroke: var(--v05-launch);
}

body.radiografia-art-v59 #v05 .text-0 {
  fill: var(--v05-sales);
}

body.radiografia-art-v59 #v05 .text-1 {
  fill: var(--v05-launch);
}

body.radiografia-art-v59 #v05 .point.fill-0 {
  fill: var(--paper);
  stroke: var(--v05-sales);
  stroke-width: 2.4;
}

body.radiografia-art-v59 #v05 .point.fill-1 {
  fill: var(--paper);
  stroke: var(--v05-launch);
  stroke-width: 2.4;
}

body.radiografia-art-v59 #v05 .annotation-line {
  stroke: rgb(156, 151, 142);
  stroke-width: 1;
  stroke-dasharray: 3, 5;
}

body.radiografia-art-v59 #v05 .annotation-strong {
  fill: rgb(40, 41, 37);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.005em;
}

body.radiografia-art-v59 #v05 .annotation {
  fill: rgb(104, 99, 92);
  font-size: 11px;
}

body.radiografia-art-v59 #v05 .series-label {
  font-size: 12.5px;
  font-weight: 800;
}

body.radiografia-art-v59 #v05 :is(.series-label, .annotation-strong, .annotation) {
  paint-order: stroke;
  stroke: var(--paper);
  stroke-width: 6px;
  stroke-linejoin: round;
}

/* .axis-label.x */
body.radiografia-art-v59 .axis-label.x {
  font-size: 12px;
}