/* Capa final de seguridad visual para botones del área autenticada. */
:where(button, .button-link) {
  -webkit-text-fill-color: currentColor;
}

.authenticated :is(button, a).outline,
.terms-dialog :is(button, a).outline {
  border-color: #78909e !important;
  background: #fff !important;
  color: #102f42 !important;
  -webkit-text-fill-color: #102f42 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

.authenticated :is(button, a).outline:hover,
.terms-dialog :is(button, a).outline:hover {
  border-color: #0aa5bb !important;
  background: #eafafd !important;
  color: #07364a !important;
  -webkit-text-fill-color: #07364a !important;
}

.authenticated :is(button, a).primary,
.terms-dialog :is(button, a).primary {
  border-color: #20cbe0 !important;
  background: #20cbe0 !important;
  color: #061d2d !important;
  -webkit-text-fill-color: #061d2d !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

.authenticated :is(button, a).primary:hover,
.terms-dialog :is(button, a).primary:hover {
  border-color: #11b8cc !important;
  background: #11b8cc !important;
  color: #041a29 !important;
  -webkit-text-fill-color: #041a29 !important;
}

.authenticated :is(button, a).danger {
  border-color: #c94a4a !important;
  background: #fff !important;
  color: #a82d2d !important;
  -webkit-text-fill-color: #a82d2d !important;
  opacity: 1 !important;
}

.authenticated :is(button, a).danger-link,
.terms-dialog :is(button, a).danger-link {
  background: transparent !important;
  color: #a82d2d !important;
  -webkit-text-fill-color: #a82d2d !important;
  opacity: 1 !important;
}

.authenticated button.link,
.terms-dialog button.link {
  color: #08758a !important;
  -webkit-text-fill-color: #08758a !important;
  opacity: 1 !important;
}

.authenticated :is(button, a):disabled,
.terms-dialog :is(button, a):disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.authenticated :is(button, a).outline:disabled,
.terms-dialog :is(button, a).outline:disabled {
  border-color: #c8d4da !important;
  background: #f1f5f7 !important;
  color: #667e8b !important;
  -webkit-text-fill-color: #667e8b !important;
}

.authenticated :is(button, a).primary:disabled,
.terms-dialog :is(button, a).primary:disabled {
  border-color: #b8dfe4 !important;
  background: #d9eef1 !important;
  color: #526e7b !important;
  -webkit-text-fill-color: #526e7b !important;
}

.authenticated button:focus-visible,
.authenticated a.button-link:focus-visible,
.terms-dialog button:focus-visible,
.terms-dialog a.button-link:focus-visible {
  outline: 3px solid rgba(12, 153, 176, 0.35) !important;
  outline-offset: 2px !important;
}