.logo{height:60px;margin-top:8px}nav{background:linear-gradient(269deg,var(--secundario) -24.33%,var(--primarioOpacity,) 93.87%,var(--secundarioOpacity) 142.54%);height:80px;width:100%;position:fixed;top:0;z-index:100}nav ul{float:right;margin-right:20px;margin-bottom:0}nav ul li{display:inline-block;line-height:80px;margin:0 5px}nav ul li a{color:var(--oscuro);font-size:18px;padding:7px 6px;border-radius:15px;text-transform:uppercase;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-decoration:none}nav ul li a:hover{background:var(--primario2);color:var(--oscuro);transition:.5s;text-decoration:none}#chek{display:none}.checkbtn{font-size:30px;color:var(--claro);float:right;line-height:80px;margin-right:40px;cursor:pointer;display:none}@media screen and (max-width:952px){nav ul li a{font-size:16px}}@media screen and (max-width:1100px){.checkbtn{display:block}nav ul{position:fixed;width:100%;height:100vh;background:var(--oscuro-verde);top:80px;left:-100%;text-align:center;transition:all .5s;margin:0;padding:24px 0 calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}nav ul li{display:block;margin:24px 0;line-height:30px}nav ul li a{font-size:20px;color:var(--claro)}#chek:checked~ul{left:0}}@media screen and (max-width:360px){.checkbtn{margin-right:16px}nav ul li a{font-size:18px}}nav ul li a.active{background:var(--primario2);color:var(--osucro-c1);border-bottom:2px solid var(--osucro-c1);font-weight:700}