.planificador-imagenes {
    transition: top 0.3s ease;
}

.planificador-imagenes.fixed {
  position: fixed;
  top: 2%;  
  width: 600px;
  margin-bottom: 50px;
  padding-bottom: 480px;
}

.woo-variation-gallery-wrapper, .wvg-gallery-thumbnail-image {
    z-index: 9 !important;
}

@media (max-width: 768px) {
    .planificador-imagenes.fixed {
        width: 100%;
        margin-left: -25px;
        padding-bottom: 300px;
        top: 0;
    }

     .planificador-imagenes.fixed img {
         border-radius: 5px;
     }

}