.btn-cafe {
  --bs-btn-color: #000;
  --bs-btn-bg: rgba(188,149,92,0.8);
  --bs-btn-border-color: rgba(188,149,92,0.1);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ddc9a3;
  --bs-btn-hover-border-color: #ddc9a3;
  --bs-btn-focus-shadow-rgb: 221, 201, 163;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(188,149,92,0.1);
  --bs-btn-active-border-color: #bc955c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-rojo {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ab0033;
  --bs-btn-border-color: #ab0033;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(171, 0, 51,0.8);
  --bs-btn-hover-border-color: #ab0033;
  --bs-btn-focus-shadow-rgb: 171, 0, 51;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ab0033;
  --bs-btn-active-border-color: #ab0033;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(171, 0, 51,0.8);
  --bs-btn-disabled-border-color: #dc3545;
}

        .control {
          display: block;
          width: 100%;
          height: 24px;
          padding: 0.140rem 0.25rem;
          font-size: 12px;
          font-weight: 500;
          line-height: 1;
          color: #000000;
          background-color: #ffffff;
          background-clip: padding-box;
          border: 1px solid #ced4da;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border-radius: 0.375rem;
          transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

.control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ab0033;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(171,0,51, 0.25);
}


.btn-gris {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5c636a;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-claro {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #565e64;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #5c636a;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-negro {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}


.alert-error {
  --bs-alert-color: #ab0033;
  --bs-alert-bg: rgba(171, 0, 51,0.1);
  --bs-alert-border-color: #ab0033;
}

.alert-ok {
  --bs-alert-color: #000;
  --bs-alert-bg: rgba(188,149,92,0.4);
  --bs-alert-border-color: #bc7d5c;
}