.menu-offcanvas{position:fixed;top:0;right:0;width:min(85vw,360px);height:100vh;background:#fff;box-shadow:-4px 0 10px #0003;transform:translate(100%);transition:transform .3s ease;z-index:1050}.menu-offcanvas.open{transform:translate(0)}.offcanvas-body{padding:1rem}.menu-backdrop{position:fixed;inset:0;background:#0000004d;z-index:1040}.admin-menu-button{font-size:.8rem;height:1.8rem;background-color:#969405;color:#fff;border:none;border-radius:.5rem}.admin-menu-button:hover{background-color:green}.principal-menu-button{font-size:.8rem;height:1.8rem;background-color:#4947c9;color:#fff;border:none;border-radius:.5rem}.principal-menu-button:hover{background-color:#032e6e}.user-icon{font-size:2rem;color:orange}.close-section{font-size:.8rem;height:1.8rem;background-color:#df5a5a;color:#fff;border:none;border-radius:.5rem}.close-section:hover{background-color:#ce0606}