/* Agrandar */
.agrandar {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

/* Transformación al pasar el ratón por encima */
.agrandar:hover {
    transform: scale(1.1, 1.1) rotate(0deg);
    -ms-transform: scale(1.1, 1.1) rotate(0deg);
    -webkit-transform: scale(1.1, 1.1) rotate(0deg);
    -o-transform: scale(1.1, 1.1) rotate(0deg);
}

/* Agrandar-2 (mitad de zoom que agrandar) */
.agrandar-2 {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

/* Transformación al pasar el ratón por encima (mitad de zoom que agrandar) */
.agrandar-2:hover {
    transform: scale(1.05, 1.05) rotate(0deg);
    -ms-transform: scale(1.05, 1.05) rotate(0deg);
    -webkit-transform: scale(1.05, 1.05) rotate(0deg);
    -o-transform: scale(1.05, 1.05) rotate(0deg);
}