/* ONIZA | Cadastro responsivo
   Ajustes exclusivos da tela de criação de conta. */

body.signup-page{
  min-width:0;
  overflow-x:hidden;
}

.signup-page .auth,
.signup-page .authmain,
.signup-page .authbox,
.signup-page #register,
.signup-page .grid2,
.signup-page .field{
  min-width:0;
}

.signup-page .authmain{
  width:100%;
}

.signup-page .authbox{
  width:min(100%,560px);
}

.signup-page .signup-head{
  margin-bottom:22px;
}

.signup-page .signup-head .eyebrow{
  margin-bottom:8px;
}

.signup-page .signup-head h2{
  margin:0 0 8px;
}

.signup-page .signup-head p{
  margin:0;
  color:#858593;
  line-height:1.55;
}

.signup-page #register{
  display:grid;
  gap:0;
}

.signup-page .grid2{
  align-items:start;
}

.signup-page .field{
  width:100%;
}

.signup-page .input{
  min-width:0;
  height:48px;
  padding:0 14px;
  font-size:16px;
  line-height:1.2;
}

.signup-page .signup-submit{
  min-height:50px;
  margin-top:2px;
  border-radius:12px;
}

.signup-page .signup-login{
  text-align:center;
  font-size:.82rem;
  line-height:1.55;
  color:#81818f;
  margin:18px 0 0;
}

.signup-page .signup-login a{
  color:#c78aff;
  font-weight:800;
}

/* Tablet: evita duas colunas apertadas após o painel lateral desaparecer. */
@media (max-width:860px){
  .signup-page .authmain{
    min-height:100svh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:32px 22px!important;
  }

  .signup-page .authbox{
    margin:0!important;
    padding:26px!important;
    border-radius:20px!important;
  }

  .signup-page .grid2{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
}

/* Celular */
@media (max-width:640px){
  .signup-page .authmain{
    min-height:100svh!important;
    align-items:flex-start!important;
    padding:
      max(18px, env(safe-area-inset-top))
      max(14px, env(safe-area-inset-right))
      max(22px, env(safe-area-inset-bottom))
      max(14px, env(safe-area-inset-left))!important;
  }

  .signup-page .authbox{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:20px 16px 18px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }

  .signup-page .signup-head{
    margin-bottom:18px;
  }

  .signup-page .signup-head h2{
    font-size:clamp(1.65rem,8vw,2rem)!important;
    line-height:1.08;
    letter-spacing:-.04em;
  }

  .signup-page .signup-head p{
    font-size:.86rem;
  }

  .signup-page .field{
    margin-bottom:13px;
  }

  .signup-page .field label{
    margin-bottom:6px;
    font-size:.76rem;
  }

  .signup-page .input{
    width:100%!important;
    height:48px!important;
    border-radius:11px!important;
  }

  .signup-page .signup-submit{
    width:100%;
    min-height:50px!important;
    margin-top:1px;
  }

  .signup-page .signup-login{
    margin-top:16px;
    padding-inline:4px;
  }
}

/* Telefones muito estreitos */
@media (max-width:390px){
  .signup-page .authmain{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .signup-page .authbox{
    padding:18px 13px 16px!important;
    border-radius:16px!important;
  }

  .signup-page .signup-head h2{
    font-size:1.62rem!important;
  }

  .signup-page .signup-head p{
    font-size:.81rem;
  }

  .signup-page .input{
    padding-left:12px;
    padding-right:12px;
  }
}

/* Landscape em aparelhos baixos: permite rolagem natural sem cortes. */
@media (max-height:560px) and (orientation:landscape) and (max-width:900px){
  .signup-page .authmain{
    align-items:flex-start!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}