/* ----------------------------------------------
 * Generated by Animista on 2020-4-14 21:38:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.popup-g {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1001; }
  .popup-g.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    width: 0;
    height: 0; }
    .popup-g.overlay.view {
      width: 100%;
      height: 100%;
      opacity: 1; }
  .popup-g.contenido {
    display: flex;
    justify-content: center;
    align-items: center; }
    .popup-g.contenido img {
      max-width: 80vw;
      max-height: 80vh;
      opacity: 0; }
    .popup-g.contenido.view img {
      -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
      animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both; }
  .popup-g .close {
    width: 2%;
    position: fixed;
    top: 5%;
    right: 5%;
    cursor: pointer !important; }
    .popup-g .close img {
      width: 100%; }

@media only screen and (max-width: 1024px) {
  .popup-g .close {
    width: 3rem; } }