.login-container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    border: 4px solid #a5daf7; /* Aplicamos un borde de color azul celeste suave */
    border-radius: 10px;            
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: transparent; /* Eliminamos el fondo */
}

.login-logo {
    width: 100px; /* Ajusta el tamaño */
    margin-bottom: 20px; /* Añade espacio entre la imagen y el formulario */
}

/* Centrar la imagen horizontalmente */
.login-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Añadir margen alrededor del formulario */
form {
    margin-top: 20px; /* Ajusta según tu preferencia */
    margin-bottom: 0; /* Elimina el margen inferior predeterminado */
}

.submit-button {
    margin-top: 15px;
}