/* Bloco 46 — B5 (opcao A, provisoria): tela de login com foto da equipe ao fundo e cartao pequeno em ARCO.
   So aparencia (CSS). A logica de login (WhatsApp, e-mail e senha reserva) nao e tocada. Paleta: #1C1C1C #B5603F #C9A46A #2E2824 #8B5A36 #EDE3D2 */
body{position:relative;min-height:100vh;min-height:100dvh;padding:20px 14px;background:#1C1C1C;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(rgba(28,28,28,.58),rgba(28,28,28,.72)),url(/img/globalis-equipe-ias.webp) center 30%/cover no-repeat}
.card{position:relative;z-index:1;width:100%;max-width:340px;margin:auto;padding:46px 28px 26px;background:rgba(28,28,28,.88);color:#EDE3D2;
  border:1px solid #C9A46A;border-radius:170px 170px 22px 22px;box-shadow:0 18px 50px rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.card>img:first-child{display:block;margin:0 auto 10px!important;height:64px!important;width:auto!important;max-width:150px;object-fit:contain!important;border-radius:0!important}
.card h1{color:#C9A46A;font:600 20px Georgia,"Times New Roman",serif;margin:0 0 2px}
.card .subtitulo{color:#EDE3D2;opacity:.8;font-size:12.5px;margin-bottom:18px}
.card input{background:#EDE3D2;color:#1C1C1C;border:1px solid #8B5A36;border-radius:10px;padding:11px 13px;font-size:15px}
.card input::placeholder{color:#2E2824;opacity:.7}
.card input:focus{outline:2px solid #C9A46A;outline-offset:1px}
.card button{background:#C9A46A;color:#1C1C1C;border-radius:10px;font-weight:700}
.card button:hover{background:#B5603F;color:#EDE3D2}
.card button.secundario{background:#2E2824;color:#EDE3D2;border:1px solid #8B5A36}
.card button.secundario:hover{background:#8B5A36}
.card .link-pequeno,.card .bemvinda,#lc-contador{color:#EDE3D2!important}
.card .toggle-olho{filter:none;color:#2E2824}
.card p.msg{color:#EDE3D2}
@media(max-width:420px){.card{max-width:320px;padding:42px 22px 22px;border-radius:160px 160px 20px 20px}}
@media(max-height:620px){.card{border-radius:120px 120px 20px 20px;padding-top:34px}}

/* Bloco 82/84 (2.5/2.6): foto com o letreiro INTEIRO (imagem ancorada no topo); caixa em formato de porta, estreita e ~35% mais alta, no canto superior direito sem cobrir rostos */
body::before{background-position:center 12%!important}
@media(min-width:721px){
  .card{position:fixed!important;top:14px;right:28px;left:auto;margin:0!important;width:350px;max-width:350px;min-height:500px;padding:50px 24px 36px;border-radius:170px 170px 22px 22px;max-height:calc(100dvh - 28px);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:20px}
  .card>img:first-child{height:72px!important;max-width:170px;margin:0 auto 4px!important}
  .card h1{font-size:22px;margin:4px 0 0}.card .subtitulo{font-size:13.5px;margin-bottom:6px}
  .card input{padding:13px 14px;font-size:16px}
  .card button{padding:13px 10px;font-size:15px}
  .card input{font-size:15px}
  #login-codigo-section,#login-section,#esqueci-senha-section,#area-logada,#trocar-senha-section{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center}
  #login-codigo-section[style*="display:none"],#login-section[style*="display:none"],#esqueci-senha-section[style*="display:none"],#area-logada[style*="display:none"],#trocar-senha-section[style*="display:none"]{display:none}
}
@media(min-width:721px) and (max-height:700px){.card{min-height:0;border-radius:150px 150px 22px 22px}}
@media(max-width:720px){
  body{display:flex;flex-direction:column;justify-content:center}
  .card{position:relative!important;margin:22vh auto 0!important;max-width:340px;min-height:460px;border-radius:150px 150px 22px 22px}
}

/* Bloco 85 (item 1): foto INTEIRA ajustada à altura da tela (letreiro e rostos), fundo desfocado só nas laterais, sem camada escura sobre as mulheres; a caixa fica no espaço livre */
body::before{background:linear-gradient(rgba(10,10,10,.55),rgba(10,10,10,.55)),url(/img/globalis-equipe-ias.webp) center/cover no-repeat!important;filter:blur(14px);transform:scale(1.08)}
body::after{content:"";position:fixed;inset:0;z-index:0;background:url(/img/globalis-equipe-ias.webp) 42% center/auto 100% no-repeat;pointer-events:none}
@media(max-width:720px){
  body{min-height:0;padding-bottom:30px}
  body::after{position:absolute;inset:0 0 auto 0;height:calc(100vw * 1.2402);background-position:center top;background-size:100% auto}
  body::before{position:fixed}
  .card{margin:calc(100vw * 1.2402 + 12px) auto 0!important}
}

/* Bloco 97 P3 (item 17): notebook, desktop e tablet (>= 721 px): foto do escritório (docs/imagens/ficticio-foto-login-escritorio.jpg) ocupando a tela,
   e a caixa de entrada em PORTA (vertical, nem larga nem fina) à ESQUERDA, sobre a janela da foto. O celular (<= 720 px) continua como estava. */
@media(min-width:721px){
  body::before{background:url(/img/login-escritorio.webp) center center/cover no-repeat!important;filter:none!important;transform:none!important}
  body::after{background:none!important}
  .card{right:auto!important;left:clamp(18px,4.5vw,90px)!important;top:50%!important;transform:translateY(-50%);width:clamp(330px,25vw,370px)!important;max-width:370px!important;min-height:min(560px,calc(100dvh - 40px))!important;background:rgba(28,28,28,.86)!important}
}
@media(min-width:721px) and (max-width:1100px){.card{left:24px!important;width:340px!important}}