/* Login Setec Chile - diseño compartido POS / Restaurante */
.lg-page{--lg-accent:#1f6fe0;--lg-accent-dark:#1550a8;--lg-overlay:rgba(8,18,38,.72);
  position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;
  background:#0b1220 center/cover no-repeat;}
.lg-page.lg-rest{--lg-accent:#a4262c;--lg-accent-dark:#7d1b20;--lg-overlay:rgba(24,8,8,.70);}
.lg-page::before{content:"";position:fixed;inset:0;background:var(--lg-overlay);z-index:0;}
.lg-page *{box-sizing:border-box;}
.lg-shell{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 20px;}
.lg-row{display:flex;align-items:center;justify-content:center;gap:28px;width:100%;}
.lg-side{display:none;width:230px;flex:0 0 230px;}
.lg-side a,.lg-side div{display:block;height:340px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 12px 32px rgba(0,0,0,.4);}
@media(min-width:1180px){.lg-side{display:block;}}
.lg-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:34px 34px 28px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:5px solid var(--lg-accent);}
.lg-logo{text-align:center;margin-bottom:6px;min-height:8px;}
.lg-logo img{max-width:230px;max-height:90px;width:auto;height:auto;object-fit:contain;}
.lg-title{margin:10px 0 4px;text-align:center;font-size:22px;font-weight:700;color:#111827;}
.lg-sub{margin:0 0 22px;text-align:center;font-size:14px;color:#6b7280;}
.lg-field{position:relative;margin-bottom:16px;}
.lg-field label{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:#374151;}
.lg-field .lg-ico{position:absolute;left:14px;bottom:13px;font-size:16px;color:#9ca3af;pointer-events:none;}
.lg-field input.lg-input{display:block;width:100%;height:46px;padding:0 44px 0 42px;font-size:15px;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;outline:0;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s;}
.lg-field input.lg-input:focus{border-color:var(--lg-accent);background:#fff;box-shadow:0 0 0 3px rgba(31,111,224,.15);}
.lg-rest .lg-field input.lg-input:focus{box-shadow:0 0 0 3px rgba(164,38,44,.15);}
.lg-field input.lg-input::placeholder{color:#9ca3af;}
.lg-field input.lg-input.error{border-color:#dc2626;}
.lg-field label.error{display:none!important;}
.lg-card #show_password{position:absolute;right:8px;bottom:5px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;color:#6b7280;cursor:pointer;border-radius:8px;}
.lg-card #show_password:hover{color:var(--lg-accent);background:#f3f4f6;}
.lg-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 18px;font-size:13px;}
.lg-links a,.lg-links span.lg-link{color:var(--lg-accent);cursor:pointer;text-decoration:none;font-weight:600;}
.lg-links a:hover,.lg-links span.lg-link:hover{text-decoration:underline;color:var(--lg-accent-dark);}
.lg-links.lg-end{justify-content:flex-end;}
.lg-card button[type=submit],.lg-card #submit_login button,.lg-card #submit_password button,.lg-card #btn-login,.lg-card #btn-recuperar{display:block;width:100%;height:48px;padding:0 16px;font-size:16px;font-weight:700;letter-spacing:.3px;color:#fff!important;background:var(--lg-accent)!important;border:0!important;border-radius:10px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transition:background .15s,transform .05s;}
.lg-card button[type=submit]:hover,.lg-card #submit_login button:hover,.lg-card #submit_password button:hover{background:var(--lg-accent-dark)!important;}
.lg-card button[type=submit]:active{transform:translateY(1px);}
.lg-card button[disabled]{opacity:.7;cursor:wait;}
.lg-alt{margin-top:16px;text-align:center;font-size:13px;}
.lg-alt a{color:#4b5563;text-decoration:none;font-weight:600;}
.lg-alt a:hover{color:var(--lg-accent);}
.lg-card #login,.lg-card #recover{margin-bottom:10px;}
.lg-card #login .alert,.lg-card #recover .alert{font-size:13px;padding:10px 12px;border-radius:8px;margin:0;}
.lg-card #loginform,.lg-card #recoverform{display:block;}
.lg-card #recoverform{display:none;}
.lg-hint{margin:0 0 18px;text-align:center;font-size:14px;color:#6b7280;line-height:1.45;}
.lg-contact{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;width:100%;max-width:780px;}
.lg-contact a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s;}
.lg-contact a:hover{background:rgba(255,255,255,.24);color:#fff;}
.lg-contact b{font-weight:600;opacity:.8;}
.lg-contact svg{width:17px;height:17px;flex:0 0 17px;fill:currentColor;}
.lg-copy{margin-top:14px;font-size:12px;color:rgba(255,255,255,.65);text-align:center;}
.lg-copy a{color:rgba(255,255,255,.85);text-decoration:none;}
@media(max-width:600px){.lg-contact{display:none;}.lg-card{padding:26px 20px 22px;}.lg-shell{justify-content:flex-start;padding-top:20px;}}