body {
    height: 100vh;
    display: flex;
    flex-direction: column;

}

.container-fluid {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px; /* Margem do header */
}

.full-width {
    height: 40vh; /* Ocupa 40% da tela */
    border-radius: 10px;

}

.half-width {
    height: 55vh; /* Ocupa 55% da tela */
    border-radius: 10px;
}

.navbar, .navbar a {
    color: white !important; /* Define a cor do texto do header como branco */
}

.navbar {
    background-color: #065C9A !important; /* Azul médio com 80% de opacidade */
}

body.dark-mode .container,
body.dark-mode .form-control,
body.dark-mode .btn {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: #444;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #bbbbbb;
}
.navbar-transparent {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: #065C9A !important; /* ou transparente se quiser mesmo */
}