:root{--main-txt-color: rgb(3, 3, 3);--main-txt-gray: rgba(55, 53, 47, .6);--main-charcoal: rgb(30, 41, 48);--main-gray: rgb(150, 150, 150);--main-lightgray: rgb(225, 225, 225);--main-bg-color: rgb(248, 248, 248);--main-charcoal-trans: rgba(54, 69, 79, .8);--main-charcoal-fulltrans: rgba(54, 69, 79, .2);--main-bg-trans: rgba(248, 248, 248, .8);--main-gray-tras: rgba(150, 150, 150, .2);--main-highlight: rgb(255, 255, 0)}header button.menu-button{position:fixed;padding:0;top:8px;right:8px;width:48px;height:48px;border:0px;z-index:15;background-color:var(--main-bg-trans);border-radius:24px;cursor:pointer;transition:all .2s ease}header button.menu-button:hover,header button.menu-button:focus,header button.menu-button:active{background-color:var(--main-gray-tras)}header button.menu-button:hover .nav-icon,header button.menu-button:focus .nav-icon,header button.menu-button:active .nav-icon{opacity:1}header button.menu-button .nav-icon{position:relative;margin:-9px auto 0;width:24px;transform:rotate(0);transition:.5s ease-in-out;opacity:.6}header button.menu-button .nav-icon span{display:block;position:absolute;height:2px;width:100%;background:var(--main-txt-color);border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.2s ease-in-out}header button.menu-button .nav-icon span:nth-child(1){top:0}header button.menu-button .nav-icon span:nth-child(2),header button.menu-button .nav-icon span:nth-child(3){top:8px}header button.menu-button .nav-icon span:nth-child(4){top:16px}header button.menu-button .open span:nth-child(1){top:8px;width:0%;left:50%}header button.menu-button .open span:nth-child(2){transform:rotate(45deg)}header button.menu-button .open span:nth-child(3){transform:rotate(-45deg)}header button.menu-button .open span:nth-child(4){top:8px;width:0%;left:50%}h1.brand{font-size:1.2em;margin:18px 32px 18px 0}h1.brand span.ml{padding-left:32px}.panel-menu{position:fixed;background-color:var(--main-bg-color);box-shadow:0 0 4px var(--main-txt-color);top:0;right:0;width:0;height:100%;min-width:240px;overflow-y:auto;overflow-x:hidden;z-index:14;transition:all .5s ease;display:flex;flex-direction:column}.panel-menu .social{padding:1em 2em}.panel-menu .social ul.socialmedia li.social-item{padding:0}.panel-menu .social ul.socialmedia li.social-item a{font-size:1em;width:36px;height:36px}.panel-menu.open{transition:all .5s ease;transform:translateZ(0) translate(0)}.nombre{font-size:1.3em;margin-left:24px}nav.main-navigation ul.menu{list-style-type:none;margin:32px 0 0;padding:0;color:var(--main-txt-color);width:100%;border-radius:1px solid red;flex-grow:1;display:flex;flex-direction:column;justify-content:center}nav.main-navigation ul.menu li.menu-item a{flex-grow:1;display:block;width:100%;color:var(--main-txt-color);padding:2em;text-decoration:none;transition:all .2s ease}nav.main-navigation ul.menu li.menu-item a:hover,nav.main-navigation ul.menu li.menu-item a:focus{border-left:5px solid var(--main-charcoal);background-color:var(--main-lightgray)}nav.main-navigation ul.menu li.menu-item a.router-link-exact-active{border-left:5px solid var(--main-charcoal-trans)}nav.main-navigation ul.menu li.menu-item a.router-link-exact-active:hover,nav.main-navigation ul.menu li.menu-item a.router-link-exact-active:focus{border-left:5px solid var(--main-charcoal)}.overlay{z-index:13;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--main-charcoal-trans)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter,.slide-leave-to{transform:translateZ(0) translate(300px)}