@font-face {
    font-family: monserrat-regular;
    src: url(fuentes/Montserrat-Regular.otf);
}

body{
 
    position: relative;
    min-height: 100vh;
    padding-bottom: 120px;
    margin: 0;
    font-family: 'monserrat-regular';
    background-color: rgba(0, 88, 128,.8);
    /*background-color: white;*/
    
}

.header{
   background-image: url(img/silueta_diseño4.jpg) ;
   
    /*height: 100vh;*/
}

.header2{
    background-image: url(img/silueta_diseño5.jpg) ;
    
     /*height: 30vh;*/
 }

.pie-pagina{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #024B7E;
}

.carta-proyecto:hover{
transform: scale(1.05);
transform: translateY(-15px);

}

.cuerpo-modal{
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
}

#modal3 i{
    color: #024B7E;
}
#modal4 i{
    color: #024B7E;
}
#modal5 i{
    color: #024B7E;
}

.card-header2{
    background-color: #483d8b; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: -20px; 
    z-index: 100;
    width: 60%;
}

.img-card2{
    border: 4px solid #483d8b;
    backdrop-filter: blur(100px);
    max-width: 100%;
    height: auto;
}

.servicio-collapse{
    background-color: rgba(72, 61, 139,.0) ;
    backdrop-filter: blur(100px);
    color: #024B7E;
    border: 4px solid #483d8b;
}

.lista{
    font-size: 15px;
    background-color: white;
}
.lista li{
   /* border: 2px solid #483d8b;*/
   border: none;
   color: white;
   padding: 5px;
}

.lista li i{
    font-size: 10px;
    
}