.app-monitoreo__login {
   display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f2f2f4 url("//shared.lahuen.health/assets/skins/lahuen/base/images/bg_leaves.svg");
}

.app-monitoreo__login .login-cuerpo {
    width: 65rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 6rem;
    border-radius: 0.7rem;
}

.app-monitoreo__login .login-titulo {
    font: 600 3rem 'Lato',sans-serif;
    margin-bottom: 3rem;
    color: var(--primary-c-normal);
}

.app-monitoreo__login .login-input {
    margin-bottom: 4rem;
}

.app-monitoreo__login .login-input::placeholder {
    color: #7386ad;
}

.app-monitoreo__login .login-input.password {
    border: 0.1rem solid #bcbcca;
    border-radius: 0.3rem;
    color: #1a1a1a;
    font: 400 1.6rem/normal 'Open Sans', sans-serif;
    height: 4rem;
    padding: 1rem;
    outline: none;
}

.app-monitoreo__login .login-input.password:focus {
    border-color: var(--primary-a-light);
    transition: border-color 0.3s ease;
}

.app-monitoreo__login .login-input.password::placeholder{
    letter-spacing: normal;
    opacity: .5;
}

.app-monitoreo__login .login-ingresar {
	align-items: center;
    border: 0.1rem solid var(--primary-a-normal);
    border-radius: 0.5rem;
    display: flex;
    padding: 0.75rem 3rem;
    transition: background-color ease .25s;
    background-color: var(--primary-a-normal);
    font: 600 1.8rem/normal 'Lato', sans-serif;
    color: #fff;
    width: fit-content;
    cursor: pointer;
}

.app-monitoreo__login .login-ingresar:hover {
    background-color: var(--primary-a-light);
}

/* Seleccionar app */
.app-monitoreo__select-app {
    display: flex;
    margin: 6rem;
}

.app-monitoreo__select-app .app-item {
    font: 600 2rem 'Lato',sans-serif;
    color: var(--primary-c-normal);
    margin: 0 5rem;
}

.app-monitoreo__select-app .app-icon {
    height: 25rem;
    width: 25rem;
    border-radius: 1rem;
    position: relative;
    margin-bottom: 2rem;
}

.app-monitoreo__select-app .app-icon.nutricion {
    background: #fff url("../images/icon--nutricion.svg") no-repeat center;
    background-size: 20rem;
}

.app-monitoreo__select-app .app-icon.cudyr,
.app-monitoreo__select-app .app-icon.signos-vitales {
	background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-monitoreo__select-app .app-icon.cudyr:before {
    -webkit-mask-image: url("//shared.lahuen.health/assets/skins/lahuen/base/images/icon_cudyr.svg");
    -webkit-mask-repeat: no-repeat;
    content: ' ';
    height: 9rem;
    width: 16rem;
    background-color: var(--primary-c-normal);
}

.app-monitoreo__select-app .app-icon.signos-vitales:before{
	-webkit-mask-image: url("//shared.lahuen.health/assets/skins/lahuen/base/images/icon_monitoring.svg");
    -webkit-mask-repeat: no-repeat;
    content: ' ';
    height: 12rem;
    width: 14rem;
    background-color: var(--primary-c-normal);
}

.app-monitoreo__select-app .app-icon:hover{
	background-color: var(--primary-b-bright);
}

/**.app-monitoreo__select-app .app-icon.cudyr:hover:before{
	background-color: var(--primary-a-normal);
}**/

.app-monitoreo__select-app .app-icon.pacientes {
    background: #fff url("../images/icon--pacientes.svg") no-repeat center;
    background-size: 20rem;
}

.app-monitoreo__select-app .app-icon.off {
    filter: grayscale();
    cursor: no-drop;
}

.app-monitoreo__select-app .app-text {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3;
    max-width: 25rem;
}