.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;
}
#intro-galeria img{
  width: 332px;
  height: 400px;
}
.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: 19px 19px 0px 0px;
}

.card{
  border-radius: 20px;
  -webkit-box-shadow: inset 4px -7px 22px -3px rgba(166,166,166,0.78);
 -moz-box-shadow: inset 4px -7px 22px -3px rgba(166,166,166,0.78);
 box-shadow: inset 4px -7px 22px -3px rgba(166,166,166,0.78);
 }
 .card-body h3{
   color: #a50505;
 }
 .card-text{
   color: rgb(97, 97, 97);
   text-align: justify
   ;
 }
/*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;
 }