html,
body {
  background-color: #F3F3F3;
}

/* Barra-de-navegacion */

.header {
  width: 100%;
  min-height: 50%;
  /* background-image: url(/images/png/bg_1.png); */
  background-repeat: no-repeat;
  background-position: right;
  background-size: 70%;
  background-attachment: fixed;
}

.video_background {
  width: 40%; 
  min-height: 50%;
  position: absolute; 
  top: 40%; 
  right: 8%; 
}

@media (max-width: 768px) {
  .video_background {
    display: none;
  }
}
/* .header::before {
  content: "";
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(39, 40, 49, 0.1)
  );
} */

.header a {
  color: #0071CE;
}

.header a:hover {
  color: #FFD93B;
  text-shadow: 1px 1px 2px #0b2447;
}

#llamar {
  background-color: #FFD93B;
  color: white;
  letter-spacing: 5px;
  font-size: 18px;
  text-align: center;
  padding: auto;
  text-transform: inherit;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.navbar-edit {
  z-index: 20;
  width: 100%;
}

.border-color {
  border-bottom: solid 5px rgba(165, 215, 232, 0.5);
  box-shadow: 0px 0px 25px #0071CE;
}

@media (max-width: 768px) {
  .header {
    text-align: left;
    background-position: left;
  }

  .text-5 {
    width: 100%;
  }

  .header {
    width: 100%;
    min-height: 100vh;
    background-image: url(/images/png/bg_1.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
    background-attachment: fixed;
  }
}

.tamano {
  min-height: 100vh;
  z-index: 20;
}

.text-1 {
  color: #0b2447;
  font-weight: 500;
}

.text-move {
  color: #FFD93B;
  text-shadow: 1px 1px 1px #FFD93B;
  font-style: normal;
  font-weight: 600;
}

.text-3 {
  color: #576cbc;
}

.text-4 {
  color: #0b2447;
}

.text-iot {
  color: #FFD93B;
  text-shadow: 1px 1px 2px #0b2447;
}

.text-5 {
  color: #0b2447;
  text-align: justify;
}

/* Separador 1 */
#separador1 {
  background-image: linear-gradient(to right,
      #0071CE,
      #0071CE);
  padding-top: 10px;
}

#separador1::after {
  content: "";
  background-color: #0071CE;
  display: block;
  height: 10px;
  width: 50%;
  margin: 0 auto;
  position: relative;
  left: auto;
  margin-top: -40px;
}

#expertos {
  background-color: #0071CE;
  position: relative;
  margin-top: -50px;
  z-index: 10;
  box-shadow: 0px 0px 20px rgba(165, 215, 232, 1);
}

#expertos img {
  position: relative;
  margin-top: -50px;
}

#somos {
  color: #FFD93B;
}

#tech {
  color: aliceblue;
}

/* Servicios */

#caed1,
#caed2,
#caed3 {
  /*Efecto de ampliar carta con hover*/
  border: solid 10px #0071CE;
  border-radius: 20px;
  /* background-color: red; */
  overflow: hidden;
  transition: all ease-out 0.2s;
  text-align: justify;
}

#caed1:hover,
#caed2:hover,
#caed3:hover {
  transform: scale(1.05);
}

#text-ser {
  color: #FFD93B;
}

/* Separador 2 */
#contacto {
  width: 100%;
  height: 8em;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(to right,
      #0071CE,
      #0071CE);

}

#separador2 h3 {
  color: white
}

/* Contactos */

.telefono {
  width: 30px;
  color: #0b2447;
}

#social p {
  color: #0B2447;
}

#contact {
  color: #0b2447;
  letter-spacing: 2px;
}

#through {
  color: #FFD93B;
  letter-spacing: 2px;
}

label {
  color: #0b2447;
}

#send {
  background-color: #FFD93B;
  color: aliceblue;
  font-weight: 600;
  letter-spacing: 1px;
}

#send:hover {
  text-shadow: 1px 1px 2px #0b2447;
}

#exampleFormControlInput1,
#exampleFormControlTextarea1 {
  border: solid 2px #FFD93B;
  color: #0b2447;
  box-shadow: 1px 1px 5px #0071CE;
}

/* Footer */
#footer {
  width: 100%;
  height: 10em;
  overflow: hidden;
  position: relative;
  z-index: 2;
  color: aliceblue;
  background-image: linear-gradient(to right,
      #0071CE,
      rgba(87, 108, 188, 0.7));
}


/* Icono de WhatsApp */

#whatsapp,
#linkedin {
  transition: all ease-out 0.2s;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
}

#whatsapp:hover,
#linkedin:hover {
  transform: scale(1.3);
  text-shadow: 0px 0px 5px black;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}