/* =========================================================
   VARIÁVEIS DE CORES DO SISTEMA
   Centraliza as cores institucionais para fácil manutenção
========================================================= */
:root {
  --cor-primaria: #17436a;   /* Azul institucional */
  --cor-secundaria: #bb1518; /* Vermelho institucional */
}

/* =========================================================
   CONFIGURAÇÕES GERAIS
========================================================= */
body {
  font-family: Roboto, sans-serif; /* Fonte padrão do site */
}

/* =========================================================
   LOGO E NAVBAR
========================================================= */
.logo {
  height: 48px;       /* Reduz altura da logo sem alterar o arquivo */
  width: auto;        /* Mantém proporção */
  margin-top: 8px;    /* Alinhamento vertical */
}

.nav-wrapper {
  background-color: var(--cor-primaria); /* Fundo da navbar */
}

/* Recuo da logo apenas no desktop */
@media (min-width: 993px) {
  .nav-wrapper .brand-logo {
    margin-left: 16px; /* ajuste fino conforme necessário */
  }
}

.social-icon {
  width: 22px;
  height: 22px;
  /*margin-right: 8px;*/
  vertical-align: middle;
}

/* Ajuste fino da logo no navbar */
.custom-logo img {
  height: 48px;
}

/* Espaçamento do conteúdo */
main.container {
  min-height: 70vh;
}

/* Botão padrão */
.btn-primary {
  background-color: var(--cor-primaria);
}
/* Container principal */
.login-container {
  margin-top: 80px;
}

/* Card de login */
.login-card {
  padding: 30px;
  border-radius: 8px;
}

/* Logo central */
.logo-login {
  width: 200px;
  margin-bottom: 20px;
}

/* =========================================================
   BOTÕES
========================================================= */
.btn-cta {
  width: 100%;
  background-color: var(--cor-primaria);
}

@media (max-width: 600px) {
  .nav-wrapper {
    height: 56px; /* padrão mobile */
    justify-content: center;
  }

  .logo {
    height: 42px;
  }
}