
header{
  width: 100%;
}
.nav-principal {
  position: fixed; 
  top:0;
  left: 0;
  width: 100%;
  z-index: 1;
}

body{
  width:100%;
  background-image: url(../img/obreros.jpg);
  background-attachment: fixed;
}

.subfondo {
  width: 100%;
  background-color: rgba(58, 61, 66, 0.95);

}

#barra{
  background-color: rgba(258, 61, 66, 0);
  }

.logo_impulsar{
  width: 80%;
}

#impulsar{
    margin:0%;
    width: 100%;
    font-size: 40px;
    font-family: audiowide;
    color:#747678;
    padding-bottom: 0px;
}
#hst{
  color: #2C5697;
  font-family: audiowide;
  font-weight:500;
  position: relative;
  top:-10px;
  flex-wrap: wrap;
}
.consulta_w_a{
  background-color: #25D366;
  color: #fafafa;
  font-size: 20px;
}

.consulta-gratis{
  color:white;
}

.logo_whats_app{
  width: 25px;
}

#Inicio {
  background-color: #CFDEF5;
}

#Introduccion{
  background-color: #B8CCED;
}

#Servicios{
  background-color: #A0B9E2;

}

#Accesoclientes{
  background-color: #88A5D4;

}
#nav-introduccion, #nav-servicios, #Inicio, #Accesoclientes{
  transition: color 500ms;
  transition: background-color 1000ms;
  transition: transform 300ms;
  }

#nav-introduccion:hover, #nav-servicios:hover, #Inicio:hover, #Accesoclientes:hover{
  color:#000;
  background-color: #ffc300;
  font-family: audiowide;
}
.espacio {
  width: 100%;
  height: 130px;
}
.contenedor-titulos{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titulos-principales{
  width: 80%;
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: center;
  font-family:audiowide; 
  font-size: 45px ;
  color: #fafafa;
  background-image: linear-gradient(45deg, #19181E,#403E2B,#19181E,#19181E,#19181E,#403E2B,#19181E);
  opacity: 65%;
}

.contenedor_servicio_2{
  display: flex;
  justify-content:center;
  flex-wrap:wrap;
}
.tarjeta_2{
  width: 35%;
  position: relative;
  margin: 10px;
  border: 2px solid; 
}

.tarjeta_2:hover{
    border: solid #ffc300 2px;
    transition: border 500ms;
    }

.logo_whats_app_tarjeta{
  width: 50px;
}

.contenedor_imagen_w-a{
  position: absolute; 
  top: 0; 
  right: 0; 
  background-color: rgba(0, 0, 0, 0.5); 
  padding: 20px;
  border-radius: 30px;
  margin: 10px;
  opacity: 0.5;
}

.contenedor_imagen_w-a:hover{
  opacity: 1;
  transition: opacity 100ms;
  }


.texto-tarjeta{
  position: absolute; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  background-color: rgba(0, 0, 0, 0.5); 
  font-size: 18px;
  color: white; 
  padding: 20px;
}

.titulo-tarjeta{
  font-size: 24px;
}

.espacio_entre_tarjetas{
  width: 100%;
  height: 25px
}
.img_servicios_2{
  width: 100%;
  background-size: cover;
} 

.espaciopieservicios{
  width: 100%;
  height: 150px;
}

.texto{
  color:#fafafa;
  width: 100%;
  display: flex;
  justify-content: center;
}

.espacio_fin_tarjetas_sectores{
  height: 100px;
}


.espacio_inicio_teoria{
  height: 250px;
}


.teoria{
  width: 70%;
}

.teoria h3{
  font-family: audiowide;
  font-size: 25px;
  margin-top: 50px;
}

.texto p, li{
  text-align: justify;
}

.nav-item{
  width: 150px;
  padding-left: 5px;

}

.dropdown-menu{
  width:fit-content;
}

.espacio-final-teoria{
  height: 150px;
}



.espacio-final{
  height: 450px;
}

.row-footer{
  width: 100%;
}
footer{
  height: 350px;
  width: 100%;
  background-color: #000;
}

.footer-contenedor-imagen{
  width: 25%;
  margin: 10px;
  padding: 20px;
}
.logo_impulsar_footer{
  width: 100%;
}
.datos-empresa{
  width: 50%;
  color:#fafafa;
  margin: 10px;

}
.footer-contenedor-imagen-w-a{
  width: 10%;
}
.logo_w-a{
  width: 100%;
}









@media (min-width: 1400px){
.logo_impulsar{
  width: 50%;
}
.tarjeta_2{
  width: 25%;
}
.titulos-principales{
  width: 55%;
  font-size: 30px ;
 }
}






@media (max-width: 980px) {
  nav li{
    font-size: 16px;
  }
  .nav-link{
    height: 40px;
  }
  .nav-item{
    width: 100%;
    padding-left: 5px;
  }
  .dropdown-item{
    height: 40px;
  }
  ul.navbar-nav{
    align-items: center;
  }
  .espacio {
  height: 40px;
  }
  .titulos-principales{
  width: 90%;
  font-size: 20px ;
 }
  .contenedor_servicio_2{
  justify-content:space-around;
}
  .tarjeta_2{
  width: 45%;
  margin: 10px;
  border: 1px solid; 
}

.tarjeta_2:hover{
    border: solid #fafafa 1px;
    transition: border 500ms;
    }

.logo_whats_app_tarjeta{
  width: 24px;
}

.contenedor_imagen_w-a{
  padding: 5px;
  border-radius: 10px;
  margin: 5px;
}

.texto-tarjeta{
  padding: 5px;
}

.titulo-tarjeta{
  font-size: 16px;
}
.cuerpo-tarjeta{
  display: none;
}
.teoria{
  width: 90%;
  font-size: 16px;
}

.footer-contenedor-imagen{
  display: none;
  width: 100%;
  margin-left: 10px;
  padding: 4px;
}

.logo_impulsar_footer{
  width: 25%;
}
.datos-empresa{
  width: 100%;
  color:#fafafa;
  margin: 10px;
}
.footer-contenedor-imagen-w-a{
  width: 10%;
}
.logo_w-a{
  width: 100%;
}
}