.box-output__empty{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  pointer-events: none;
  margin-top: 5rem;
}

.box-output__empty img{
  position: relative;
  width: 100%;
  padding: 0 20px;
}

.box-output__empty h3{
  position: relative;
  font-weight: 700;
  text-align: center;
  font-size: 1.3rem;
  margin: 15px 20px;
  color: var(--subtitle-color);
}

.box-output__empty p{
  position: relative;
  text-align: center;
  margin: 0 30px;
  color: var(--secundary-color);
}

.box-output__fill{
  display: none;
}

@media screen and (max-width: 768px){
  .box-output__empty{
    display: block;
    height: auto;
    min-height: auto;
    margin-top: 2rem;
  }
  .box-output__empty img{
    display: none;
  }
}