html { min-height:100%; background:#e8eeed; }
body {
    margin:0; min-height:100vh; min-height:100dvh; box-sizing:border-box;
    display:flex; flex-direction:column; align-items:center;
    padding:80px 20px 24px;
    padding-top:max(80px, env(safe-area-inset-top));
    padding-bottom:max(24px, env(safe-area-inset-bottom));
    font-family:Arial,sans-serif; isolation:isolate;
}
#login-background {
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background-color:#e8eeed;
    background-image:linear-gradient(135deg,#dce9e6,#f5f7f8);
    background-position:center center; background-size:cover; background-repeat:no-repeat;
}
.login-box {
    position:relative; z-index:1; width:100%; max-width:360px; height:auto;
    flex:0 0 auto; margin:auto 0; box-sizing:border-box;
    padding:52px 28px 26px; border-radius:20px;
    background:rgba(247,247,247,.94); color:#172c2b;
    box-shadow:0 8px 30px rgba(0,0,0,.24);
}
.avatar {
    position:absolute; width:92px; height:92px; top:-48px;
    left:50%; transform:translateX(-50%); object-fit:cover;
    border-radius:50%; background:#fff; box-shadow:0 3px 16px rgba(0,0,0,.25);
}
.login-box .login-logo {display:block;width:100%;max-width:270px;height:auto;margin:0 auto 20px;border-radius:20px;}
.login-box label {display:block;margin:0 0 4px;font-weight:600;}
.login-box input {
    display:block;width:100%;min-width:0;box-sizing:border-box;
    margin:0 0 18px;padding:8px 3px;border:0;border-bottom:1px solid #429596;
    border-radius:0;background:transparent;height:44px;color:#172c2b;font-size:16px;
}
.login-box input:focus {outline:2px solid #1ab394;outline-offset:2px;}
#btningresar {width:100%;height:auto;min-height:44px;padding:10px 14px;border-radius:20px;}
#btningresar:hover {cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.login-box a {display:block;text-align:center;font-size:14px;overflow-wrap:anywhere;text-decoration:none;}
@media(max-width:380px) {body{padding-left:14px;padding-right:14px;}.login-box{padding-left:20px;padding-right:20px;}}
@media(max-height:540px) {body{padding-top:64px;padding-bottom:16px;}.login-box{margin:0;}.login-box .login-logo{max-width:200px;margin-bottom:12px;}.login-box input{margin-bottom:12px;}}