.div-imagen {
       display: inline-block;
       position: relative;
     }

     .div-imagen>div {
       position: absolute;
       top: 100px;
       left: 100px;
       z-index: -1;
       padding: 10px;
       margin: 0;
     }

     .desvanecer:hover {
       opacity: 0.3;
       -webkit-transition: opacity 500ms;
       -moz-transition: opacity 500ms;
       -o-transition: opacity 500ms;
       -ms-transition: opacity 500ms;
       transition: opacity 500ms;
     }

     .emergente {
       background: rgba(162, 130, 18, 1);
       height: 100%;
       width: 100%;
       /*IMPORTANTE*/
       display: flex;
       justify-content: center;
       align-items: center;
       position: fixed;
       z-index: 99 !important;

     }
  /*------------------------------------------------*/
  .chacra-item {
    cursor: pointer;
  }
  .div-imagen {
    position: relative;
  }
  .titulo-chacra {
    text-shadow: 2px 2px 5px #000000;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    z-index: 2;
    padding: 10px;
  }
  .imagen-chacra {
    border-radius: 10px;
    width: 850px;
    height: 350px;
    object-fit: cover;
  }
  .desvanecer {
    transition: opacity 0.3s;
  }
  .desvanecer:hover {
    opacity: 0.9;
  }