@charset "UTF-8";
/*!
 * Theme: qropay (SLM) — QroPay · tema CLARO
 * Primario azul marino #0F1B4C (wordmark "roPay") · cian de marca #1CA3DE (isotipo "Q"),
 * gradiente #1CA3DE → #1690C6 → #0F7CAA en decorativos
 * Package: DashLite v3.2.3
 * Tipografía: pila de sistema (la marca no define tipografía propia)
 * Author: SLM
**/
body.nk-body {
  background: #F6F8FB;
  color: #0F1B4C;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}

.nk-app-root, .nk-main, .nk-wrap, .nk-content {
  background: transparent;
}

a {
  color: #0F1B4C;
}

a:hover {
  color: #24346F;
}

.text-primary {
  color: #0F1B4C !important;
}

.bg-primary {
  background-color: #0F1B4C !important;
  color: #ffffff !important;
}

.text-muted, .text-soft {
  color: #5A6478 !important;
}

.card {
  background: #ffffff;
  border-radius: 16px;
}

.card-bordered {
  border-color: #E2E8F0;
}

.nk-header.is-light {
  background: #ffffff;
  border-bottom-color: #E2E8F0;
}

.dropdown-menu, .modal-content, .popover {
  border-radius: 12px;
}

.btn {
  border-radius: 12px;
}

.btn-primary,
.btn-primary:focus,
.show > .btn-primary.dropdown-toggle {
  background: #0F1B4C !important;
  border-color: #0F1B4C !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #24346F !important;
  border-color: #24346F !important;
  color: #ffffff !important;
}

.btn-primary:disabled, .btn-primary.disabled {
  opacity: 0.5;
}

.btn-outline-primary {
  color: #0F1B4C !important;
  border-color: #0F1B4C !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background: #0F1B4C !important;
  border-color: #0F1B4C !important;
  color: #ffffff !important;
}

.btn-accent {
  background: #1CA3DE !important;
  border-color: #1CA3DE !important;
  color: #0F1B4C !important;
  border-radius: 12px;
}

.btn-accent:hover {
  background: #1690C6 !important;
  border-color: #1690C6 !important;
}

.badge-primary {
  background: #1CA3DE !important;
  color: #0F1B4C !important;
}

.badge-outline-primary {
  color: #0F1B4C !important;
  border-color: #1CA3DE !important;
}

.progress-bar,
.dot-primary,
.noUi-connect,
.nav-tabs .nav-link:after,
.card-tools-nav li a:before {
  background: linear-gradient(120deg, #1CA3DE 0%, #1690C6 55%, #0F7CAA 100%) !important;
}

.badge-success {
  background: #047857 !important;
  color: #ffffff !important;
}

.dot-success {
  background: #059669 !important;
}

.text-success {
  color: #047857 !important;
}

.alert-success {
  background: rgba(5, 150, 105, 0.14);
  border-color: #047857;
  color: rgb(0.1492726123%, 4.4781783681%, 3.2466793169%);
}

.nk-menu-item.active > .nk-menu-link,
.nk-menu-item.current-menu > .nk-menu-link,
.nav-tabs .nav-link.active {
  color: #0F1B4C !important;
}

.nk-menu-icon {
  color: #5A6478;
}

.form-control,
.form-select,
.custom-select {
  background: #F8FAFC;
  border-color: #CBD5E1;
  border-radius: 12px;
  color: #0F1B4C;
}

.form-control::placeholder {
  color: #94A3B8;
}

.form-control:focus,
.form-select:focus {
  background: #ffffff;
  border-color: #0F1B4C;
  box-shadow: 0 0 0 3px rgba(28, 163, 222, 0.28);
  color: #0F1B4C;
}

.form-control[readonly], .form-control:disabled {
  background: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  color: #5A6478;
}

.input-group-text {
  background: #F8FAFC;
  border-color: #CBD5E1;
  color: #5A6478;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #0F1B4C !important;
  border-color: #0F1B4C !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 3px rgba(28, 163, 222, 0.28);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background: #ffffff !important;
}

.link-primary, .btn-link {
  color: #0F1B4C !important;
}

.link-primary:hover, .btn-link:hover {
  color: #24346F !important;
}

.user-avatar, [class^=user-avatar]:not([class*=-group]) {
  background: #0F1B4C;
  color: #ffffff;
}

.text-info, .text-accent {
  color: #0B6A93 !important;
}

.card .text-info, .card .text-accent, .modal .text-info {
  color: #0F7CAA !important;
}

.badge-info {
  background: #1CA3DE !important;
  color: #0F1B4C !important;
}