.reveal-if-active {

  opacity: 0;

  max-height: 0;

  overflow: hidden;

}



input[type="radio"]:checked ~ .reveal-if-active,

input[type="checkbox"]:checked ~ .reveal-if-active {

  opacity: 1;

  max-height: 100px;

  overflow: visible;

}



#guardar_profesor {

    margin-top: 20px;

}