section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem; 
}
input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 400%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }

}

.cuadro-precios {
  height: 100%;
  display: block;
  background: white;

  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
  /*margin: 1rem;*/
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}

.cuadro-precios2 {
  height: 100%;
  display: block;
  background: white;

  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
  /*margin: 1rem;*/
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}

.general{
  border: 2px solid hsla(207, 100%, 46%, 1);

}

.preferente{
  border: 2px solid hsla(207, 100%, 46%, 1);
}

.premium{
  border: 2px solid hsla(207, 100%, 46%, 1);
}

.convivencias{
  border: 2px solid hsla(207, 100%, 46%, 1);
}

.agotado{
  border: 2px solid hsla(207, 100%, 46%, 1);
}

input[type="radio"]#control_01:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_02:hover + label {
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_03:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_04:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_05:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_06:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_07:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_08:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_09:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_10:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_11:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_12:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_13:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_14:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_15:hover + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  box-shadow: 0px 0px 20px hsla(266, 95%, 37%, 0.75);
}
input[type="radio"]#control_01:checked + label {
  /*background: rgba(255, 0, 185 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_02:checked + label {
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_03:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
 
  /*box-shadow: 0px 0px 20px hsla(35, 97%, 57%, 0.75);*/
}

input[type="radio"]#control_04:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}
input[type="radio"]#control_05:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_06:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_07:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_08:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}
input[type="radio"]#control_09:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_10:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_11:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_12:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_13:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_14:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}

input[type="radio"]#control_15:checked + label {
  /*background: rgba(255, 236, 0 ,0.5);*/
  color:white;
  background-color: hsla(198, 93%, 46%, 1);
}






@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}