.social{
    position: fixed;  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 50px;
    right: 30px;
    z-index: 10;
    }
    .social img:hover{
    cursor: pointer;
    }


.header{
  background: url(img/header/12.jpg)no-repeat center center/cover;
  background-attachment: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 600px;
  position: relative;
  
  
  
}
.header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   /* background: #031d589d; */
   /* background-color:  rgba(0, 4, 83, 0.658); */
   background: linear-gradient( #010324d3, #0c0e18bb,#000225b6, #000527de);
  /*  background: linear-gradient( #020746b7, #0c0e18bb,#000225f6, #000527d2); */
  z-index: 1;
}
.blue_color{
  color: rgb(48, 102, 173);
}
.blue_green_color{
  color: rgb(4, 146, 182);

}


.header_info{
  width: 50%;
  text-align: end;
  margin-right: 60px;
  
  /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
  /* background: rgba(0,0,0,0.5); */
  /* background: linear-gradient( #020746b7, #0c0e18bb,#000225b9, #000527a4); */
  background: linear-gradient( #020746b7, #0c0e18bb,#000225f6, #000527d2);
  padding: 60px;
  height: auto;
  z-index: 1;
  
}

.header_info h1{
  font-size: 2.7em;
}
.header_info p{
font-size: 20px;
}
.header_img{
  width: 50%;
  z-index: 1;
  
  
  
}
.header_img img{
  height: auto;
  width: 100%; 
}
.header_button{
  width: 150px;
  padding: 10px 20px;
  margin-top: 20px;
  cursor: pointer;

  color: rgb(48, 102, 173); 
  background-color: rgba(0,0,0,0.1);
  box-shadow: 0 0 0.7142857142857143rem #0e698d;
  border: none;
  transition: all ease .3s;
  border-radius: 5px;
}
.header_button a{
 /*  color: rgb(63, 133, 224);  */
 color: rgb(4, 146, 182);
}
.header_button:hover{
  width: 170px;
  
}
.quienes_somos{
  width: 100%;
  height: 400px;
  /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
  /*  background: linear-gradient( #030c8075, #1e213a79,#00098530, #0013a330); */
  /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
  
  
 
}
.quienes_somos_background{
  background: linear-gradient( #020746b7, #0c0e18bb,#10156bb9, #000527a4);
}
.quienes_somos img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* box-shadow: 0 0 0.7142857142857143rem #0e698d; */
  
}
.quienes_somos_flex{
  display: flex;
  justify-content: center;
  align-items: center;
  
  max-width: 1200px;
  margin: auto;

 
  padding: 50px;
  height: 400px;
}
.quienes_somos_info{
  width: 50%;
  margin-right: 20px;
  
}
.quienes_somos_carrusel{
  width: 50%;
  height: 100%;
  }

.quienes_somos2{
  display: flex;
  justify-content: center;
  align-items:center;
  max-width: 1200px;
  margin: auto;
  height: 400px;
  background-attachment: fixed;
    
}
.quienes_somos2_info{
  width: 50%;


  padding: 40px;
  
  
}
.quienes_somos2_img{
width: 50%;
}
.quienes_somos2_img img{
  width: 100%;
  height: auto;
}
.home_img{
  display: flex;
  max-width: 1200px;
  height: 450px;
  background: url(img/header/21.jpg) no-repeat center center/cover;
  background-attachment: fixed;
  background-position-y: 200px;
  margin: auto;
  margin-top: 50px;
  
}

.home_img_info{
  background: linear-gradient( #010429f3, #131424ef,#01032be8, #010630fa);
  padding: 40px;
  width: 50%;

  color:rgb(161, 161, 161);
 

  height: 80%;
}
.home_img img{
  width: 100%;
  height: auto;
}
.vision{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: auto;  
  padding-top: 50px;
  padding-bottom: 50px;
 /*  background: linear-gradient( #010429ec, #0c0e18f5,#000225e0, #000527d7); */
 /* background: linear-gradient( #090a13a9, #0b0b14c4,#191a2bb4, #1a1d31b9); */
 /* background: linear-gradient(#2a308130, #07091830, #151d8530, #090b1b30); */
 
}
.vision_background{
  

}
.vision_info{
  width: 50%;

  padding: 30px;
}
.vision_info p{
  
  
}
.vision_img{
  width: 50%;
  
}
.vision_img img{
  border-radius: 40px;
  width: 100%;
  height: 100%;
  padding: 30px;
  
}


.vision_flex{
  display: flex;
  align-items: center;
  max-width: 1200px;
}
.servicios{
  width: 100%;
  margin: auto;
  

}
.servicios_flex{
  

  width: 100%;
  margin: auto;
  text-align: center;
  background: linear-gradient( #070b3db7, #0c0e18bb,#090c3bb9, #0206205d);
  
}
.servicios_img{
  background: url(img/header/10.png)no-repeat center center/cover;
  width: 100%;
  height: 350px;
  background-attachment: fixed;
}
.servicios img{
   
  cursor: pointer;
  transition: all ease .3s;
}
/* .servicios img:hover{
  transform: scale(1.1);
  
} */
.servicios h1{
  
}

.cap_area_manufactura{
  
}



.des_soft{
 padding-top: 50px;
  justify-content: center;
  background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830);
  
padding: 30px;
  
}
.des_software_img img{
  width: 300px;
  height: 200px;
}
.des_soft_flex{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
  
}
.des_hardware{
  padding-top: 40px;
  padding-bottom: 40px;
/* background: linear-gradient( #757de630, #3f457930,#959cff30, #5d68b830); */
/* background: linear-gradient( #030c8075, #1e213a79,#00098530, #0013a330); */
background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830);
padding: 30px;
}

.des_hardware_flex{
  
  display: flex;
  
  justify-content: center;
  flex-wrap: wrap;
  
}
.des_hardware_flex img{
width: 300px;  
height: 300px;

}
.des_software_img{
  width: 300px;
  height: 300px;
  margin: 20px;
  object-fit: cover;
  
}

.cap_prog_estruct{
  padding: 30px;
  background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830);
 /*  background: linear-gradient( #030c8075, #1e213a79,#00098530, #0013a330); */
 /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
 padding-top: 50px;
 
}
.cap_prog_estruct img{
width: 300px;
height: 200px;

}

