/* start mio */
#timeline_container{height: 100vh;}
#anys_cont_container .hitos-historia{position: absolute; z-index: 90; top: 0; width: 100vw;}
#anys_cont_container .hitos-historia .cont_historia{height: 100vh;}

#lista_anys .elementor-widget-container .elementor-loop-container{display: flex; justify-content: space-around; flex-flow: column; height: 100%;}

div#lista_anys { height: 100vh; }

#anys_list_container {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 99;
  width: 160px;
  height: 100vh;
}

#anys_cont_container .hitos-historia {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.9s ease-in-out;
}




.btn_any{text-align: center ; transition: all 1s;position: relative;}

.btn_any .elementor-widget-container{top: -10px; position: absolute; width: 150px; left: -36px; }


#lista_anys .hitos-historia:after{
  content: '';
  width: 20px;
  height: 20px;
  background-color: #ffffffa5;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: 0 auto;
  z-index: 99;
  position: relative;
}

#lista_anys .hitos-historia a{font-size: 15px; font-weight: 500;color: #fff;}

#lista_anys .hitos-historia.active {
  border-radius: 50%; /* If buttons are circular */
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#lista_anys .hitos-historia.active a{font-size: 45px; color: #fff; font-weight: bold;    position: relative; left: 50px; top:10px}

#lista_anys .hitos-historia a:after{
  content: '';
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: 0 auto;
  z-index: 99;
  position: relative;
  top: -50px;
  border: 2px solid #fff;
  left: -90px;
  opacity: 0;
}

#lista_anys .hitos-historia.active a:after{
  content: '';
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: 0 auto;
  z-index: 99;
  position: relative;
  top: -50px;
  border: 2px solid #fff;
  left: -90px;
  opacity: 1;
}


#timeline_container {
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen height */
    overflow: hidden; /* No scrollbars */
}

#lista_anys {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(0); /* Allows GSAP to move it */
}

.kpis_content ul,
.logros_content ul{padding: 0; margin: 0; list-style: none;}

.kpis_content ul li,
.logros_content ul li{list-style: none; margin-bottom: 15px;}