/*inicio MenuLateral*/

.container-Mlateral {
  display: flex;
  width: 100%;
  margin: 42px auto;
  border: 1px solid var(--color-light-grey);
  /* borde visible */
  border-radius: 4px;
  align-items: flex-start;
  /* font-family: Arial, sans-serif; */
 
}

.menuLateral h2 {
  margin-bottom: 42px;
}

.lbl-menu {
  width: 320px;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-body);
}

.lbl-menu label {
  padding: 16px;
  cursor: pointer;
  color: #121212;
  transition: all 400ms ease;
  user-select: none;
}

.lbl-menu label.active {
  background-color: var(--color-primary);
  color: var(--bg-body);
  justify-content: center;
  align-items: center;
}

.content-Desarrollo {
  width: 100%;
  max-width: 100%;
  position: relative;
  border-left: 1px solid var(--color-light-grey);
  padding: 16px 24px;
}

.content-Desarrollo>div {
  display: none;
}

#radio1:checked~.tag1,
#radio2:checked~.tag2,
#radio3:checked~.tag3,
#radio4:checked~.tag4,
#radio5:checked~.tag5,
#radio6:checked~.tag6,
#radio7:checked~.tag7,
#radio8:checked~.tag8,
#radio9:checked~.tag9,
#radio10:checked~.tag10,
#radio11:checked~.tag11,
#radio12:checked~.tag12,
#radio13:checked~.tag13,
#radio14:checked~.tag14,
#radio15:checked~.tag15,
#radio16:checked~.tag16,
#radio17:checked~.tag17,
#radio18:checked~.tag18,
#radio19:checked~.tag19,
#radio20:checked~.tag20,
#radio21:checked~.tag21,
#radio22:checked~.tag22,
#radio23:checked~.tag23,
#radio24:checked~.tag24,
#radio25:checked~.tag25,
#radio26:checked~.tag26,
#radio27:checked~.tag27,
#radio28:checked~.tag28,
#radio29:checked~.tag29,
#radio30:checked~.tag30 {
  display: block;
}

#radio_1:checked~.tag_1,
#radio_2:checked~.tag_2,
#radio_3:checked~.tag_3,
#radio_4:checked~.tag_4,
#radio_5:checked~.tag_5,
#radio_6:checked~.tag_6,
#radio_7:checked~.tag_7,
#radio_8:checked~.tag_8,
#radio_9:checked~.tag_9,
#radio_10:checked~.tag_10,
#radio_11:checked~.tag_11,
#radio_12:checked~.tag_12,
#radio_13:checked~.tag_13,
#radio_14:checked~.tag_14,
#radio_15:checked~.tag_15,
#radio_16:checked~.tag_16,
#radio_17:checked~.tag_17,
#radio_18:checked~.tag_18,
#radio_19:checked~.tag_19,
#radio_20:checked~.tag_20,
#radio_21:checked~.tag_21,
#radio_22:checked~.tag_22,
#radio_23:checked~.tag_23,
#radio_24:checked~.tag_24,
#radio_25:checked~.tag_25,
#radio_26:checked~.tag_26,
#radio_27:checked~.tag_27,
#radio_28:checked~.tag_28,
#radio_29:checked~.tag_29,
#radio_30:checked~.tag_30 {
  display: block;
}

#radio__1:checked~.tag__1,
#radio__2:checked~.tag__2,
#radio__3:checked~.tag__3,
#radio__4:checked~.tag__4,
#radio__5:checked~.tag__5,
#radio__6:checked~.tag__6,
#radio__7:checked~.tag__7,
#radio__8:checked~.tag__8,
#radio__9:checked~.tag__9,
#radio__10:checked~.tag__10,
#radio__11:checked~.tag__11,
#radio__12:checked~.tag__12,
#radio__13:checked~.tag__13,
#radio__14:checked~.tag__14,
#radio__15:checked~.tag__15,
#radio__16:checked~.tag__16,
#radio__17:checked~.tag__17,
#radio__18:checked~.tag__18,
#radio__19:checked~.tag__19,
#radio__20:checked~.tag__20,
#radio__21:checked~.tag__21,
#radio__22:checked~.tag__22,
#radio__23:checked~.tag__23,
#radio__24:checked~.tag__24,
#radio__25:checked~.tag__25,
#radio__26:checked~.tag__26,
#radio__27:checked~.tag__27,
#radio__28:checked~.tag__28,
#radio__29:checked~.tag__29,
#radio__30:checked~.tag__30 {
  display: block;
}

/* Ocultamos los radios */
input[type="radio"] {
  display: none;
}

/*planes de formacion*/

.contPDF {
  width: 100%;
  height: 88vh;
  margin: 0 0 16px 0;
}

.contPDF iframe {
  width: 100%;
  height: 100%;
}

/*espacio Educacion Regular*/
.contCardDesarrollo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.cardInfoDesarrollo {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-light-grey);
  border-radius: 2px;
  padding: 16px;
  align-items: center;
}

.cardInfoDesarrollo2 {
  background-color: var(--color-primary-opacity);
  width: 50%;
}

/* fin espacio Educacion Regular*/

/*inicio vision y misión*/
.img-acompana {
  height: 190px;
  background-color: aqua;
}

/*fin visión y misión*/
/*fin planes de formacion*/

/*fin MenuLateral*/

@media screen and (max-width: 700px) {
  .container-Mlateral {
    display: flex;
    border: none;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }

  .content-Desarrollo {
    width: 100%;
    position: relative;
    border-left: none;
    padding: 16px;
  }

  .lbl-menu {
    width: 100%;
    max-height: 80px;
    display: flex;
    align-items: center;
    flex-direction: row;
    overflow-x: auto;
    /* row-gap: 24xpx; */
  }

  .lbl-menu::-webkit-scrollbar {
    width: 0;
  }

  .lbl-menu label {
    min-width: 70%;
    max-width: 90%;
    border-radius: 4px;
    flex-wrap: nowrap;
    margin-right: 16px;

  }

  /* .cardNoticias--primero{
    flex-direction: column;
    max-width: 100%;
} */

  .contCardDesarrollo {
    flex-direction: column;
  }

  .cardInfoDesarrollo2 {
    width: 100%;
  }
}