body{
    background-color: #201B27!important;
}

.form-control{
    background-color: #201B27!important;
}

.form-control:focus,.form-select:focus{  border-color:#8456D9!important; }

/* Inicio Boton */
:root {
  --bg-dark: #1b1820;
  --primary-purple: #6f4df0;    
  --btn-bg: #ffffff;            
  --btn-text: #111827;
  --btn-active-bg: #efedf6;     
  --btn-disabled-bg: #eeeeee;
  --btn-disabled-text: #bdbdbd;
  --btn-radius: 10px;
  --btn-padding-y: 18px;
  --btn-padding-x: 14px;
  --btn-shadow: 0 8px 18px rgba(11,10,13,0.45);
  --btn-elev-shadow: 0 14px 28px rgba(11,10,13,0.28);
}

.btn.btn-light.p-2 {
  display: inline-block !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding-y) var(--btn-padding-x) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  box-shadow: var(--btn-shadow) !important;
  cursor: pointer !important;
  margin: 6px 0 !important;
}

.btn.btn-light.p-2:hover:not(:disabled) {
  color: var(--primary-purple) !important;
  box-shadow: var(--btn-elev-shadow) !important;
}

.btn.btn-light.p-2:focus {
  outline: 3px solid rgba(111,77,240,0.14) !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 6px rgba(111,77,240,0.06) !important;
}

/* Final Boton */

.form-check-input:checked{
     background-color: #8456D9!important;
     border-color:#8456D9!important;
}
/* INICIO Recuperar Contra*/
.form-container{
        max-width: 450px!important;
    margin: 5% auto!important;
    background-color: var(--bs-dark-bg-subtle)!important;
    background-color: #25232F!important;
    padding: 3rem!important;
    border-radius: 1rem!important;
    box-shadow: 0 0 4px rgba(226, 205, 205, 0.4)!important;
}


:root {
  --bg-dark: #1b1820;
  --primary-purple: #6f4df0;    
  --btn-bg: #ffffff;            
  --btn-text: #111827;
  --btn-active-bg: #efedf6;     
  --btn-disabled-bg: #eeeeee;
  --btn-disabled-text: #bdbdbd;
  --btn-radius: 10px;
  --btn-padding-y: 16px;   /* 🔥 más alto */
  --btn-padding-x: 14px;
  --btn-shadow: 0 8px 18px rgba(11,10,13,0.45);
  --btn-elev-shadow: 0 14px 28px rgba(11,10,13,0.28);
}

.btn.btn-warning {
  display: inline-block !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding-y) var(--btn-padding-x) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  box-shadow: var(--btn-shadow) !important;
  cursor: pointer !important;
  margin: 6px 0 !important;
}

.btn.btn-warning:hover:not(:disabled) {
  color: var(--primary-purple) !important;
  box-shadow: var(--btn-elev-shadow) !important;
}

.btn.btn-warning:focus {
  outline: 3px solid rgba(111,77,240,0.14) !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 6px rgba(111,77,240,0.06) !important;
}

.text-center a {
    color: #aaaaaa !important;
    text-decoration: none;
    font-size: 0.85em;
    margin-top: 4px;
}

.text-center a:hover {
    text-decoration: underline;
   
}

/* Final Boton */