/* screen - pop-up-login */

.pop-up-login {
  background-color: var(--neutrallight2);
  padding: 21px 40px 40px;

  max-width: 576px;
  margin: 30px auto;
  border-radius: 20px;
}
@media(max-width: 600px){
  .pop-up-login{
    margin: 15px;
    padding: 21px;
  }
}

.pop-up-login .frame-6989-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}

.pop-up-login .frame-6989-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.pop-up-login .icon-close-window-square {
  height: 17px;
  min-width: 17px;
}

.pop-up-login .frame-6989-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pop-up-login .group-142 {
  height: 38px;
  min-width: 221px;
  position: relative;
}

.pop-up-login .title {
  left: 0;
  letter-spacing: -0.64px;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.pop-up-login .frame-6989-4 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.pop-up-login .frame-6989-5 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}
@media(max-width: 600px){
  .pop-up-login .frame-6989-5{
    gap: 24px;
  }
}

.pop-up-login .frame-6989-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.pop-up-login .frame-6989-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.pop-up-login .frame-6989-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pop-up-login .frame-69 {
  align-self: stretch;
  flex-direction: column;
  gap: 4px;
}

.pop-up-login .frame-6991 {
  gap: 8px;
  padding: 0 0 0 20px;
  width: fit-content;
}

.pop-up-login .id-de-cliente {
  color: var(--bluemain);
  font-weight: 400;
  line-height: 21px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.pop-up-login .rectangle-88 {
  background-color: var(--neutrallighter);
  border: 1px solid;
  border-color: var(--neutrallightmid);
  border-radius: 36px;
  height: 42px;
  padding: 0 20px;
  width: 100%;
}

.pop-up-login .contrasea {
  color: var(--bluemain);
  font-weight: 400;
  line-height: 21px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.pop-up-login .button-1 {
  background-color: var(--beigemain);
  gap: 4px;
  width: 496px;
}

.pop-up-login .crear-cuenta {
  letter-spacing: -0.32px;
  line-height: 18px;
  margin-top: -2.00px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.pop-up-login .has-olvidado-tu-con {
  color: var(--beigedark);
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  width: 372px;
}

.pop-up-login .para-acceder-introd {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  width: 100%;
}

.pop-up-login .button {
  align-items: center;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  padding: 12px 24px;
  border: none;
  width: 100%;
}

.pop-up-login .button-2 {
  border: 2px solid;
  border-color: var(--beigemain);
  gap: 8px;
}

.pop-up-login .frame {
  align-items: flex-start;
  display: flex;
}