.login-page{color:#f5eddd;background:#171716;grid-template-columns:1fr minmax(320px,560px) 1fr;align-items:center;gap:4vw;min-height:100vh;padding:45px 6vw;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(1px);opacity:.4;border-radius:50%;width:42vw;height:42vw;position:absolute}.login-page:before{background:radial-gradient(circle,var(--red) 0 4%,transparent 5% 12%,#263f57 13% 18%,transparent 19%);top:-20vw;left:-25vw}.login-page:after{background:radial-gradient(circle,#c1963d 0 3%,transparent 4% 15%,var(--wine) 16% 28%,transparent 29%);bottom:-25vw;right:-28vw}.login-logo{z-index:2;position:absolute;top:35px;left:5vw}.login-logo img{object-fit:cover;border-radius:50%;width:76px;height:76px}.login-card{color:#171716;z-index:1;background:#eee6d6;grid-column:2;padding:54px;position:relative;box-shadow:22px 24px #00000040}.login-card>p{letter-spacing:.2em;color:var(--red);font-size:8px;font-weight:800}.login-card h1{letter-spacing:-.04em;margin:15px 0 30px;font:400 52px/.95 Georgia,serif}.login-card h1 em{color:var(--red);font-weight:400}.login-tabs{border-bottom:1px solid #15151533;display:flex}.login-tabs button{text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;flex:1;padding:14px;font-size:8px}.login-tabs button.active{border-bottom:2px solid var(--red);font-weight:800}.google-login{color:#171716;letter-spacing:.08em;cursor:pointer;background:#fff;border:1px solid #15151547;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:14px 18px;font-size:10px;font-weight:800;display:flex}.google-login span{background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font:700 13px Arial;display:grid}.google-login:disabled{opacity:.55}.login-divider{color:#817a70;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:18px 0 0;font-size:8px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#15151529;flex:1;height:1px}.login-card form{gap:17px;margin-top:18px;display:grid}.login-card label{text-transform:uppercase;letter-spacing:.12em;gap:8px;font-size:8px;font-weight:800;display:grid}.login-card input{background:0 0;border:0;border-bottom:1px solid #171716;outline:0;padding:12px 3px;font-family:Georgia,serif;font-size:16px}.login-submit{color:#fff;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#171716;border:0;margin-top:8px;padding:16px;font-size:9px}.login-submit:disabled{opacity:.55}.login-message{color:#80362c;margin:0;font:14px/1.4 Georgia,serif}.login-card>small{color:#777067;margin-top:22px;font-size:8px;line-height:1.5;display:block}.login-page>blockquote{z-index:1;color:#c5a14e;border:0;align-self:end;margin:0 0 20px;font:italic 22px/1.35 Georgia,serif;position:relative}@media (max-width:900px){.login-page{grid-template-columns:1fr;padding:120px 6vw 60px}.login-card{grid-column:1;width:min(560px,100%);margin:auto}.login-page>blockquote{display:none}}@media (max-width:520px){.login-card{padding:38px 25px}.login-card h1{font-size:43px}.login-logo img{width:64px;height:64px}}.pending-card{text-align:center}.pending-card h1{font-size:46px}.pending-seal{color:#9a7225;border:1px solid #b18a37;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 22px;font-size:25px;display:grid}.pending-copy{max-width:420px;margin:0 auto 28px;color:#625d55!important;letter-spacing:0!important;font:16px/1.65 Georgia,serif!important}.pending-exit{color:#fff;display:block}.pending-card>.pending-exit{color:#fff}.login-page{background:radial-gradient(circle at 80% 20%,#183243,var(--black) 52%)}.login-page:before{background:radial-gradient(circle,var(--sky) 0 4%,transparent 5% 12%,var(--crimson) 13% 18%,transparent 19%)}.login-page:after{background:radial-gradient(circle,var(--gold) 0 3%,transparent 4% 15%,var(--sky-deep) 16% 28%,transparent 29%)}.login-card{background:var(--white);color:var(--black);box-shadow:22px 24px #96d8f138}.login-card>p,.login-card h1 em{color:var(--sky-deep)}.login-tabs button.active{border-bottom-color:var(--gold)}.login-card input:focus{border-color:var(--sky-deep)}.login-submit{background:var(--black);border-bottom:3px solid var(--gold)}.login-message{color:var(--crimson)}.login-page{background-color:#267f87;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:6px 6px}.login-page:before,.login-page:after{display:none}.login-logo{background:var(--silver);border:3px outset #fff;padding:7px;box-shadow:4px 5px #163b45}.login-logo img{border-radius:2px}.login-card{background:var(--silver);border:3px outset #fff;padding:78px 48px 45px;box-shadow:8px 9px #00000073}.login-card:before{content:"Tinta — Control de acceso";color:#fff;background:linear-gradient(90deg,#071d5e,#237fbd);align-items:center;height:38px;padding:0 10px;font-size:12px;font-weight:800;display:flex;position:absolute;top:5px;left:5px;right:5px}.login-card:after{content:"_  □  ×";background:var(--silver);color:#111;border:2px outset #fff;padding:5px 7px;font-weight:900;position:absolute;top:11px;right:10px}.login-card h1{font-family:Georgia,serif}.login-tabs{background:#fff;border:3px inset #fff}.login-tabs button{min-height:43px}.login-tabs button.active{background:var(--sky);border-bottom:0}.google-login,.login-submit{border:3px outset #fff;min-height:52px;box-shadow:2px 2px #222}.google-login:active,.login-submit:active{box-shadow:none;border-style:inset;transform:translate(2px,2px)}.login-divider:before,.login-divider:after{background:#777}.login-card input{background:#fff;border:3px inset #fff;padding:12px;font-family:Courier New,monospace}.login-submit{background:var(--gold);color:#111}.pending-seal{background:#fff;border:3px outset #fff}