.login-container {
    /* border: 1px solid #f00; */
    width: 100%;
    height: 100%;
}

.login-img-background {
    /* border: 1px solid #f00; */
    width: 100%;
    height: 30%;
    background-image: url('./imagenes/back_login.jpg');
    background-size: cover; /* Asegura que la imagen cubra el contenedor */
    background-position:inherit; /* Centra la imagen en el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.login-footer {
    /* border: 1px solid #0f0; */
    width: 100%;
    height: 70%;
    background-color: #e2e2e2;
}

.login-content-form {
    /* border: 1px solid #f00; */
    position: absolute;
    top: 10%;
    left: 34%;
    width: 450px;
    height: 550px;
}

.login-form-img {
    /* border: 1px solid #0f0; */
    width: 100%;
    height: 130px;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form-img img {
    /* border: 1px solid #0f0; */
    width: 270px;
    height: 95px;
    object-fit: fill; /* Asegura que la imagen llene todo el div */
}

.login-form-form {
    border: 2px solid rgb(186, 186, 186);
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: 320px;
    background-color: #fdfdfd;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;

    -webkit-box-shadow: 0px 10px 17px 8px rgba(153,151,153,1);
    -moz-box-shadow: 0px 10px 17px 8px rgba(153,151,153,1);
    box-shadow: 0px 10px 17px 8px rgba(153,151,153,1);
}

.form-button-submit {
    border: 1px solid #0f0;
    width: 100%;
}