/* =========================================================
   UFY PHONE — RECUPERAR CUENTA CON ELIMINACIÓN PENDIENTE
   ========================================================= */

.ufy-auth.has-account-recovery {
  overflow: hidden;
}


.ufy-auth-account-recovery {
  position: absolute;

  inset: 0;

  z-index: 80;

  min-height: 100%;

  padding:
    max(
      22px,
      env(safe-area-inset-top)
    )
    16px
    max(
      24px,
      env(safe-area-inset-bottom)
    );

  display: grid;
  place-items: center;

  overflow-x: hidden;
  overflow-y: auto;

  box-sizing: border-box;

  background:
    linear-gradient(
      180deg,
      rgba(
        8,
        4,
        14,
        0.82
      ),
      rgba(
        5,
        3,
        10,
        0.96
      )
    );

  backdrop-filter:
    blur(7px);

  -webkit-backdrop-filter:
    blur(7px);

  scrollbar-width: none;
}


.ufy-auth-account-recovery::-webkit-scrollbar {
  display: none;
}


.ufy-auth-account-recovery-card {
  width:
    min(
      100%,
      430px
    );

  padding:
    25px
    20px
    20px;

  border:
    1px solid
    rgba(
      229,
      199,
      255,
      0.34
    );

  border-radius: 27px;

  box-sizing: border-box;

  background:
    linear-gradient(
      145deg,
      rgba(
        30,
        19,
        46,
        0.97
      ),
      rgba(
        9,
        6,
        16,
        0.985
      )
    );

  box-shadow:
    inset
    0
    1px
    0
    rgba(var(--ufy-rgb-255,255,255,255),0.09),

    0
    24px
    70px
    rgba(var(--ufy-rgb-0,0,0,0),0.56),

    0
    0
    34px
    rgba(
      160,
      73,
      235,
      0.14
    );

  color:
    var(--ufy-auth-text);
}


.ufy-auth-account-recovery-icon {
  width: 58px;
  height: 58px;

  margin:
    0
    auto
    16px;

  padding: 11px;

  display: grid;
  place-items: center;

  border:
    1px solid
    rgba(
      255,
      120,
      143,
      0.46
    );

  border-radius: 19px;

  box-sizing: border-box;

  background:
    rgba(
      255,
      93,
      122,
      0.075
    );

  color: #ff829d;

  box-shadow:
    0
    0
    22px
    rgba(
      255,
      82,
      118,
      0.13
    );
}


