.cargando-overlay-oculto {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

.cargando-overlay-visible {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}

.cargando-content {
    max-height: 100%;
    overflow: auto;
    text-align: center;
    color: #fff;
    text-align:center;
}




@media screen and (max-width: 700px) {
    .cargando-content {
        width: 70%;
    }
}