/*
 * LEGAL WORKS — APARIENCIA + NEXO F1 R14
 */

/* Selector de apariencia con contraste similar a móvil. */
.lw-appearance-overlay-f1-r14,
.lw-appearance-panel-f1-r14,
.lw-appearance-panel-f1-r14
.mat-mdc-menu-content,
.lw-appearance-panel-f1-r14
.mat-menu-content {
  color-scheme: dark !important;
}

.lw-appearance-panel-f1-r14 {
  border: 1px solid
    rgba(66, 208, 255, .42) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(
      155deg,
      rgba(8, 27, 49, .99),
      rgba(3, 14, 31, .99)
    ) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .48),
    inset 0 0 0 1px
      rgba(121, 224, 255, .08) !important;
  overflow: hidden !important;
}

.lw-appearance-panel-f1-r14,
.lw-appearance-panel-f1-r14 * {
  opacity: 1 !important;
  color: #f4fbff !important;
  -webkit-text-fill-color:
    #f4fbff !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, .7) !important;
}

.lw-appearance-panel-f1-r14
.lw-appearance-option-f1-r14 {
  border: 1px solid
    rgba(105, 204, 244, .18) !important;
  border-radius: 14px !important;
  background:
    rgba(13, 40, 67, .74) !important;
  color: #f4fbff !important;
  -webkit-text-fill-color:
    #f4fbff !important;
}

.lw-appearance-panel-f1-r14
.lw-appearance-option-f1-r14:hover,
.lw-appearance-panel-f1-r14
.lw-appearance-option-f1-r14:focus-visible {
  border-color:
    rgba(63, 202, 255, .72) !important;
  background:
    rgba(19, 64, 98, .92) !important;
  box-shadow:
    0 0 18px
      rgba(29, 184, 242, .24) !important;
}

.lw-appearance-panel-f1-r14
.lw-appearance-option-f1-r14.is-active {
  border-color:
    #38caff !important;
  background:
    linear-gradient(
      145deg,
      rgba(25, 95, 139, .94),
      rgba(11, 45, 78, .96)
    ) !important;
  box-shadow:
    0 0 0 1px
      rgba(56, 202, 255, .32),
    0 0 20px
      rgba(56, 202, 255, .28) !important;
}

/* Guía Nexo como opción del menú de usuario. */
.lw-nexo-profile-menu-item-f1-r14 {
  width: calc(100% - 20px) !important;
  min-height: 58px !important;
  margin: 8px 10px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid
    rgba(76, 205, 255, .35) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(
      145deg,
      rgba(16, 57, 88, .96),
      rgba(6, 29, 54, .98)
    ) !important;
  color: #f5fbff !important;
  -webkit-text-fill-color:
    #f5fbff !important;
  box-shadow:
    inset 0 0 0 1px
      rgba(129, 224, 255, .06),
    0 8px 24px
      rgba(0, 0, 0, .18) !important;
  cursor: pointer !important;
  font: inherit !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.lw-nexo-profile-menu-item-f1-r14:hover,
.lw-nexo-profile-menu-item-f1-r14:focus-visible {
  border-color:
    #37c9ff !important;
  box-shadow:
    0 0 20px
      rgba(55, 201, 255, .28) !important;
}

.lw-nexo-profile-menu-icon-f1-r14 {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  background:
    linear-gradient(
      145deg,
      #51dbff,
      #1aa9e7
    ) !important;
  color: #06233a !important;
  -webkit-text-fill-color:
    #06233a !important;
  font-size: 18px !important;
  box-shadow:
    0 0 16px
      rgba(52, 198, 248, .4) !important;
}

.lw-nexo-profile-menu-label-f1-r14 {
  color: #f5fbff !important;
  -webkit-text-fill-color:
    #f5fbff !important;
  font-weight: 800 !important;
}

@media (max-width: 700px) {
  /* Nunca cubrir contenido ni navegación inferior con un botón flotante. */
  html body
  .lw-nexo-floating-hidden-f1-r14,
  html body .lw-nexo-help {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .lw-nexo-profile-menu-item-f1-r14 {
    display: flex !important;
  }
}