@charset "UTF-8";
/* Variables */
/* Código CSS nuevo */
h1, h2, h3, h4, h5, h6, strong {
  color: #9f8770;
}

.btn-primary {
  background-color: #9f8770;
  border-color: #9f8770;
}
.btn-primary:hover {
  background-color: #af9e88;
  border-color: #af9e88;
}
.btn-primary:active {
  background-color: #9f8770 !important;
  border-color: #af9e88 !important;
}

.btn-link {
  color: #9f8770;
}
.btn-link:hover {
  color: #af9e88;
}
.btn-link:active {
  color: #9f8770 !important;
}

.btn-group button {
  color: #9f8770;
  border: 1px #9f8770 solid;
}
.btn-group button:hover {
  background-color: #9f8770;
  border-color: #9f8770;
}
.btn-group button:active {
  background-color: #af9e88 !important;
  border-color: #af9e88 !important;
}

.text-bg-dark {
  background-color: #2b221f !important;
}

.dropdown-menu-dark {
  background-color: #52443c;
}

.nav-link:hover {
  background-color: #52443c;
}
.nav-link:active {
  background-color: #9f8770 !important;
}

.active {
  background-color: #9f8770 !important;
}

.nav-pills .show > .nav-link {
  background-color: #9f8770 !important;
}

/* Animaciones */
.nav-link svg {
  transition: all 1s;
}

.nav-link:hover svg {
  transform: scale(1.3);
}

.active svg {
  transform: scale(1.3);
}

@keyframes rotacion {
  100% {
    transform: rotate(360deg);
  }
}
#logo {
  animation-name: rotacion;
  animation-duration: 10s;
}

/* Código CSS anterior import */
.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav__mobil {
  display: none;
}

.nav__desktop {
  height: 100vh;
  position: fixed;
}

.nav__margin {
  margin-left: 280px;
  margin-bottom: 30px;
}

.flex {
  display: flex;
}

h1 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 600px) {
  .nav__desktop {
    display: none !important;
  }
  .nav__mobil {
    display: block;
  }
  .flex {
    flex-direction: column;
  }
  .nav__margin {
    margin-left: 0px;
    margin-bottom: 30px;
  }
}

/*# sourceMappingURL=styles.css.map */