/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: darkgrey;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }


/* Categorias Work-Cards */ 

.selected-category{
  background-color: #262320 !important; /* Fondo más oscuro para el seleccionado */
  color: whitesmoke !important; /* Texto en blanco */
  border: 2px solid #262320 !important; /* Borde acorde al fondo */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.8) !important;  /* Sombra más intensa y elevada */
  transform: translateY(-5px) !important; /* Elevación del botón */
  pointer-events: none !important;
  transform: translateY(-3px) !important;


}


.animate__animated.animate__bounceIn {
  --animate-duration: 1.6s;
}

.work-cards {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.work-cards.animate__bounceIn {
  opacity: 1;
  visibility: visible;
}