/* Tela de entrada, no padrão da marca: logo oficial acima do cartão, fundo
   escuro, laranja #FA5916 no botão. Segue o mesmo desenho das outras entradas
   da casa (CRM Técnico, Orçamento UFV) para quem usa os três não estranhar. */

.pagina-entrada{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 24px 40px;
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(250,89,22,.07), transparent 70%),
    var(--fundo);
}

.entrada{
  width:100%;
  max-width:430px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}

.logo-marca{
  width:290px;
  max-width:78%;
  height:auto;
  margin-bottom:34px;
  /* o SVG é inline: a metade branca do logo herda esta cor */
  color:var(--texto);
}

.cartao-entrada{
  width:100%;
  background:var(--superficie);
  border:1px solid var(--linha);
  border-radius:14px;
  padding:38px 36px 32px;
  box-shadow:0 20px 50px -30px rgba(0,0,0,.9);
}

.cartao-entrada h1{
  font-family:Montserrat,sans-serif;
  font-weight:700;
  font-size:1.42rem;
  letter-spacing:-.015em;
  text-align:center;
  margin:0 0 6px;
}
.cartao-entrada .sub{
  color:var(--texto3);
  font-size:.86rem;
  text-align:center;
  margin:0 0 28px;
}

/* campos sem rótulo visível: o placeholder basta e a tela fica limpa.
   O rótulo continua no HTML, oculto, para leitor de tela. */
.cartao-entrada .form{gap:14px}
.cartao-entrada .form label{gap:0}
.cartao-entrada .form input[type=email],
.cartao-entrada .form input[type=password]{
  width:100%;
  background:var(--superficie2);
  border:1px solid var(--linha);
  border-radius:9px;
  padding:13px 15px;
  color:var(--texto);
  font-family:inherit;
  font-size:.95rem;
}
.cartao-entrada .form input::placeholder{color:var(--texto3)}
.cartao-entrada .form input:focus{
  outline:none;
  border-color:var(--laranja);
  box-shadow:0 0 0 3px rgba(250,89,22,.16);
}

.lembrar{
  flex-direction:row!important;
  align-items:center;
  gap:9px;
  font-size:.86rem;
  color:var(--texto2);
  font-weight:400!important;
  cursor:pointer;
  margin:2px 0 4px;
}
.lembrar input{width:16px;height:16px;accent-color:var(--laranja);cursor:pointer}

.cartao-entrada .principal{
  width:100%;
  padding:13px;
  font-size:.95rem;
  margin-top:4px;
}

.ajuda{
  text-align:center;
  margin:22px 0 0;
  font-size:.86rem;
}
.ajuda a{color:var(--laranja);text-decoration:none}
.ajuda a:hover{text-decoration:underline}

.rodape-entrada{
  color:var(--texto3);
  font-size:.78rem;
  margin:26px 0 0;
  text-align:center;
}

.erro{margin-bottom:20px}

@media (max-width:420px){
  .cartao-entrada{padding:30px 24px 26px}
  .logo-marca{margin-bottom:26px}
}

/* a janela de espera também aparece antes do login, na criação pela fatura */
.sem-rolagem{overflow:hidden}
.espera-fundo{position:fixed;inset:0;z-index:200;display:flex;align-items:center;
  justify-content:center;padding:24px;background:rgba(10,8,7,.86)}
.espera-caixa{width:100%;max-width:440px;background:#1C1917;border:1px solid #332E29;
  border-radius:16px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.55);color:#F3EEE9}