/* Login com a foto do empreendimento (só login.html). Cabe inteiro numa tela de notebook baixa (≥ 600 px de altura). */
body.auth-com-foto {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, 1fr);
  padding: 0; min-height: 100vh; min-height: 100dvh; align-items: stretch;
}
.auth-foto { position: relative; overflow: hidden; background: var(--brand-night, #13201a); }
.auth-foto-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.auth-foto::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10, 20, 14, 0.15) 0%, rgba(10, 20, 14, 0.35) 45%, rgba(10, 20, 14, 0.88) 100%);
}
.auth-foto-texto { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 40px 48px; color: #fff; }
.auth-foto-logo { width: 150px; height: auto; margin-bottom: 18px; }
.auth-foto-frase { font-size: clamp(22px, 2.3vw, 32px); font-weight: 700; line-height: 1.2; max-width: 520px; margin-bottom: 10px; }
.auth-foto-frase span { color: #e5b94a; }
.auth-foto-texto small { font-size: 13px; opacity: 0.85; letter-spacing: 0.02em; }

.auth-lado {
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: 20px 24px; min-height: 100vh; min-height: 100dvh; overflow-y: auto;
}
.auth-com-foto .auth-topbar { margin-bottom: 0; }
.auth-com-foto .auth-card { border: none; box-shadow: none; background: transparent; padding: 8px 8px; max-width: 400px; }
.auth-com-foto .auth-header { text-align: left; margin-bottom: 22px; }
.auth-com-foto .brand-badge { display: none; }
.auth-com-foto .auth-header h1 { font-size: 26px; }
.auth-com-foto .auth-header h1::after { content: ""; display: block; width: 40px; height: 3px; border-radius: 3px; background: var(--accent); margin-top: 10px; }
.auth-com-foto .auth-form { gap: 14px; }
.auth-com-foto .auth-links { margin-top: 12px; }
.auth-com-foto .auth-footer { margin-top: 12px; }

/* Tablet e celular: foto vira faixa no topo com a logo; o formulário vem logo abaixo, sem cortar. */
@media (max-width: 860px) {
  body.auth-com-foto { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .auth-foto { height: 200px; }
  .auth-foto-texto { padding: 18px 20px; }
  .auth-foto-logo { width: 110px; margin-bottom: 8px; }
  .auth-foto-frase { font-size: 18px; margin-bottom: 0; }
  .auth-foto-texto small { display: none; }
  .auth-lado { min-height: 0; padding: 8px 16px 16px; }
  .auth-com-foto .auth-topbar { position: absolute; top: 12px; right: 12px; width: auto; z-index: 2; }
  .auth-com-foto .auth-header h1 { font-size: 22px; }
  .auth-com-foto .auth-card { margin: 28px 0 auto; }
}