/*
 * v1.40.1102 · Cronología · décadas más compactas
 * Objetivo: reducir la altura visual de los botones de décadas para que
 * la fila se vea más fina, equilibrada y profesional.
 */

html body.kd-standalone-chronology-template .kd-chrono-decades{
  gap:9px!important;
  margin:14px 0!important;
}

html body.kd-standalone-chronology-template .kd-chrono-decades a,
html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active,
html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:hover,
html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:focus{
  min-height:56px!important;
  padding:8px 8px!important;
  gap:2px!important;
  border-radius:14px!important;
}

html body.kd-standalone-chronology-template .kd-chrono-decades a span,
html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active span{
  font-size:13px!important;
  line-height:1.08!important;
}

html body.kd-standalone-chronology-template .kd-chrono-decades a small,
html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active small{
  margin-top:0!important;
  font-size:9px!important;
  line-height:1.12!important;
}

@media (max-width: 900px){
  html body.kd-standalone-chronology-template .kd-chrono-decades{
    gap:8px!important;
  }
  html body.kd-standalone-chronology-template .kd-chrono-decades a,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:hover,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:focus{
    min-height:54px!important;
    padding:7px 7px!important;
  }
}

@media (max-width: 640px){
  html body.kd-standalone-chronology-template .kd-chrono-decades a,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:hover,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active:focus{
    min-height:52px!important;
    padding:7px 6px!important;
    border-radius:13px!important;
  }
  html body.kd-standalone-chronology-template .kd-chrono-decades a span,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active span{
    font-size:12.5px!important;
  }
  html body.kd-standalone-chronology-template .kd-chrono-decades a small,
  html body.kd-standalone-chronology-template .kd-chrono-decades a.is-active small{
    font-size:8.6px!important;
  }
}