body,html{margin:0}:root{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.acceso{min-height:100vh;display:grid;place-items:center;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.acceso .caja{width:min(420px,100%);display:grid;grid-gap:18px;gap:18px}.acceso .marca{display:flex;align-items:center;justify-content:center;gap:12px}.acceso .marca .logo{background:var(--side);border-radius:14px;padding:10px;display:grid}.acceso .marca img{width:36px;height:36px}.acceso .marca b{font-family:var(--f-display);font-size:18px;line-height:1.1}.acceso form{display:grid;grid-gap:12px;gap:12px}.acceso input{font-size:15px}.acceso .error{color:var(--bad);font-size:13px}.acceso h1,.acceso h1+p{text-align:center}.acceso .btn{justify-content:center}.admin{padding-block:24px 64px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:grid;grid-gap:20px;gap:20px;max-width:1100px;margin:0 auto}