body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  
}
.boton_modal{
  position: absolute;
    left: 85%;
    top: 10px;
    background-color: #ffffff00 !important;
    border: none !important;
    color: white !important;
}
.face1{
    position: absolute;
    top: 90px;
    font-size: 18px;
    left: 88%;
    color: rgba(255, 255, 255, 0);
  }

  .twiter1{
    position: absolute;
    top: 210px;
    font-size: 18px;
    left: 88%;
    color: rgba(255, 255, 255, 0);
  }
  .insta1{
    position: absolute;
    top: 330px;
    font-size: 18px;
    left: 88%;
    color: rgba(255, 255, 255, 0);
  }

  .face2{
    position: absolute;
    top: 1615px;
    font-size: 18px;
    left: 67%;
    color: rgba(255, 255, 255, 0);
  }
 
  .twiter2{
    position: absolute;
    top: 1615px;
    font-size: 18px;
    left: 77%;
    color: rgba(255, 255, 255, 0);
  }
  .insta2{
    position: absolute;
    top: 1615px;
    font-size: 18px;
    left: 85%;
    color: rgba(255, 255, 255, 0);
  }
.imagen1 {
    width: 100%;
  
}
.container, .row, .col-lg-12 {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
.image-container{
    display:none;
}
a:hover{
    color: rgba(255, 255, 255, 0);
}
.boton_modal2{
  display: none;   
}
@media (max-width: 992px) {
  .boton_modal2{
    position: absolute;
    display: block;
    left: 20%;
    top: 10px;
    background-color: #ffffff00 !important;
    border: none !important;
    color: white !important;
  }
  .boton_modal{
    display: none;
  }
    .imagen1 {
        display: none;
    }
    .image-container{
        display: block !important;
        
    }
    .face1{
      display:none;
  }
  .insta1{
      display:none;
  }
  .twiter1{
      display:none;
  }
  .face2{
      display:none;
  }
  .insta2{
      display:none;
  }
  .twiter2{
      display:none;
  }
  .face{
    position: absolute;
    top: 23%;
    right: px;
    font-size: 8px;
    left: 62%;
    color: rgba(255, 255, 255, 0);
  }
  .insta{
    position: absolute;
    top: 23%;
    right: px;
    font-size: 8px;
    left: 73%;
    color: rgba(255, 255, 255, 0);
  }
  .twiter{
    position: absolute;
    top: 23%;
    right: px;
    font-size: 8px;
    left: 85%;
    color: rgba(255, 255, 255, 0);
  }
  a.hover{
    color: rgba(255, 255, 255, 0)  !important;
  }
.image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.trans{
    width: 100% !important;
    height: 100% !important;
}
.image-container img {
    width: 100%;
    height: auto; /* Mantiene la relaci贸n de aspecto */
    object-fit: cover; /* Cubre el 谩rea del contenedor */
}
}