/* LA PUERTA DE VELONI. Solo viste la pantalla de entrada: todo va
   colgado de #login, asi que no toca ni una pantalla de adentro. */
#login{position:relative;overflow:hidden}
#login.on{background:#070B08!important;padding:24px!important}
#login.on::before,#login.on::after{content:"";position:absolute;inset:0;pointer-events:none}
#login.on::before{background-image:
  linear-gradient(rgba(255,255,255,.030) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.030) 1px,transparent 1px);
  background-size:46px 46px}
#login.on::after{background:
  radial-gradient(760px 460px at 50% 14%,rgba(81,196,9,.17),transparent 68%),
  radial-gradient(620px 420px at 86% 92%,rgba(219,202,18,.09),transparent 70%)}
#login .pFondo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#login .pFondo svg{position:absolute;color:#51C409;opacity:.11}
#login .pFondo .d1{left:-28px;bottom:34px;width:min(36vw,330px)}
#login .pFondo .d2{right:-18px;top:46px;width:min(38vw,360px);color:#DBCA12;opacity:.13}
#login .pFondo .d3{left:50%;top:50%;width:min(80vw,620px);transform:translate(-50%,-50%);opacity:.06}
@media(max-width:560px){
  #login .pFondo .d1{width:230px;left:-52px;bottom:-10px}
  #login .pFondo .d2{width:250px;right:-56px;top:-6px}
}
#login.on .card{position:relative;z-index:2;max-width:392px!important;
  background:rgba(14,20,15,.82)!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;padding:38px 32px 30px!important;text-align:left!important;
  box-shadow:0 30px 70px rgba(0,0,0,.6)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#login .card h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;
  font-weight:800!important;font-size:52px!important;line-height:.92!important;
  letter-spacing:.055em!important;text-align:center;margin:0!important;color:#fff!important;
  background:linear-gradient(180deg,#FFFFFF 38%,#AFC9AC);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
#login .card p{text-align:center;font-size:10.5px!important;font-weight:700;
  letter-spacing:.3em;text-transform:uppercase;color:#7D8C7E!important;margin:9px 0 0!important}
#login .pRaya{height:1px;margin:22px 0 4px;
  background:linear-gradient(90deg,transparent,rgba(81,196,9,.55),transparent)}
#login .card label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:#8C9A8D;margin:18px 0 7px;text-align:left}
#login.on .card input{background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;
  padding:13px 15px!important;font-size:16px!important;color:#E8EFE7!important;
  margin-bottom:0!important}
#login.on .card input:focus{background:rgba(81,196,9,.06)!important;
  border-color:#51C409!important;box-shadow:0 0 0 3px rgba(81,196,9,.16)!important}
#login.on .card input::placeholder{color:#6E7C6F!important}
#login.on .card button{margin-top:24px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#5FD611,#3EA305)!important;color:#06170A!important;
  font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;
  font-weight:800!important;font-size:21px!important;letter-spacing:.06em;
  text-transform:uppercase;padding:14px!important;
  box-shadow:0 10px 24px rgba(81,196,9,.22)!important}
#login #errLogin{color:#FFC9C2!important;text-align:center}
#login #errLogin:not(:empty){background:rgba(143,29,20,.22);
  border:1px solid rgba(214,88,76,.45);border-radius:11px;padding:11px 13px;margin-top:16px}
#login .pPie{margin:26px 0 0!important;text-align:center;font-size:12.5px!important;
  color:#6E7C6F!important;letter-spacing:0!important;text-transform:none!important;
  font-weight:400!important}
#login .pNeg{display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
#login .pPunto{width:7px;height:7px;border-radius:50%;background:#51C409;
  box-shadow:0 0 10px rgba(81,196,9,.9)}
#login .pNeg b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-weight:700;font-size:15px;letter-spacing:.06em;color:#C6D4C5}
#login .pNeg i{font-style:normal;font-size:12.5px;color:#6E7C6F}