:root{--menu-color:#f7941d;--menu-hover:#808285}.contenedor-menu{display:flex;justify-content:flex-end;width:calc(100vw - 20%);float:right;align-items:center}.menu{width:calc(100% - 60px)}.menu ul{display:flex;padding:0;list-style:none;justify-content:flex-end;margin:0;align-items:center}.menu ul li{margin:10px;text-transform:uppercase;padding:0 !important;width:auto}.menu ul li a{color:var(--menu-color);transition:all .3s;text-decoration:none}.menu ul li:hover a{color:var(--menu-hover);transition:all .3s}.burger{height:32px;margin:10px;cursor:pointer;position:absolute;width:40px;display:none;z-index:999}.burger:before,.burger span,.burger:after{width:100%;height:4px;display:block;background:var(--menu-color);border-radius:2px;position:absolute;opacity:1}.burger:before,.burger:after{transition:top .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);-webkit-transition:top .35s cubic-bezier(.23,1,.32,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);content:""}.burger:before{top:4px}.burger span{top:15px}.burger:after{top:26px}.burger:hover:before{top:7px}.burger:hover:after{top:23px}.burger.cross span{opacity:0}.burger.cross:before,.burger.cross:after{top:40%}.burger.cross:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5)}.burger.cross:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-5)}.burger:focus{outline:0}@keyframes aparecer{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0%)}}@media(max-width:768px){.burger{position:relative;display:block;animation:aparecer .5s forwards}.menu ul{position:absolute;display:flex !important;width:100%;height:100%;margin:0;padding:0;top:-100%;left:0;flex-direction:column;align-items:center;justify-content:center;transition:all .5s;z-index:-1;opacity:0}.menu il li{opacity:0;transition:all .3s}.menu ul.menu-activo li{opacity:1;transition:all .3s}.menu ul:before{content:"";position:absolute;width:100%;height:100%;background:black;z-index:-1;top:-100%;left:0;transition:all .5s}.menu ul.menu-activo{top:0;transition:all .5s;height:100vh !important;padding:40px;opacity:1}.menu ul.menu-activo:before{top:0;transition:all .5s}}