/* ==========================================================================
   public/css/entrar.css
   Página de entrada: apresentação à esquerda, formulários à direita.
   ========================================================================== */

/* ── INÍCIO — Página ── */
.ent-pagina { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } /* duas metades */
.ent-apresentacao { background: linear-gradient(160deg, #0f172a 0%, #0e7490 100%); color: #e2e8f0; padding: 48px 56px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } /* lado escuro */
.ent-marca { display: flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 800; color: #fff; } /* logótipo */
.ent-titulo { font-size: 32px; font-weight: 800; color: #fff; margin: 0; } /* título */
.ent-texto { font-size: 16px; max-width: 520px; margin: 0; } /* explicação */
.ent-vantagens { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } /* vantagens */
.ent-vantagens i { color: #f5a623; }                       /* visto âmbar */
.ent-rodape { font-size: 12.5px; color: #94a3b8; margin-top: 16px; } /* contactos */
/* ── FIM — Página ── */

/* ── INÍCIO — Formulários ── */
.ent-caixa { padding: 40px 56px; display: flex; flex-direction: column; justify-content: center; max-width: 560px; width: 100%; margin: 0 auto; } /* lado claro */
.ent-idiomas { display: flex; justify-content: flex-end; gap: 6px; margin-bottom: 18px; } /* PT EN FR */
.ent-idioma { border: 1px solid var(--cs-borda); background: var(--cs-caixa); color: var(--cs-texto); border-radius: 8px; padding: 4px 10px; font-size: 13px; } /* botão de idioma */
.ent-idioma.activo { background: var(--cs-marca); color: #fff; border-color: var(--cs-marca); } /* idioma escolhido */
.ent-separadores { display: flex; gap: 6px; margin-bottom: 8px; border-bottom: 1px solid var(--cs-borda); } /* separadores */
.ent-separador { border: 0; background: transparent; color: var(--cs-texto-suave); font-weight: 700; padding: 10px 14px; border-bottom: 3px solid transparent; } /* separador */
.ent-separador.activo { color: var(--cs-marca); border-bottom-color: var(--cs-marca); } /* escolhido */
.ent-duas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; } /* telefone | NUIT */
.ent-ou { display: flex; align-items: center; gap: 10px; margin: 18px 0 12px; color: var(--cs-texto-suave); font-size: 13px; } /* "ou" entre as duas formas de entrar */
.ent-ou::before, .ent-ou::after { content: ""; flex: 1; border-top: 1px solid var(--cs-borda); } /* linhas dos lados */
.ent-botao-google { display: flex; justify-content: center; min-height: 44px; } /* botão desenhado pela Google */
/* ── FIM — Formulários ── */

/* ── INÍCIO — Ecrãs pequenos ── */
@media (max-width: 900px) {
  .ent-pagina { grid-template-columns: minmax(0, 1fr); }   /* uma coluna */
  .ent-apresentacao { padding: 28px 20px; }                /* menos espaço */
  .ent-titulo { font-size: 24px; }                         /* título menor */
  .ent-caixa { padding: 24px 16px 40px; }                  /* menos espaço */
}
@media (max-width: 420px) {
  .ent-duas { grid-template-columns: minmax(0, 1fr); }     /* uma coluna */
}
/* ── FIM — Ecrãs pequenos ── */