body, html {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* Fondo más suave */
}

#contenedor_loginx {
    background-color: #ffffff;
    position: relative;
    border-radius: 10px;
    width: 450px;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); /* Sombra para un efecto de elevación */
}

.form-floating .form-control {    
}



.icon-container {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888; /* Color de los iconos */
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn i {
    margin-right: 5px;
}