/* ============================================================
   Entrar — a pele do marque.med.br

   Mesma tela, mesma autenticação: só a marca muda. Tudo aqui está sob
   `html.e-marque`, então no Domínio Médico este arquivo não pinta um pixel
   — dá para carregá-lo sempre, sem condicional no servidor.

   Carrega DEPOIS de login.css de propósito: é ele quem está sendo
   sobrescrito, e a ordem é o que decide.
   ============================================================ */

html.e-marque body {
  /* verde do marque no lugar do azul do Domínio Médico */
  background:linear-gradient(140deg,#00695f,#00A99D 60%,#0FB5A0);
}

html.e-marque .login-aside {
  background:linear-gradient(160deg,#00544c,#00A99D 140%);
}

/* O logo do marque é a palavra, não um símbolo: é o endereço que o médico
   digita, e ele precisa se reconhecer nele. */
html.e-marque .login-logo .lo { display:none; }
html.e-marque .login-logo b { font-size:1.32rem; letter-spacing:-.02em; }
html.e-marque .login-logo b span { opacity:.72; font-weight:700; }

html.e-marque .login-aside p { color:#cdeeea; }
html.e-marque .feat { color:#e2f6f3; }
html.e-marque .feat .fi { background:rgba(255,255,255,.16); }

/* botão e links seguem a cor do produto */
html.e-marque .btn-primary { background:#00A99D; border-color:#00A99D; }
html.e-marque .btn-primary:hover { background:#008d84; border-color:#008d84; }
html.e-marque .login-foot a { color:#00857b; }
html.e-marque .form-control:focus { border-color:#00A99D; box-shadow:0 0 0 3px rgba(0,169,157,.15); }

/* volta para a capa: quem clicou em Entrar por engano não fica preso */
.e-marque-voltar {
  display:none; margin-top:18px; font-size:.84rem; color:#cdeeea; text-decoration:none;
}
html.e-marque .e-marque-voltar { display:inline-block; }
html.e-marque .e-marque-voltar:hover { color:#fff; }

@media (max-width:760px){
  /* No celular o painel lateral some (login.css), e com ele sumiria a única
     marca da tela: sem isto o médico do marque veria um formulário sem
     nome nenhum. O cabeçalho compacto entra no lugar. */
  html.e-marque .login-form::before {
    content:"marque.med.br";
    display:block; font-weight:800; font-size:1.05rem; color:#00695f;
    margin-bottom:18px; letter-spacing:-.02em;
  }
}