:root {
  --bs-primary: #3a48a9;
  --bs-secondary: #d4448a;
}

a {
  cursor: pointer;
}

a.card:hover {
  text-decoration: none;
}

a.card.shadow {
  transition: box-shadow 0.2s ease-in-out;
}

a.card.shadow:hover {
  box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.175) !important;
}

.bg-gradient-primary {
  background: var(--bs-secondary);
  background: -webkit-linear-gradient(-135deg,
      var(--bs-secondary),
      var(--bs-primary));
  background: -o-linear-gradient(-135deg,
      var(--bs-secondary),
      var(--bs-primary));
  background: -moz-linear-gradient(-135deg,
      var(--bs-secondary),
      var(--bs-primary));
  background: linear-gradient(-135deg, var(--bs-secondary), var(--bs-primary));
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.sidebar .sidebar-brand {
  background: #fff;
  color: #858796;
}

.sidebar .sidebar-brand img {
  max-width: 100%;
}

.htmx-mostrar {
  display: none !important;
}

.htmx-request .htmx-mostrar {
  display: flex !important;
}

.htmx-request.htmx-mostrar {
  display: flex !important;
}

.htmx-request .htmx-ocultar {
  display: none !important;
}

.htmx-request.htmx-ocultar {
  display: none !important;
}

[x-cloak] {
  display: none !important;
}