:root{
  --setec-login-navy:#0f172a;
  --setec-login-blue:#1f3b67;
  --setec-login-blue2:#243b64;
  --setec-login-accent:#ff6b6b;
  --setec-login-card:rgba(10,19,38,.82);
  --setec-login-border:rgba(255,255,255,.10);
  --setec-login-text:#e5eefc;
  --setec-login-muted:#b9c7dd;
}
body{background:#091222}
.auth-wrapper{
  background:
    linear-gradient(115deg, rgba(9,18,34,.92) 0%, rgba(15,23,42,.82) 30%, rgba(31,59,103,.72) 100%),
    url(assets/images/login-register.jpg) no-repeat center center !important;
  background-size:cover!important;
  padding:28px 18px!important;
  min-height:100vh!important;
  position:relative!important;
}
.auth-wrapper:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at top right, rgba(255,107,107,.12), transparent 32%), radial-gradient(circle at bottom left, rgba(59,130,246,.12), transparent 30%);
  pointer-events:none;
}
.auth-wrapper>*{position:relative;z-index:1}
.auth-wrapper .ocultar-div{opacity:.92}
.auth-wrapper .mostrar-div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:14px;backdrop-filter: blur(6px);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.auth-wrapper #contenedor{border-radius:18px;overflow:hidden;min-height:290px;background:rgba(255,255,255,.04)}
.auth-box{
  width:100%!important;max-width:470px!important;background:var(--setec-login-card)!important;border:1px solid var(--setec-login-border)!important;
  border-radius:28px!important;box-shadow:0 25px 70px rgba(2,8,23,.45)!important;padding:26px 28px 22px!important;backdrop-filter: blur(10px);
}
.setec-login-head{padding-bottom:14px}
.setec-login-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:7px 12px;border-radius:999px;color:#ffd089;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.setec-login-head h2{color:#fff;font-size:30px;line-height:1.05;font-weight:800;margin:14px 0 8px}
.setec-login-head p{color:var(--setec-login-muted);font-size:14px;line-height:1.55;margin-bottom:12px}
.setec-login-site{display:inline-flex;align-items:center;gap:8px;color:#93c5fd!important;font-weight:700;font-size:14px;text-decoration:none!important}
.setec-login-site:hover{color:#bfdbfe!important}
.auth-box .logo{margin-bottom:10px;text-align:center}
.auth-box .logo .db img{max-width:240px!important;height:auto!important;max-height:88px!important;object-fit:contain}
.auth-box hr{border-color:rgba(255,255,255,.10);margin:16px 0 18px}
.auth-box .control-label{color:#e9f1ff!important;font-weight:700;font-size:13px}
.auth-box .form-group{margin-bottom:18px}
.auth-box .form-control{
  height:50px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;padding:0 48px 0 16px!important;box-shadow:none!important;
}
.auth-box .form-control::placeholder{color:#c4d0e5!important}
.auth-box .form-control:focus{border-color:rgba(147,197,253,.45)!important;box-shadow:0 0 0 4px rgba(59,130,246,.12)!important;background:rgba(255,255,255,.10)!important}
.auth-box .form-control-feedback{right:16px!important;top:39px!important;color:#c9d5ea!important}
.auth-box .campo .icon{right:16px!important;top:44px!important;color:#c9d5ea!important}
.auth-box .text-white,.auth-box a.text-white{color:#d9e6f8!important}
.auth-box a.text-white:hover,.auth-box .setec-link:hover{color:#fff!important;text-decoration:none}
.auth-box .btn.btn-outline-danger{border:0!important;background:linear-gradient(135deg, #ff6b6b 0%, #f05268 100%)!important;color:#fff!important;border-radius:16px!important;font-weight:800;letter-spacing:.02em;padding:13px 18px;box-shadow:0 14px 30px rgba(240,82,104,.25)!important}
.auth-box .btn.btn-outline-danger:hover{transform:translateY(-1px);filter:brightness(1.02)}
.auth-box .btn.btn-outline-danger:focus{box-shadow:0 0 0 4px rgba(240,82,104,.22)!important}
#setec-login-footnote{margin-top:16px;text-align:center;color:var(--setec-login-muted);font-size:12px;line-height:1.5}
#setec-login-footnote a{color:#bfdbfe!important;font-weight:700;text-decoration:none}
#login .alert,#recover .alert{border-radius:14px!important}
@media (max-width:1199px){.auth-wrapper .ocultar-div{display:none!important}}
@media (max-width:767px){
  .auth-wrapper{padding:16px 12px!important}
  .auth-box{max-width:100%!important;padding:22px 18px 18px!important;border-radius:22px!important}
  .setec-login-head h2{font-size:24px}
  .auth-box .logo .db img{max-width:210px!important;max-height:78px!important}
}


/* FASE 6.1.9 - login full responsive */
html,body{max-width:100%!important;overflow-x:hidden!important}
.auth-wrapper{position:relative!important;width:100%!important;min-height:100vh!important;height:auto!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.auth-wrapper .ocultar-div{flex:0 1 360px;max-width:360px;width:100%}
.auth-wrapper .mostrar-div{width:100%}
.auth-box{flex:0 1 470px}
#contenedor{width:100%;height:100%;min-height:290px}
#setec-login-footnote{max-width:100%;padding:0 8px 4px;word-break:break-word}
@media (max-width:1366px){
  .auth-wrapper{padding:20px 16px!important;gap:16px!important}
  .auth-wrapper .ocultar-div{flex-basis:300px;max-width:300px}
  .auth-box{max-width:440px!important}
}
@media (max-width:1199px){
  .auth-wrapper{padding:18px 12px!important}
  .auth-box{max-width:560px!important;width:100%!important}
}
@media (max-width:767px){
  .auth-wrapper{padding:12px!important;display:block!important}
  .auth-box{max-width:100%!important;width:100%!important;margin:0 auto!important;padding:18px 14px 16px!important;border-radius:20px!important}
  .auth-box hr{margin:12px 0 14px!important}
  .auth-box .form-control{height:46px!important;border-radius:14px!important;padding:0 44px 0 14px!important}
  .auth-box .form-control-feedback{top:37px!important;right:14px!important}
  .auth-box .campo .icon{top:40px!important;right:14px!important}
  .setec-login-head{padding-bottom:10px!important}
  .setec-login-head h2{font-size:22px!important;line-height:1.08!important;margin:10px 0 6px!important}
  .setec-login-head p{font-size:13px!important;line-height:1.45!important;margin-bottom:8px!important}
  .setec-login-site{font-size:13px!important;word-break:break-word!important}
  .auth-box .logo .db img{max-width:190px!important;max-height:64px!important}
  #setec-login-footnote{font-size:11px!important;line-height:1.45!important;margin-top:12px!important}
}
@media (max-height:760px){
  .auth-wrapper{align-items:flex-start!important;padding-top:14px!important;padding-bottom:14px!important}
}

#setec-login-footnote .setec-login-copy{display:block;margin-top:4px;color:#c7d4e8}


/* FASE 6.1.10 - login limpio sin imagen antigua */
.setec-login-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:16px 0 20px}
.auth-box{max-width:450px!important;padding:28px 30px 24px!important}
.setec-login-head{text-align:left!important;padding-bottom:0!important}
.setec-login-badge{font-size:12px!important;padding:8px 13px!important}
.setec-login-head h2{margin-top:16px!important}
.auth-box #loginform>.logo,.auth-box #recoverform>.logo{display:none!important}
@media(max-width:767px){
  .auth-box{padding:20px 16px 18px!important}
  .setec-login-divider{margin:12px 0 16px!important}
  .setec-login-head h2{margin-top:12px!important}
}


/* FASE 6.1.11 - login limpio, centrado y sin scroll en escritorio */
html,body{height:100%;min-height:100%;margin:0!important;overflow-x:hidden!important}
body>.main-wrapper{min-height:100vh!important}
.auth-wrapper{
  width:100%!important;
  min-height:100vh!important;
  height:100vh!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.auth-wrapper>.ocultar-div{display:none!important}
.auth-box{
  width:min(450px, calc(100vw - 28px))!important;
  max-width:450px!important;
  max-height:calc(100vh - 28px)!important;
  padding:20px 24px 16px!important;
  margin:0 auto!important;
  overflow:hidden!important;
}
.setec-login-head{padding:0 0 10px!important}
.setec-login-badge{padding:6px 11px!important;font-size:10px!important}
.setec-login-head h2{font-size:27px!important;line-height:1.08!important;margin:11px 0 6px!important}
.setec-login-head p{font-size:13px!important;line-height:1.42!important;margin:0!important;color:#bac8dd!important}
.setec-login-site{display:none!important}
.setec-login-divider{height:1px;background:rgba(255,255,255,.09);margin:12px 0 16px!important}
.auth-box .row{margin-left:-6px!important;margin-right:-6px!important}
.auth-box .row>[class*=col-]{padding-left:6px!important;padding-right:6px!important}
.auth-box .m-t-20{margin-top:8px!important}
.auth-box .form-group{margin-bottom:13px!important}
.auth-box .control-label{font-size:12px!important;margin-bottom:5px!important}
.auth-box .form-control{height:46px!important;min-height:46px!important;border-radius:14px!important}
.auth-box .form-control-feedback{top:34px!important}
.auth-box .campo .icon{top:37px!important}
.auth-box .form-group.text-center.m-t-20{margin-top:10px!important;margin-bottom:8px!important}
.auth-box .btn.btn-outline-danger{padding:11px 16px!important;border-radius:14px!important;font-size:16px!important}
#to-recover,#to-login{font-size:12px!important}
#setec-login-footnote{
  margin-top:11px!important;
  padding:11px 8px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#aebbd0!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  text-align:center!important;
}
#setec-login-footnote a{color:#bfdbfe!important;font-weight:700!important;white-space:nowrap!important}
#recoverform .setec-login-head h2{font-size:25px!important}
#recoverform .setec-login-head p{margin-bottom:0!important}
@media (max-height:680px) and (min-width:768px){
  .auth-wrapper{height:auto!important;min-height:100vh!important;align-items:flex-start!important;overflow-y:auto!important;padding:10px!important}
  .auth-box{max-height:none!important;padding:16px 20px 14px!important}
  .setec-login-head h2{font-size:23px!important;margin-top:8px!important}
  .setec-login-head p{font-size:12px!important}
  .auth-box .form-control{height:42px!important;min-height:42px!important}
}
@media (max-width:767px){
  html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important}
  .auth-wrapper{height:auto!important;min-height:100vh!important;overflow-y:auto!important;padding:10px!important;align-items:flex-start!important}
  .auth-box{width:100%!important;max-width:430px!important;max-height:none!important;padding:18px 14px 14px!important;margin:0 auto!important}
  .setec-login-head h2{font-size:22px!important}
  .setec-login-head p{font-size:12.5px!important}
  #setec-login-footnote{font-size:10px!important;padding-left:2px!important;padding-right:2px!important}
}