.hide-1,
.hide-2,
.hide-3,
.hide-4 {
    margin-bottom: 0 !important;
    max-height: 0;
    overflow: hidden;
    transition: .5s max-height ease-out;
}

/*JS ---*/
.js .hide-1.no-hide,
.js .hide-2.no-hide,
.js .hide-3.no-hide,
.js .hide-4.no-hide {
    margin-bottom: 2em !important;
    max-height: 500px;
    transition: 1s max-height ease-out;
}

.js .verMasButton.hide {
    display: none;
}

/*TABLET -------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    .hide-1 {
        margin-bottom: 2em !important;
        max-height: 500px;
        transition: 1s max-height ease-out;
    }
}

/*ESCRITORIO ---------------------------------------------------------------*/
@media screen and (min-width: 992px) {

    .hide-1,
    .hide-2,
    .especial {
        margin-bottom: 2em !important;
        max-height: 500px;
        transition: 1s max-height ease-out;
    }
}