/* #region GL IMG VIEW      =========================================== */


#gl-gallery{

  margin-top: 30px !important;
  margin-bottom: 30px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
/* background-color: var(--light-color); */
}
#gl-gallery .title{
 
 
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 30px;
   margin-bottom: 30px;
  background-color: var(--color-1);
  width: fit-content;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
   display: inline-block;
  word-wrap: break-word;
}
#gl-gallery .title span {
    line-height: normal;
    font-size: 3.5rem;
  text-transform: uppercase;
   font-weight: bold;
  font-weight: bold;
  
  font-style: italic;
 
}
#gl-gallery .alt{
  padding: 20px 10px 20px 10px;
  font-size: 3rem;
  font-weight: 600;
  line-height: normal ;
  color: var(--primary-color);
}

#gl-gallery .cont-img{
    padding: 0 10px;
   
    background-color: var(--color-1);
}


#gl-gallery .cont-img img {

  transition: transform 0.4s ease; /* animación suave */
  display: block;
}

#gl-gallery .cont-img img:hover {
  transform: scale(1.05); /* aumenta un 5% */
}

#gl-gallery .skewX{
     transform: skewX(-10deg);
     background-color: var(--primary-color);
     z-index: 10;
      padding-bottom: 30px;
}

#gl-gallery .skewX .alt{
     color: var(--light-color);
}

 @media (max-width: 1200px) {

    #gl-gallery .title span{
        font-size: 2.5rem;
    }

    #gl-gallery .alt{
        font-size: 1.5rem;
    }
 }

 @media (max-width: 768px) {

    #gl-gallery .skewX{
        transform: skewX(0deg);
    }
    
 }

/* #endregion */