@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");

/* estilos para las vistas de pre-registro */

.message-email {
  display: inline-block;
}

.div-contenedor-seccion-logo {
  width: 100%;
  height: 73.35px;
  position: relative;
}

.logo-qroo {
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0px;
  position: absolute;
}

.logo-returq {
  width: 236.59px;
  height: 68.19px;
  left: 20%;
  top: 2.07px;
  position: absolute;
}

.div-contenedor-info-principal {
  width: 390px;
  height: 46px;
  text-align: center;
  color: #3D3935;
  font-size: 25px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  word-wrap: break-word;
}

.div-contenedor-type-person {
    width: 100%;
    text-align: center;
    color: #B68400;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    word-wrap: break-word
}

.div-seccion-formulario {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}

.div-contenedor-campo-rfc {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.div-container-activation-password {
  position: relative;
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.div-contenedor-campo-password {
  align-self: stretch;
  color: #3D3935;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.div-label-rfc {
  align-self: stretch;
  color: #3D3935;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.input-class-rfc {
  align-self: stretch;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px #D2D5DF solid;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  display: inline-flex;
  text-transform: uppercase;
}

.input-class-password {
  align-self: stretch;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px #D2D5DF solid;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  display: inline-flex;
}

.div-contenedor-campo-email {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.div-label-email {
  align-self: stretch;
  color: #3D3935;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.input-class-email {
  align-self: stretch;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px #D2D5DF solid;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  display: inline-flex;
}

.div-contenedor-botones {
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.button-continuar {
  background: #AB0A3D;
  flex: 1 1 0;
  height: 38px;
  padding: 16px;
  border-radius: 10px;
  border: 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.div-label-continuar {
  text-align: center;
  color: white;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.button-regresar {
  background: rgba(120, 130, 157, 0.20);
  flex: 1 1 0;
  height: 38px;
  padding: 16px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.div-logo-bottom {
  padding-top: 10%;
}

.div-label-regresar {
  text-align: center;
  color: black;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.a-regresar {
  width: 50%;
}

.div-contenedor-botones-tipo-persona {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 44px;
  display: inline-flex;
}

.div-contenedor-tipo-persona-fisica {
  width: 173px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 23px;
  padding-bottom: 23px;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px #F1F1F2 solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.div-contenedor-tipo-persona-moral {
  width: 173px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 23px;
  padding-bottom: 23px;
  background: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px #F1F1F2 solid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.div-contenedor-imagen-PF {
  width: 101px;
  height: 101px;
  padding-top: 10.30px;
  padding-bottom: 10.30px;
  padding-left: 20px;
  padding-right: 21px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.div-contenedor-imagen-PM {
  width: 101px;
  height: 101px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.div-label-txt-tipo-persona {
  width: 135px;
  text-align: center;
  color: #3D3935;
  font-size: 16px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.08px;
  word-wrap: break-word;
}

.button-regresar-loggin {
  background: rgba(120, 130, 157, 0.20);
  width: 390px;
  height: 38px;
  padding: 16px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.div-label-txt-regresar-login {
  text-align: center;
  color: black;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.div-boton-continuar {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}

.boton-continuar {
  flex: 1 1 0;
  height: 38px;
  padding: 16px;
  border-radius: 10px;
  border: 0px;
  background: #AB0A3D;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.div-label-txtcontinuar {
  text-align: center;
  color: white;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.div-contenedor-welcome {
  align-self: stretch;
  height: 267px;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
}

.div-imagen-email-send {
  width: 237px;
  height: 179px;
  position: relative;
}

.div-instruction-email {
  align-self: stretch;
  text-align: center;
}

.span-instructions-part-a {
  color: #78829D;
  font-size: 14px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 22px;
  word-wrap: break-word;
}

.span-instructions-part-b {
  color: #78829D;
  font-size: 14px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 22px;
  word-wrap: break-word;
}

.a-continuar-welcome {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}

.div-container-welcome-button {
  align-self: stretch;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}

.div-boton-continuar-welcome {
  flex: 1 1 0;
  width: 390px;
  height: 38px;
  padding: 16px;
  background: rgba(120, 130, 157, 0.20);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.div-boton-welcome {
  text-align: center;
  color: black;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.div-license {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.label-license {
  color: #3D3935;
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.07px;
  word-wrap: break-word;
}

.custom-background-image {
  background-image: url("../media/misc/login_fondo.svg");
}

.error-alert-campo{
  color: #F82A5B;
font-size: 12px;
font-family: Montserrat, sans-serif;
font-weight: 400;
letter-spacing: 0.06px;
word-wrap: break-word;
margin-top: -5px;
}

.item-field-required{
  padding-top: 14px;
  padding-bottom: 14px;
}

.image-stack_img{
  max-height: 700px;
  object-fit: cover;
  border-radius: 10px;
}

@media (max-width: 991.98px) {
    .custom-background-image{
      display: none !important;
    }
}

.div-password-suggestions {
    margin-bottom: -10px;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}

.text-password-suggestions {
    flex: 1 1 0;
    color: #78829D;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: 0.06px;
    word-wrap: break-word
}

.password-suggestions-list {
    list-style-type: disc;
    margin-bottom: -25px;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}

.password-suggestion-item {
    color: #78829D;
    position: relative;
    padding-left: 0px;
}

.password-suggestion-item::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #78829D;
    font-size: 20px;
    line-height: 1;
}

.button-register-login {
    background: rgba(120, 130, 157, 0.20);
    width: 100%;
    height: 38px;
    padding: 16px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
  }

.div-label-txt-register-login {
    text-align: center;
    color: black;
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    letter-spacing: 0.07px;
    word-wrap: break-word;
  }

.form-check-input {
  width: 15px;
  height: 15px;
}

.form-check-inputg:checked {
  background-color:  #828282;
  border-color:  #828282;
}

.span-special-character{
    color: #AB0A3D;
    font-style: normal;
    text-decoration: underline;
}

.label-color-red{
    color: #AB0A3D;
}

.RestorePasswordButton {
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
.LoginTextButton {
 font-size: 15px;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 0.07px;
  border-radius: 10px;
  padding: 10px 20px;
}

.div-errorContainer {
    color: red;
}