/* Presentacion sobria compartida para los sistemas de demostracion. */
:root{
  --prof-ink:#202724;
  --prof-muted:#66706b;
  --prof-line:rgba(32,39,36,.16);
  --prof-paper:#f3f1ec;
}
*,*::before,*::after{animation:none!important}
body{font-family:Arial,"Helvetica Neue",sans-serif!important;background:var(--prof-paper)!important}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.02em}
.cloud,
#login .mascota,
.side .top img.mk,
.side .top svg.mk,
.banner .masc,
.empty .masc,
.banner .blob{display:none!important}
.demo-bar{padding:7px 16px!important;font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase;background:var(--prof-ink)!important}
#login{background:var(--prof-paper)!important}
#login .mid{padding:42px 18px!important}
#login .box{max-width:560px!important;padding:38px 40px 32px!important;border:1px solid var(--prof-line)!important;border-radius:5px!important;box-shadow:0 18px 45px rgba(32,39,36,.09)!important}
#login h1{font-size:34px!important;margin-bottom:7px!important}
#login .sub{margin-bottom:28px!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--prof-muted)!important}
#login .who{gap:9px!important}
#login .who button{padding:16px 17px!important;border:1px solid var(--prof-line)!important;border-radius:4px!important;box-shadow:none!important;transform:none!important}
#login .who button:hover{border-color:var(--turquesa)!important;background:var(--fondo)!important;box-shadow:none!important;transform:none!important}
#login .who .ic{width:42px!important;height:42px!important;border-radius:3px!important}
#login .who b{font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important}
#login .who span{font-size:12px!important;font-weight:500!important;color:var(--prof-muted)!important}
#login .cred{border:1px solid var(--prof-line)!important;border-radius:4px!important;background:var(--fondo)!important;font-weight:500!important}
.btn,.btn-sm,.inp{border-radius:3px!important;box-shadow:none!important;font-family:Arial,"Helvetica Neue",sans-serif!important}
.btn:hover{transform:none!important}
.card,.stat,.prow,.qa button,.modal .box,.drawer,.empty{border:1px solid var(--prof-line)!important;border-radius:5px!important;box-shadow:none!important}
.stat.click:hover,.prow:hover,.qa button:hover{transform:translateY(-1px)!important;box-shadow:0 9px 24px rgba(32,39,36,.06)!important}
.side{background:#fff!important;border-right:1px solid var(--prof-line)!important}
.side .top{padding:24px 20px 18px!important;gap:0!important;border-bottom:1px solid var(--prof-line)!important}
.side .top b{font-family:Georgia,"Times New Roman",serif!important;font-size:19px!important}
.nav a{border-radius:3px!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important}
.nav a .ic{border-radius:3px!important;box-shadow:none!important}
.nav a:hover{transform:none!important;box-shadow:none!important}
.nav a.active{background:var(--tinta)!important;box-shadow:none!important}
.side .me{border:1px solid var(--prof-line)!important;border-radius:4px!important;box-shadow:none!important}
.topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--prof-line)!important}
.burger{border:1px solid var(--prof-line)!important;border-radius:3px!important}
.banner{border-radius:5px!important;background:var(--tinta)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.09)!important}
.banner .txt{max-width:760px!important}
.tag,.pill,.badge{border-radius:3px!important}
.empty{padding:34px!important;background:#fff!important}
@media(max-width:620px){
  #login .box{padding:30px 20px 24px!important}
  #login h1{font-size:29px!important}
}