* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
  .gallery-column-1{
  	max-height: 40vh;
    margin: 0.3rem 0rem 0.3rem 0;
    overflow:hidden;
    display:flex;
  }
  .gallery-column-1 img{
    width:100%;
    height:auto;
    object-fit: cover;
        cursor:pointer;
  }
    .gallery-column-2 {
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 0.3rem
    }
  
    .gallery-column-grid {
        display: flex;
        flex-direction: column;
        row-gap: 0.4rem;
      }

    .gallery-column-2-1{
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 0.3rem;
    
  }
 
  .gallery-column-grid-2-1{
   display: flex;
   flex-direction: column;
   row-gap: 0.3rem;
   height: 99.4%;
   overflow: hidden;
  }
  
  .gallery-column-grid-2-1 img{
    object-fit: cover;  
    }
  #laImg{
    width:55vw;
  }
  #closed{
right: 80px; top: 40px;
  }
  .Column4{
      margin-top: 0.5rem;
      display:flex;
      column-gap:0.3rem;
      position: relative;
      bottom: 0.2rem
  }

  .controls{
      width: 100%;
      position: relative;
      z-index: 200;
      top:50%;
        display: flex;
        justify-content: space-between;
        padding: 0rem 10rem 0rem 10rem;
        cursor: pointer;

  }
  .controls svg {
    outline: none; /* Elimina el contorno de enfoque */
    cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
}
.controls svg:focus {
    outline: none;
}
.ultimate {
    overflow: hidden;
    height: 48.5%;
}
    .gallery-column-flex{
        width: 100%;
        height: 99%;
        overflow: hidden;
    }
    .gallery-column-flex img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        
    }
@media (max-width: 767px) {
        
    .gallery-column-1{
    height: 170px;
    }
    .gallery-column-grid {
    width: 97%;
    }
    .gallery-column-grid-2-1{
    width: 97%;
    row-gap: 0.25rem;
    }
    .gallery-column-2{
      column-gap: 0.1rem  
    }
    #laImg{
    width: 95vw;
    }
    #closed{
    right: 2rem; top: 2rem;
    }
    .controls{
    top:50%;
    padding: 0rem 1rem 0rem 1rem;
    outline: none; /* Elimina el contorno de enfoque */
    }
    .controls svg {
    outline: none; /* Elimina el contorno de enfoque */
    cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
    }
    .controls svg:focus {
    outline: none;
    }
    .Column4{
    column-gap:1px;
    position: relative;
    top: -0.5rem
    }
    .Column4 img{
    width: 98%   
  }
      .gallery-column-flex{
        width: 100%;
        height: 98.5%;
        overflow: hidden
    }
    .ultimate img{
        width: 100%;
        height: 97.4%
    }
    .gallery-column-flex img{
        width:98.5%
    }
    .gallery-column-1 img{
        width:99%
    }

      .ultimate{
         width: 100% ;
         height: 6.1rem
      }
      .gallery-column-2{
          height: 13.6rem;
          overflow: hidden;
      }
}