.btn-warning {
  --bs-btn-color: #FFFFFF !important;
  --bs-btn-bg: #FFA500 !important;
  --bs-btn-border-color: #FFA500 !important;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ebb245;
  --bs-btn-hover-border-color: #eaad3a;
  --bs-btn-focus-shadow-rgb: 196, 135, 20;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ebb245;
  --bs-btn-active-border-color: #e9a92e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFA500 !important;
  --bs-btn-disabled-border-color: #FFA500 !important;
}

.btn-hero.btn-warning {
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
  box-shadow: 0 0.125rem 0.75rem rgba(160, 111, 16, 0.25);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.12s ease-out;
}

.btn-hero.btn-warning:hover {
  box-shadow: 0 0.375rem 0.75rem rgba(160, 111, 16, 0.4);
  transform: translateY(-1px);
}

.btn-check:focus + .btn-hero.btn-warning, .btn-hero.btn-warning:focus {
  box-shadow: 0 0.125rem 0.75rem rgba(160, 111, 16, 0.25);
}

.btn-check:checked + .btn-hero.btn-warning, .btn-check:active + .btn-hero.btn-warning, .btn-hero.btn-warning:active, .btn-hero.btn-warning.active, .show > .btn-hero.btn-warning.dropdown-toggle {
  box-shadow: 0 0.125rem 0.75rem rgba(160, 111, 16, 0.25);
  transform: translateY(0);
}

.btn-check:checked + .btn-hero.btn-warning:focus, .btn-check:active + .btn-hero.btn-warning:focus, .btn-hero.btn-warning:active:focus, .btn-hero.btn-warning.active:focus, .show > .btn-hero.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0.125rem 0.75rem rgba(160, 111, 16, 0.25);
}

.btn-hero.btn-warning.disabled, .btn-hero.btn-warning:disabled {
  box-shadow: 0 0.125rem 0.75rem rgba(160, 111, 16, 0.25);
  transform: translateY(0);
}

/* ------------------------------------------------------------------------------------------------------------------------- */

#page-container > #page-header .content-header,
#page-container > #page-header .content,
#page-container > #main-container .content,
#page-container > #page-footer .content {
  max-width: unset !important; /* O usa un valor como 100% */
}