body {
  font-family: 'Poppins', sans-serif;
}

.tarea-realizada span {
  text-decoration: line-through;
  color: gray;
}

.bg-opacity-1 {
    opacity: 1;
    box-shadow: 10px 10px 39px -22px rgba(0,0,0,1) !important;
-webkit-box-shadow: 10px 10px 39px -22px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 39px -22px rgba(0,0,0,1);
}

.bg-opacity-04 {
    opacity: 0.4;
}

.eliminando {
  opacity: 0;
  transform: translateY(100%) scale(0.2);
  transition: all 0.5s ease;
}

.card-body,
.card-body li {
    border-radius: 5px !important;
}

.btn-purple {
  background-color: #647aff;
  color: #fff;
}

.lista-claro card{
    background-color: #ffffff;
    color: #000000;
}

.card-oscuro .card-body {
    background-color: #343a40;
    border-radius: 5px;
}

.card-oscuro li {
  background-color: #212529;
  color:#f8f9fa;
}

/*****TEMA CLARO*****/
body.tema-claro {
  background-color: #f6f4fb; 
  color: #130d3c; 
}

.tema-claro input {
  border: 2px solid #eeeaf4;
}

.tema-claro .btn-outline-purple {
  border: 2px solid #647aff;
  color:#647aff;
}

.tema-claro .btn-purple {
  background-color: #647aff;
  color: #fff;
}

.tema-claro .btn-warning-0 {
  background-color: #F5BF6E;
  color: #fff;
}

.tema-claro .btn-outline-warning {
  border:2px solid #F5BF6E;
  color: #F5BF6E;
}

.btn-outline-warning-0:hover {
  color: #c69607;
  background-color: transparent;
  border-color: #c69607;
}

.tema-claro .btn-danger {
  background-color: #D95560;
  border: 1px solid #D95560;
}

.tema-claro .btn-outline-danger {
  border: 2px solid #D95560;
}

.card-claro .card-body{
  background-color: #fff;
  box-shadow: 10px 10px 16px -15px rgba(100,122,255,0.1);
  -webkit-box-shadow: 10px 10px 16px -15px rgba(100,122,255,0.1);
  -moz-box-shadow: 10px 10px 16px -15px rgba(100,122,255,0.1); 
}

.card-claro .tarea-realizada {
  background-color: rgb(246,244,251,0.45);
}

.card-claro li {
  background-color: #f6f4fb; 
}

.card-claro .list-group-item {
  color: #130d3c;
}

.card-claro .btn-success {
  background-color: #4EBFBF;
  border: 1px solid #4EBFBF;
}

body.tema-oscuro { background-color: #212529; color: #f8f9fa; }
.card.tema-claro { background-color: #fff; }
.card.tema-oscuro { background-color: #343a40; color: white; }

.tarea-realizada { 
  text-decoration: line-through; 
}