html body{
    font-family: "Kumbh Sans";
    --bs-body-bg: #1d2e65;
}
@media (min-width: 992px) {
    html body{ 
        --bs-body-bg: #16142c;
    }
} 

* {
    scrollbar-width: auto !important;
    scrollbar-color:  #1d2e65 #16142c !important;    
}
 


/* Modal */ 

.modal .modal-dialog .modal-content {
  border-radius: 0 !important;
  background: #16142c !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.9), 0 8px 16px rgba(0,0,0,.9) !important;
}

.modal .modal-dialog .modal-content .modal-body h2 {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.modal .modal-dialog .modal-content .modal-body p {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #3c72fc !important;
} 


/* Botones */
.btn {
  border-radius: 0 !important;
  border: 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

.btn-primary {
  background: linear-gradient(90deg, #3c72fc -11%, #00060c 301%) !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .25) !important;
}

.btn-primary:disabled {
  background: #7a7b89 !important;
  color: #b4b4ba !important;
  border: 1px solid #7a7b89 !important;
}

.btn-primary:hover {
  background: #3c72fc !important;
}

.btn-secundario {
  color: #f3f7fb !important;
  background: #1d2e65 !important;  /*16142c*/
  border: 1px solid transparent !important;
}

.btn-secundario:hover {
  background: #3c72fc !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}