section{
    
    width: 100%;
    padding: 0px;
    background-color: #ffffff;
    background-size: cover;
    z-index: 2;
}

.title_style{
  color: beige;
  font-size: 35px;
  text-align: center;
}

.container__footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1600px;
    margin:0px;
    margin-top: 20px;
    
}

.box__footer{
    display: flex;
    flex-direction: column;
    padding: 10px;
    
}



.box__footer h2{
    margin-bottom: 5px;
    color: #000000;
    font-weight: 1000;
    font-size:x-large;
    text-align: center;
}

.box__footer a{
    margin-top: 10px;
    /* color: #290ccc; */
    background: linear-gradient(#537ff0, #235793);
    font-weight: 500;
}

.box__footer a:hover{
    opacity: 0.2;

}

.box__footer a .fab{
    font-size: 70px;
}

.box__footer p{

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}



.container_card {
    padding: 30px;
    display: flex;
    flex: 10;
    justify-content: space-around;
    flex-wrap: wrap;
    
  }
  
  .card {
    margin: 5px;
    width: 350px;
    height: 400px;
    padding: 0px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.56);
  }
  
  .card:nth-child(1) {
    /* background-color: #11135a; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
    
  }
  
  .card:nth-child(2) {
    /* background-color: #11135a; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
  }
  
  .card:nth-child(3) {
    /* background-color: #11135a; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
  }

  
  
  .card .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    z-index: 1;
  }
  
  .card:nth-child(1) .icon {
    /* background: #191D88; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
  }
  
  .card:nth-child(2) .icon {
    /* background: #191D88; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
  }
  
  .card:nth-child(3) .icon {
    /* background: #191D88; */
    background: linear-gradient(rgb(69, 194, 255), rgb(0, 13, 91));
  }


  
  .card:hover .icon {
    top: 20px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  
  .card .icon i {
    color: rgb(255, 255, 255);
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
    z-index: 1
  }
  
  .card:hover .icon i {
    font-size: 40px;
  }
  
  .card .details {
    position: absolute;
    height: calc(100% - 120px);
    text-align: center;
    padding: 20px;
    top: 100px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 2.8rem;
  }



		.social{
			/* /las imágenes usadas tienen width de 48px/ */
			width:48px;
			position:fixed;
			top:50%;
			right:0;
		}

        .social_footer{
            padding: 0%;
            margin: 0;
            width: 40px;
            
        }

.footer-icons a{
          display: inline;
          width: 35px;
          height: 35px;
          /* cursor: pointer; */
          /* background-color:  #064b77; */
          border-radius: 2px;
      
          font-size: 40px;
          color: #ffffff;
          text-align: center;
          line-height: 30px;
          
      
          margin-right: 3px;
          margin-bottom: 3px;
      }