body{
    background-color:rgb(36, 36, 36);
    box-sizing: border-box;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.container{
    width:80%;
    margin:auto;
    padding:25px;
    min-height:100vh;
    background-color:rgb(45, 45, 45);
}

.banner{
    padding-bottom:30px;
    color:rgb(139, 139, 139);

}

.binfo{
      display: flex;
}
.summary{
      flex: 1;
}
.tn{
      flex: 1;

}

  .gallery {
column-count: 3;
width:100%;


}

.gallery img {
    width:100%;
   height:auto;
   padding-bottom:1vw;
}  


/*imagen grande en click*/

.full:hover{
  cursor:pointer;
}

.img-container {
  width: 300px; /* Small layout size */
  cursor: pointer;
  transition: all 0.3s ease;
}

.full img {
  width: 100%;
  height: auto;
  display: block;
}

/* Full screen state on click */
.full.enlarged {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.full.enlarged img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}