/* Elevamente - identidade visual SOMENTE da tela de login do portal (baseada em elevamentetreinamentos.com.br).
   Tudo aqui e restrito a .lg-root: as telas internas do app NAO sao alteradas.
   Servido em /branding/brand.css e injetado no <head> pelo nginx (sub_filter).
   Marca: indigo #352d7f / #2d266c | azul #079bff | roxo #9129f2 | ambar #ffc107 | fundo #f4f6f8 | fonte Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* cores de destaque e fonte so no login */
.lg-root {
  --accent: #079bff;
  --accent2: #9129f2;
}
.lg-root, .lg-root * {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* painel da marca: imagem do cerebro + degrade indigo */
.lg-aside {
  background:
    linear-gradient(165deg, rgba(45, 38, 108, .90) 0%, rgba(53, 45, 127, .66) 55%, rgba(7, 155, 255, .38) 135%),
    url(/branding/login-bg.jpg) center / cover no-repeat !important;
}
/* correcao de layout: o app aplica `.lg-aside>*{position:relative}` aos orbes, que entram no fluxo
   e esticam o painel (pagina com ~1150px de altura, logo/titulo colados embaixo). Volta a ser absoluto. */
.lg-aside > .lg-orb { position: absolute !important; opacity: .14 !important; }
.lg-hero h1 { letter-spacing: -.02em; }
.lg-hero h1, .lg-hero p, .lg-point { text-shadow: 0 1px 14px rgba(20, 16, 60, .45); }
.lg-btn { letter-spacing: .01em; }

/* o login mostra a letra da empresa; aqui ela vira o logo Elevamente (o app interno segue com a letra) */
.lg-root .lg-logo-mark {
  width: 64px; height: 64px;
  font-size: 0 !important; color: transparent !important;
}
/* no painel escuro: logo em branco */
.lg-aside .lg-logo-mark {
  background: url(/branding/logo.png) center / contain no-repeat !important;
  filter: brightness(0) invert(1);
  border-radius: 0; box-shadow: none !important;
}
/* sobre o formulario: cartao branco com o logo original */
.lg-main .lg-logo-mark {
  background: #fff url(/branding/logo.png) center / 82% no-repeat !important;
  border-radius: 18px;
  box-shadow: 0 12px 30px -12px #079bff, 0 0 0 1px rgba(53, 45, 127, .12) !important;
}