.planifica-sec .controls{
  padding: 50px 60px 90px 70px;
  background: #fff;
  color: #eee;
  float: left;
  width: 37.6%; 
  margin-right: 2.6%;
}

.planifica-sec button{
  display: inline-block;
  padding: 0px 0 20px 0;
  border: 0;
  color: #4D4E4C;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: -0.39px;
  cursor: pointer; background:none; text-align:left;
  width:100%; font-family: 'FolhaGrafico-Medium';
  position: relative;
  transition: All 0.5s ease;
}
.planifica-sec button:hover {  color:#99B127; }
.planifica-sec button.active{
  color:#99B127; font-family: 'FolhaGrafico-Medium';
}

.planifica-sec button:focus{
  outline: 0 none;
}

.planifica-sec button + label{
  margin-left: 1em;
}

.planifica-sec .container{
  padding: 0; float:right; width:59.8%;
  background: none;  
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-wrap: wrap;
  column-gap: 19px;
}

.planifica-sec .container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.planifica-sec .container .mix,
.planifica-sec .container .gap{
  display: inline-block;
  width: 49%;
}

.planifica-sec .container .mix{
  text-align: left;
  /*background: #03899c;*/
  margin-bottom: 4%;
  display: none;
}

/*.planifica-sec .container .mix.category-1{
  border-top: 2px solid limegreen;
}

.planifica-sec .container .mix.category-2{
  border-top: 2px solid yellow;
}*/

/*.planifica-sec .container .mix:after{
  content: attr(data-myorder);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
}
*/

/*.planifica-sec .container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
}*/

.planifica-sec .container .mix h2 { font-size:24px; color: #2d2d2d; font-family: 'FolhaTexto-Bold'; line-height:28px; letter-spacing: -0.57px; margin: 0 0 0px 0;  transition:all 0.5s ease; }
.planifica-sec .container .mix span { font-size:14px; font-family: 'FolhaGrafico-Book'; }
.planta-img { float:left; width:100%; overflow:hidden; }
.planta-img img { width:100%; transition:all 0.5s ease; float:left; }
.planta-txt { float:left; width:100%; margin:15px 0 0 0;}
.planifica-sec .container .mix:hover .planta-img img { transform:scale(1.05)}
.planifica-sec .container .mix:hover h2 { color:#A4C217; }
a.ven-mes { font-family: 'FolhaGrafico-Medium'; color:#353331; font-size:18px; letter-spacing:0px; border-radius: 10px; padding: 20px 60px; border:2px solid #A4C217; margin-top: 80px;
display: inline-block; transition:all 0.5s ease; }
a.ven-mes:hover { color:#fff; background: #A4C217;}

@media all and (min-width: 420px){
  .planifica-sec .container .mix,
  .planifica-sec .container .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .planifica-sec .container .mix,
  .planifica-sec .container .gap{
    width: 31.5%;
  }
}