body.acceso{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;font-family:'Source Sans 3','Source Sans Pro','Segoe UI',Arial,sans-serif;
  background:#1167b8 url('/fondo.svg') center bottom/cover no-repeat;color:#111}
.acceso-card{background:#fff;width:100%;max-width:600px;padding:32px 44px 52px;box-sizing:border-box;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.acceso-card .logo{width:40px;height:40px;display:block}
.acceso-card h1{font-weight:400;font-size:42px;line-height:1.15;text-align:center;margin:0 0 48px}
.acceso-card label{display:block;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#8d8d8d}
.acceso-card input{display:block;box-sizing:border-box;width:100%;margin-top:8px;height:48px;padding:0 14px;border:0;border-radius:4px;background:#eff3f6;font-size:18px;color:#111}
.acceso-card input:focus{outline:2px solid #2d9bd3;outline-offset:0}
.acceso-card .error{min-height:20px;margin:10px 0 0;color:#c0392b;font-size:14px}
.acceso-card .accion{display:flex;justify-content:center;margin-top:28px}
.acceso-card button{background:#2d9bd3;color:#fff;border:0;border-radius:4px;padding:12px 26px;font-size:17px;font-weight:600;cursor:pointer}
.acceso-card button:hover{background:#2589bd}
.acceso-card .pie{margin:26px 0 0;text-align:center;color:#6b6b6b;font-size:13px}
@media (max-width:520px){.acceso-card{padding:24px 22px 40px}.acceso-card h1{font-size:32px}}

body.acceso .wrap{width:100%;max-width:600px;padding:0;margin:0}
body.acceso .top,body.acceso .steps,body.acceso #demo-note{display:none}
.acceso-card.hidden{display:none}
.acceso-card h1#hello{margin-bottom:40px}
.acceso-card .accion{gap:12px}
.acceso-card button.sec{background:#fff;color:#2d9bd3;border:1px solid #2d9bd3}
.acceso-card .pie:empty{display:none}