/* ============================================================
   CONECTA JOVEM — CONTROLE DE VISIBILIDADE DA SENHA
============================================================ */
.senha-box{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
}
.senha-box > input[type="password"],
.senha-box > input[type="text"]{
  padding-right:50px !important;
}
.senha-box > #mostrarSenha,
.senha-box > .senha-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  min-height:38px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:3;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.senha-box > #mostrarSenha:hover,
.senha-box > .senha-toggle:hover{
  background:rgba(108,92,231,.10);
  color:#6c5ce7;
}
.senha-box > #mostrarSenha:focus-visible,
.senha-box > .senha-toggle:focus-visible{
  outline:3px solid rgba(108,92,231,.25);
  outline-offset:1px;
}
.senha-box{border-radius:12px}
.senha-box input{color:#172033!important;background:#fff!important}
.senha-box input::placeholder{color:#7b8798!important}
.senha-toggle{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important}
.senha-toggle:hover{background:#eef2ff!important;color:#5643d9!important}