/* Importação da fonte Roboto do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
  font-family: 'Roboto', sans-serif !important;
  background-color: #f8f9fa;
}

.login-container {
  margin-top: 100px;
}

.login-card {
  padding: 30px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

/* Espaçamento superior para centralizar o conteúdo */
.dashboard-container {
  margin-top: 100px;
}

/* Remove os cantos arredondados para criar um efeito "square" */
.btn-square {
  border-radius: 5px !important;
}

/* Define tamanho, espaçamento e largura fixa para os botões */
.btn-custom {
  font-size: 1.25rem;
  padding: 1rem 2rem;
  width: 200px;
  /* Ajuste a largura conforme necessário */
  justify-content: center;
}

.imagem_login {
  max-height: 80px;
  width: auto;
  margin: 0 auto;
  display: block;
}

/* Ajustes para dispositivos menores */
@media (max-width: 576px) {
  .dashboard-container {
    margin-top: 50px;
  }

  .d-flex.justify-content-between {
    flex-direction: column;
    align-items: center;
  }

  .btn-custom {
    width: 100%;
    margin-bottom: 10px;
  }
}