.hamburger{cursor:pointer}.hamburger input{display:none}.hamburger svg{height:2em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:rgb(0,0,0);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.navbar{width:100%;left:0;right:0;display:grid;align-items:center;justify-content:space-between;grid-template-areas:"logo . hamburguesa" "menu menu menu";grid-template-rows:auto 0fr;transition:grid-template-rows .8s ease}.logo{grid-area:logo;align-self:start}.menu{display:none;flex-direction:column;gap:2rem;margin:2rem 0;align-items:center;grid-area:menu;justify-self:center;overflow:hidden;animation:actionMenu .8s ease-in-out}.hamburguesa{grid-area:hamburguesa;align-self:start}.navbar.menu-active{grid-template-rows:auto 1fr;.menu{display:flex}}@keyframes actionMenu{0%{display:flex;color:transparent}90%{display:flex;color:transparent}to{display:flex;color:black}}@media (min-width:768px){.navbar{grid-template-areas:"logo menu session";grid-template-rows:auto}.hamburguesa{display:none}.menu{overflow:visible}}@media (min-width:1024px){.navbar{position:fixed;width:85%;margin:auto;justify-content:space-between}.menu,.navbar{display:flex;flex-direction:row;align-items:center}.menu{gap:2rem;margin:0;justify-self:center;overflow:visible}}