/*CODIGO PARA GALLERIA*/
 .titulo-galeria h1 {
     text-align: center;
     position: relative;
     width: 80%;
     margin: 50px auto;
     color: black;
 }

 .titulo-galeria h1::before {
     content: "";
     display: block;
     width: 100%;
     height: 2px;
     position: absolute;
     background-color: black;
     top: 50%;
     z-index: -1;
 }

 h1 span {
     background-color: white;
     padding: 5px 10px 10px 10px;
 }

 .img-gallery {
     width: 75%;
     margin: 50px auto 50px;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: 30px;
 }

 .img-gallery img {
     width: 100%;
     aspect-ratio: 1 / 1;
     cursor: pointer;
     border-radius: 20px;
     object-fit: cover;
     transition: all 0.4s ease;
 }

 .img-gallery img:hover {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
     transform: scale(1.02);


 }

 .ful-img {
     width: 100%;
     height: 100vh;
     background-color: rgba(0, 0, 0, 0.8);
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     align-items: center;
     justify-content: center;
     z-index: 9999;
 }

 .ful-img span {
     position: absolute;
     top: 5%;
     right: 5%;
     font-size: 30px;
     color: #fff;
     cursor: pointer;
     z-index: 10000;
 }

 .ful-img img {
     width: 90%;
     max-width: 600px;
 }

 @media screen and (max-width:400px) {
     h1 {
         text-decoration: none;
     }

     h1::before {
         display: none;
     }

 }