.modal-aviso-container {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2000;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 10%;
}

.modal-aviso-container.displayModal {
  display: flex;
}

.modal-aviso-content {
  display: flex;
  justify-content: center;
  width: fit-content;
  max-width: 1120px;
  max-height: 650px;
  box-shadow: 0 0 0 10px white;
  position: relative;
}

.modal-aviso-content-img img {
  width: 100%;
  height: 100%;
}

@keyframes modal {
  from {
    opacity: 0;
    transform: translate3d(0, -60px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.displayModal .modal-aviso-content {
  animation: modal 0.3s;
}

.fechar {
  position: absolute;
  font-size: 1.2em;
  top: -30px;
  right: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 4px solid white;
  background: #646464;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}