body {
    background-color: #1e3a68; /* Fondo azul marino */
    font-family: 'Roboto', sans-serif; /* Fuente elegante */
    color: #fff; /* Texto en blanco */
}

.card {
    background-color: #0e2345; /* Fondo de tarjeta en azul oscuro */
    border: none; /* Elimina el borde de la tarjeta */
}

.card-header {
    background-color: #1e3a68; /* Encabezado en azul marino */
    color: #fff; /* Texto en blanco */
}

.form-control {
    background-color: #0e2345; /* Fondo de los campos de entrada en azul oscuro */
    color: #fff; /* Texto en blanco */
}

.btn-primary {
    background-color: #1e3a68; /* Botón de inicio de sesión en azul marino */
    color: #fff; /* Texto en blanco */
}

.btn-primary:hover {
    background-color: #0e2345; /* Color de botón en hover */
}
/* Estilos para el menú superior */
.navbar {
    background-color: #0e2345; /* Fondo del menú en azul oscuro */
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff !important; /* Texto del menú en blanco */
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff !important; /* Cambio de color en hover (blanco) */
}

.container {
    max-width: 960px; /* Ancho máximo del contenido */
}

.container {
    max-width: 960px; /* Ancho máximo del contenido */
}
.fondo-azul {
    background-color: #1e3a68; /* Puedes ajustar el color según tus preferencias */
    color: white; /* Color de texto blanco para contrastar */
}