.prog_estructurada{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
  
}

.asesoria_esp{
  padding: 30px;
}
.prog_estruct{
  width: 300px;
  height: 300px;
  margin: 20px;
}
.contacto{
  text-align: center;

  background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830);
  padding-top: 50px;
  padding-bottom: 50px;
 
}

.footer{
  width: 100%;
  padding: 50px;
 /*  background-color: #0b3b4e; */
 background: linear-gradient( #010538c7, #16182bce,#000431ce, #020b5cd0);
 /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
 display: flex;
 justify-content: space-around;
 text-align: center;
 gap: 20px;
 font-size: .8em;
}

.footer h1{
  font-size: 1em;
}
.footer p{
  color: rgb(214, 214, 214);

}
.electronica{
  width: 100%;
  background: linear-gradient( #010538c7, #16182bce,#000431ce, #020b5cd0);
  padding: 50px;
 }
.electronica_flex{
  max-width: 1200px;
  margin: auto;
}
.electronica_flex h2{
  text-align: center;
}
.electronica_2{
  text-align: center;
}
.electronica_imgs{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;

}
.electronica_imgs img{
 width: 350px;
 height: 250px;
}
.electronica_img{
 
  margin: 20px;
}

@media(max-width:1200px) {
  .header_info{
    width: 50%;
    text-align: end;
    margin-right: 60px;
    
    /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
    /* background: rgba(0,0,0,0.5); */
    /* background: linear-gradient( #020746b7, #0c0e18bb,#000225b9, #000527a4); */
    background: linear-gradient( #020746b7, #0c0e18bb,#000225f6, #000527d2);
    padding: 60px;
    height: auto;
    z-index: 1;
    
  }
  
  .header_info h1{
    font-size: 2.3em;
  }
  .header_info p{
  font-size: 18px;
  }
  .header_img{
    width: 50%;
    z-index: 1;
    
    
    
  }
  .header_img img{
    height: auto;
    width: 100%; 
  }
  .header_button{
    width: 130px;
    padding: 10px 20px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
    color: rgb(48, 102, 173); 
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 0.7142857142857143rem #0e698d;
    border: none;
    transition: all ease .3s;
    border-radius: 5px;
  }

}

@media(max-width:1100px) {
  .header_info{
    width: 70%;
    text-align: end;
    margin-right: 60px;
    
    /* background: linear-gradient( #2c2f5a30, #1e213a30,#959cff30, #5d68b830); */
    /* background: rgba(0,0,0,0.5); */
    /* background: linear-gradient( #020746b7, #0c0e18bb,#000225b9, #000527a4); */
    background: linear-gradient( #020746b7, #0c0e18bb,#000225f6, #000527d2);
    padding: 60px;
    height: auto;
    z-index: 1;
    
  }
  
  .header_info h1{
    font-size: 2.3em;
  }
  .header_info p{
  font-size: 18px;
  }
  .header_img{
    width: 30%;
    z-index: 1;
    
    
    
  }
  .header_img img{
    height: auto;
    width: 100%; 
  }
  .header_button{
    width: 130px;
    padding: 10px 20px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
    color: rgb(48, 102, 173); 
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 0.7142857142857143rem #0e698d;
    border: none;
    transition: all ease .3s;
    border-radius: 5px;
  }
}

@media(max-width:720px) {
  .header{
    background: url(../public/header/12.jpg)no-repeat center center/cover;
    background-attachment: fixed;
    width: 100%;
   
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 550px;
    position: relative;
    
       
  }

  .blue_color{
    color: rgb(48, 102, 173);
  }
  .blue_green_color{
    color: rgb(4, 146, 182);
  
  }
  .header_info{
    text-align: start;
    width: 100%;
    
    background: linear-gradient( #020746b7, #0c0e18bb,#000225f6, #000527d2);
    padding: 40px;
    height: auto;
    z-index: 1;
    margin-top: 50px;
    
  }
  
  .header_info h1{
    font-size: 1.8em;
  }
  .header_info p{
  font-size: 16px;
  }
  .header_img{
    width: 10%;
    z-index: 1;
    
    
    
  }
  .header_img img{
    height: auto;
    width: 100%; 
  }
  .header_button{
    width: 130px;
    padding: 10px 20px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
    color: rgb(48, 102, 173); 
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 0.7142857142857143rem #0e698d;
    border: none;
    transition: all ease .3s;
    border-radius: 5px;
  }
  .quienes_somos{
    padding-top: 170px;
    
  }
  
  .quienes_somos_flex{
    padding-bottom: 170px;
    width: 100%;
    display: flex;
    flex-direction: column; 
  }
  .quienes_somos_info{
    width: 100%;  
  }
  .quienes_somos_carrusel{
    width: 100%;
   
      }
      .home_img{
        display: flex;
        max-width: 1200px;
        height: 450px;
        background: url(../public/header/21.jpg) no-repeat center center/cover;
        background-attachment: fixed;
        background-position-y: 200px;
        margin: auto;
        margin-top: 200px;
        
      }
      
      .home_img_info{
        background: linear-gradient( #010429f3, #131424ef,#01032be8, #010630fa);
        padding: 30px;
        width: 100%;
        color:rgb(161, 161, 161);     
        text-align: justify; 
        
      }
      .home_img img{
        width: 100%;
        height: auto;
      }
      .vision{

        justify-content: center;
        align-items: center;
        width: 100%;
        margin: auto;  
        padding-top: 50px;
        padding-bottom: 50px;
        
      }
      .vision_background{   
      }
      .vision_info{
        width: 100%;
        padding: 30px;
      }
      .vision_info p{
      }
      .vision_img{
        width: 100%;
        
      }
      .vision_img img{
        border-radius: 40px;
        width: 100%;
        height: 100%;
        padding: 30px;
        
      }
      
      
      .vision_flex{
        display: flex;
        align-items: center;
        max-width: 1200px;
        flex-direction: column;
      }
      .footer{
     
      }
      
    }