/* Telas de acesso: coluna única no celular, painel da marca + formulário no desktop */
.acesso { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.acesso-marca { display: none; }
.acesso-form { flex: 1; display: flex; flex-direction: column; width: 100%; max-width: 440px; margin: 0 auto; padding: calc(var(--safe-t) + var(--e6)) var(--e4) calc(var(--e6) + var(--safe-b)); }
.acesso-form .cabeca { display: flex; flex-direction: column; gap: var(--e3); margin: var(--e2) 0 var(--e6); color: var(--berinjela); }
.acesso-form .cabeca p { color: var(--texto-2); font-weight: 600; }
.acesso-form .rodape-acesso { margin-top: auto; padding-top: var(--e6); text-align: center; color: var(--texto-2); font-weight: 600; }
.link-48 { display: inline-flex; align-items: center; min-height: 48px; padding: 0 var(--e2); }
.aceite { display: flex; gap: var(--e3); align-items: flex-start; min-height: 48px; padding: var(--e2) 0; font-weight: 600; color: var(--texto-2); cursor: pointer; }
.aceite input { width: 24px; height: 24px; margin: 0; accent-color: var(--berinjela); flex-shrink: 0; }
.regras { list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-direction: column; gap: 2px; }
.regras li { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--texto-3); }
.regras li .ic { width: 16px; height: 16px; }
.regras li.ok { color: var(--sucesso); }
.acesso-form form { margin-top: var(--e4); }
.acesso-form .pilha > form { margin-top: 0; }
@media (min-width: 1024px) {
  .acesso { display: grid; grid-template-columns: 1fr 1fr; }
  .acesso-marca { display: flex; flex-direction: column; justify-content: space-between; background: var(--berinjela); color: #fff; padding: var(--e10) 64px; }
  .acesso-marca .marca-linha { color: #fff; }
  .acesso-marca h2 { font-size: 44px; line-height: 1.1; max-width: 13ch; }
  .acesso-marca h2 em { font-style: normal; color: var(--turquesa); }
  .acesso-marca p { color: #D9CFE0; font-weight: 600; max-width: 40ch; margin-top: var(--e4); font-size: 18px; }
  .acesso-marca ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--e3); color: #E6DEEB; font-weight: 700; }
  .acesso-marca li { display: flex; gap: var(--e3); align-items: center; }
  .acesso-marca li .ic { color: var(--turquesa); }
  .acesso-form { justify-content: center; padding: var(--e10); }
  .acesso-form .voltar, .acesso-form .cabeca .logo-slot { display: none; }
}