*{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;

}



/*----------------Proyectos body--------------*/

.proyectos-body{
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 70px;
  flex-direction: column;
  align-items: flex-end;
}
/*---------------Fin proyectos Body--------------*/



/*-----------------------Nav lateral-----------------------*/
.nav-lateral{
  width: 15%;
  top: 150px;
  left: 5%;
  position: fixed;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 1px solid #c5c5c5;
  background: white;
}
.nav-lateral-title{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
}

.divider{
  width: 100%;
  height: 1px;
  background: #c5c5c5;
  margin-bottom: 10px;
}

.ancla{
text-decoration: none;
color: #699af5;
margin-bottom: 10px;
font-size: .8em;
}

/*----------------------Fin Nav lateral--------------------*/

/*----------------------Proyecto------------------------------*/

.proyecto-wrapper{
  width: 65%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-right: 10%;
}

.proyecto-title{
  font-size: 2em;
  color:#004BA0;
}

.proyecto-description{
  margin-bottom: 30px;
}

.table-wrapper{
  display: grid;
  grid-template-columns: 2fr 1fr ;
  grid-template-rows: auto auto ;
  margin-top: 10px;

}
.row-title {
  background: #CEF3FE;
  border: 1px solid #56a9fc8e;
  padding: 10px;
  color: #004BA0;
  font-size: 1.2em;

}

.row-description{
  display: flex;
  flex-direction: column;
  border: 1px solid #56a9fc8e;
  padding: 10px;

}

.row-description-title{
  font-size: 1.2em;
  color: #004BA0;
  margin-bottom: 10px;
}

.row-description-text{
  display: flex;
  flex-direction: column;
}

.divider-proyecto{
  width: 100%;
  height: 1px;
  background: rgb(207, 207, 207);
  margin: 50px 0;
}


.card-progress-wrapper {
  display: flex;
  justify-content: center;
}

img.progress-img {
  width: 100%;
}

.splide, .splide2,.splide3,.splide4,.splide5,.splide6,.splide7{
  margin-top: 20px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.ancla1{
  width: 100%;
  height: 20px;
}

.links-grandes{
  font-size: 1.3em;
}
/*--------------------Fin de proyecto-------------*/





@media only screen and (max-width: 1000px) {
/*----------------Proyectos body--------------*/
/*---------------Fin proyectos Body--------------*/

/*-----------------------Nav lateral-----------------------*/
/*----------------------Fin Nav lateral--------------------*/

/*----------------------Proyecto------------------------------*/
/*--------------------Fin de proyecto-------------*/






}/*1000PX*/



/*Tablet*/
@media only screen and (max-width: 768px) {

   
/*----------------Proyectos body--------------*/
/*---------------Fin proyectos Body--------------*/

/*-----------------------Nav lateral-----------------------*/
/*----------------------Fin Nav lateral--------------------*/

/*----------------------Proyecto------------------------------*/
/*--------------------Fin de proyecto-------------*/




}/*fin tablet*/