.ufy-auth-account-recovery-icon svg {
  width: 100%;
  height: 100%;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.ufy-auth-account-recovery-card h2 {
  margin:
    0
    0
    9px;

  color: var(--ufy-tone-255,#ffffff);

  font-size:
    clamp(
      23px,
      6.2vw,
      29px
    );

  font-weight: 770;
  line-height: 1.1;
  letter-spacing: -0.55px;
  text-align: center;
}


.ufy-auth-account-recovery-card > p {
  margin:
    0
    auto
    17px;

  max-width: 350px;

  color:
    rgba(
      232,
      218,
      245,
      0.72
    );

  font-size:calc(13px * var(--ufy-font-scale,1));
  line-height: 1.48;
  text-align: center;
}


.ufy-auth-account-recovery-deadline {
  width: 100%;

  margin:
    0
    0
    16px;

  padding:
    13px
    15px;

  display: grid;

  gap: 4px;

  border:
    1px solid
    rgba(
      255,
      117,
      143,
      0.29
    );

  border-radius: 17px;

  box-sizing: border-box;

  background:
    rgba(
      255,
      90,
      122,
      0.045
    );

  text-align: center;
}


.ufy-auth-account-recovery-deadline span,
.ufy-auth-account-recovery-deadline strong {
  display: block;
}


.ufy-auth-account-recovery-deadline span {
  color:
    rgba(
      238,
      220,
      247,
      0.62
    );

  font-size:calc(11px * var(--ufy-font-scale,1));
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}


.ufy-auth-account-recovery-deadline strong {
  color: #ff9caf;

  font-size:calc(16px * var(--ufy-font-scale,1));
  font-weight: 720;
  line-height: 1.3;
}


.ufy-auth-account-recovery-card ul {
  margin:
    0
    0
    18px;

  padding:
    0
    0
    0
    20px;

  color:
    rgba(
      235,
      222,
      247,
      0.73
    );

  font-size:calc(13px * var(--ufy-font-scale,1));
  line-height: 1.52;
}


.ufy-auth-account-recovery-card li + li {
  margin-top: 4px;
}


.ufy-auth-account-recovery-message {
  min-height: 18px;

  margin:
    0
    3px
    12px !important;

  max-width: none !important;

  color:
    rgba(
      235,
      224,
      246,
      0.76
    ) !important;

  font-size:calc(12px * var(--ufy-font-scale,1)) !important;
  line-height: 1.4 !important;
  text-align: center;
}


.ufy-auth-account-recovery-message[
  data-tone="success"
] {
  color:
    var(--ufy-auth-lime) !important;
}


.ufy-auth-account-recovery-message[
  data-tone="error"
] {
  color: #ff90aa !important;
}


.ufy-auth-account-recovery-confirm,
.ufy-auth-account-recovery-keep {
  appearance: none;

  width: 100%;

  margin: 0;

  font: inherit;

  cursor: pointer;
}


.ufy-auth-account-recovery-confirm {
  min-height: 59px;

  padding:
    12px
    16px;

  border:
    1px solid
    rgba(
      237,
      213,
      255,
      0.45
    );

  border-radius: 17px;

  background:
    linear-gradient(
      100deg,
      #7f36dc,
      #be7aff 55%,
      #9e54eb
    );

  color: #09060d;

  box-shadow:
    inset
    0
    1px
    0
    rgba(var(--ufy-rgb-255,255,255,255),0.34),

    0
    12px
    30px
    rgba(
      119,
      45,
      201,
      0.3
    );

  font-size:calc(16px * var(--ufy-font-scale,1));
  font-weight: 760;
  line-height: 1.25;
}


.ufy-auth-account-recovery-keep {
  min-height: 43px;

  margin-top: 8px;

  padding:
    7px
    10px;

  border: 0;

  background:
    transparent;

  color:
    rgba(
      221,
      193,
      241,
      0.72
    );

  font-size:calc(12px * var(--ufy-font-scale,1));
  font-weight: 650;
  line-height: 1.3;
}


.ufy-auth-account-recovery-confirm:active:not(
  :disabled
) {
  transform:
    scale(0.992);
}


.ufy-auth-account-recovery-confirm:disabled,
.ufy-auth-account-recovery-keep:disabled {
  cursor: wait;

  opacity: 0.56;
}


.ufy-auth-account-recovery button:focus-visible {
  outline:
    2px solid
    rgba(var(--ufy-rgb-255,255,255,255),0.92);

  outline-offset: 3px;
}


@media (max-width: 390px) {
  .ufy-auth-account-recovery {
    padding-left: 11px;
    padding-right: 11px;
  }


  .ufy-auth-account-recovery-card {
    padding:
      22px
      16px
      17px;

    border-radius: 24px;
  }


  .ufy-auth-account-recovery-icon {
    width: 53px;
    height: 53px;

    margin-bottom: 14px;

    padding: 10px;
  }


  .ufy-auth-account-recovery-card h2 {
    font-size:calc(23px * var(--ufy-font-scale,1));
  }


  .ufy-auth-account-recovery-card > p,
  .ufy-auth-account-recovery-card ul {
    font-size:calc(12px * var(--ufy-font-scale,1));
  }


  .ufy-auth-account-recovery-confirm {
    min-height: 56px;

    font-size:calc(15px * var(--ufy-font-scale,1));
  }
}


@media (
  prefers-reduced-motion:
  reduce
) {
  .ufy-auth-account-recovery-confirm {
    transition: none;
  }
}