*{
  font-family: Cabin, sans-serif;
 
}

.navbar-scrolled {
  background-color: rgba(0, 0, 0, 0.852) !important;

  transition: background-color 0.3s ease-in-out;
}

.navbar-nav .nav-item:hover .nav-link {
  border-bottom: 2px solid rgb(234, 221, 221);
 
}
.nav-item{
  font-size: 13px;
}

#mainNav{
  background: #00000005;
}

.collapse.navbar-collapse.nav-link{
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.dropdown-item span{
  font-size: 12px;
  color: black;
}

footer{
  max-height: 10%;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .navbar {
    background-color: rgba(0, 0, 0, 0.789) !important;
  }

  .nav-item{
    font-size: 16px;
  }

  .navbar-collapse.show {
    background-color: rgba(0, 0, 0, 0.889) !important;
    overflow-y: auto;
  }

  .junta{
    margin-top: 100px;
  }

  footer{
    max-height: 90%;
  }

}

.ptext{
  max-width: 400px !important;
}

.ptext p{
  font-size: 13px;
}

#about{
  background: #161515fa;
}

.borde{
  width: 60%;
  border-bottom: 2px solid rgb(50, 1, 244);
}


.item-seds{
  background: rgba(44, 43, 43, 0.249);
  border-radius: 14px;
  border-bottom-style: solid;
  border-bottom-color: var(--bs-blue);
  margin-bottom: 40px;
}

.sombra{
  box-shadow: 15px 15px 0px var(--bs-form-invalid-color);
  border-right-style: none;
  border-bottom: 15px none var(--bs-form-invalid-color);
}


.botonseds{
  background: linear-gradient(91deg, rgb(240,8,34) 0%, rgb(0,50,167) 84%);
  border-radius: 50px !important;
  color: var(--bs-body-bg);
  width: 75%;
}


/* style de la pagina de competencias... */

.competencias__contenido {
  
  background: #0F0F0F;

}

#competencias--body {
  background: #0F0F0F;
}

.competencias__texto {
  text-align: justify;
}

.comperencias__sidebar {
  margin: 0% 1% 1% 3%;
  width: 30%;
  height: 900px;
  border-right: 1px solid #ABABAB;
  border-left-width: 1.5px;
  
}

.filtros__item {
  height: 80%;
}

.filtros__aplicados--header i:hover{
  cursor: pointer;
}

.filtros__aplicados--body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 19px;
  column-gap: 5px;
}

.filtros__aplicados--borde {
  width: 90%;
  margin: 0 0 0 5%;
  border-bottom: 1px solid #ABABAB;
}

.rectangle--blue {
  width: 100px;
  height: auto;
  padding: 1px;
  border-radius: 10px;
  background: #0A66C2;
}

.rectangle--blue i:hover {
  cursor: pointer;
}

.filtros__n {
  background-color: #0F0F0F;
  width: 80%;
  margin: 0 0 0 10%;
}

.filtros__n--header .filtro__title {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}

.filtros__n--header .abajo:hover {
  cursor: pointer;
}

.filtros__n--body .marcos {
  width: 85px;
  height: auto;
  border: 1px solid #ABABAB;
}

.filtros__n--body .marcos:hover {
  cursor: pointer;
}

.filtros__n--body .marcos:active{
  animation: animacion-tamaño 1s infinite;
}

.competencias__caja {
  margin: 0% 3% 5% 2%;
  border-radius: 15px;
  width: 70%;
  height: 900px;
  border: 1px transparent #ABABAB;
  border-left-width: 1.5px;
  /* overflow: auto; */
} 

.competencias__caja--n {
  border-radius: 15px;
  height: auto;
  background: #242424;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.competencias__caja--n .card-title {
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.competencias__caja--n .caja--texto {
  color: #FFF;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
  text-transform: capitalize;
}

.competencias__caja--n .boton{
  border-radius: 30px;
  border: 1px;
  background: linear-gradient(90deg, #F00822 11.46%, #0032A7 100%);
  display: flex;
  padding: 5px 20px;
  align-items: flex-start;
  color: #FFF;
  gap: 8px;
}

.competencias__caja--n .boton:active{
  animation: animacion-tamaño 1s infinite;
}

@keyframes animacion-tamaño {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

/* scrollbar */

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: #3C3C3C;
  border-radius: 10px;
}