*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  
}
.container-fluid{
  width: 96%;
  margin: auto;
}
/* ESTILO DE MENU DE NAVEGACION */
#menu-area{
  transition: background 0.7s;
}
#menu-area.cus-nav{
  background: rgb(0,195,237);
  background: linear-gradient(90deg, rgba(0,195,237,0.45451684091605393) 3%, rgba(6,0,117,0.7290266448376226) 96%);
   
}
.navbar{
  background-color: #898888;
  padding: 0px;
}
.navbar li a{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  margin-right: 45px;
}
.navbar a:hover{
  background-color: #B3272D;
  color: #FFFFFF;
}
.imgicono{
  width: 105px;
  margin-right: 150px;
}
.navbar-toggler-icon{
  background-image: url('../img/Vector@2x.png');
}
.dropdown-menu{
  background: #B3272D;
  opacity: 0.8;
}
.dropdown-item{
  border-bottom: 1px solid white;
}
.galeriacuerpo{
  
  background: rgb(3,15,118);
background: linear-gradient(90deg, rgba(3,15,118,1) 2%, rgba(0,136,186,1) 100%);
}
h1{
  font-weight: 400;
  text-align: center;
  padding: 20px 0;
  font-size: 40px; 
  color: white;
    
}
.linea{
  background: white;
  height: 6px;
  width: 100%;
  display: block;
  
}
.galeria{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  width: 95%;
  margin: auto;
  grid-gap: 10px;
  padding: 40px 0;
  overflow: hidden;
}
.galeria > a{
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  /* box-shadow: 0 0 6px rgba(0, 0, 0, .5); */
}
.galeria img{
  width: 100%;
  vertical-align: top;
  height: 300px;
  object-fit: cover;
  transition: transform 0.5s;
  box-shadow: 0 0 6px rgba(49, 48, 48, 0.5);
  border-radius: 3%;
}

.galeria a:hover img{
  filter: blur(3px);
  transform: rotate(1deg) scale(1);
}
.light-box{
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(1, 17, 68, 0.726);
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  transform: scale(0);
  transition: transform .4s ease-in;
}
.light-box img{/* CAMBIAR EL TAMANO DE LAS IMAGENES */
  width: 75vw;
  max-height: 95vh;
  box-shadow: 0 0 16px rgba(255, 249, 249, 0.5);
  border-radius:20px;
}
.light-box:target{
  transform: scale(1);
}
.close{
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  background: #851919;
  color: #fff;
  text-decoration: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(250, 250, 250, 0.527);
}
.close:hover{
  color: #851919;
  background: white;
}
.next{
  display: block;
  background: #851919;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  margin: 0px 20px;
  box-shadow: 0 0 6px rgba(250, 250, 250, 0.5);
}
.next:hover{
  color: #851919;
  background: white;
}
/*DISEÑO DEL FOOTER */
footer{
  background-color: #898888;
  position: relative;
  padding: 56px 0px;
  
 }
 
 footer img{
   position: absolute;
   width: 143px;
   height: 200px;
   right: 370px;
   top: 20px;
 }
 footer:hover{
   position: relative;
   background-image: url('../img/Footer.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   padding: 56px 0px;
 }
 @media (max-width: 1596px){
   footer img{
     display: none;
   }
 }
 @media (max-width: 1210px){
   .iconosredes{
     width: 60%;
     margin: auto;
   }
   }
   @media (max-width: 686px){
     .iconosredes{
       width: 100%;
       margin: auto;
     }
     }
    
 footer h3{
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   text-align: center;
   color: black;
 }
 footer h3:hover{
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   text-align: center;
   color: #ffffff;
 }
 footer h4{
   font-family: Segoe UI;
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   text-align: center;
   color: black;
 }
 footer h4:hover{
   font-family: Segoe UI;
   font-style: normal;
   font-weight: 400;
   font-size: 20px;
   text-align: center;
   color: #ffffff;
 }