.content-wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.content-wrapper::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: url('../../images/fondo.png') center/cover no-repeat;
  opacity: 0.1;
  z-index: -1;
  pointer-events: none;
  transform: scale(1.2); /* Zoom in. Ajusta el valor según lo que busques */
  transform-origin: center center;
  transition: transform 0.5s;
}

.list-icon_rrss i.bx{
  padding: 0.5rem;
}
.btn-primary {
  color: #fff;
  background-color: #0032A0;
  border-color: #0032A0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}

.btn-primary:hover {
  color: #fff;
  background-color: #0032A0;
  border-color: #0032A0;
  transform: translateY(-1px);
}

a, a:hover{
  color: #0032A0;
}

.form-control:focus, .form-select:focus {
  border-color: #0032A0;
}

.input-group:focus-within .form-control, .input-group:focus-within .input-group-text {
  border-color: #0032A0;
}

.app-brand .layout-menu-toggle {
  background-color: #0032A0;
  border: 7px solid #f5f5f9;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #0032A0;
  background-color: rgba(105, 108, 255, 0.16) !important;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
  background: #0032A0;
}

.text-primary {
  color: #0032A0 !important;
}

.card.card-border-shadow-primary:hover::after {
  border-bottom-color: #0032A0;
}

.card.card-border-shadow-primary::after {
  border-bottom-color: #0032A0;
}

.card[class*=card-border-shadow-]:hover {
  box-shadow: 0 0.25rem 1rem rgba(74, 77, 79, 0.45);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0032A0;
  border-color: #0032A0;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
  border-color: #0032A0;
  background-color: #0032A0;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4);
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #FFF;
  background-color: #0032A0 !important;
  /* background-color: rgba(32, 32, 34, 0.16) !important; */
}