nav{color:#004aad;grid-template-rows:1fr;grid-template-columns:.2fr 1fr;height:50px;display:grid}navInicio{justify-self:center;display:grid}nav ul{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.navButton.active{color:#fff;background-color:#fff;border-radius:100px;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.linkLogo{grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.logo-container{justify-content:center;align-items:center;display:flex}.logo{width:50px;height:50px}@media screen and (max-width:768px){header{width:100vw;height:70px;margin-top:0}nav{z-index:3;background-color:#fff;grid-template-rows:1fr;grid-template-columns:1fr .1fr;justify-self:center;width:100vw;display:grid}nav a{place-self:center left}li{font-size:20px}.logo{width:30px;height:30px}.navItem{grid-gap:15px;z-index:20;grid-template-rows:auto;grid-template-columns:1fr;padding-top:25px;padding-bottom:25px;padding-left:25px;transition:all .3s;display:grid;position:absolute;top:60px;left:0;transform:translate(-100%)}.navItem.open{transform:translate(0)!important}.navToggle{flex-direction:column;margin:15px;display:flex!important}.navToggle span{transform-origin:5px 0;background:#004aad;border-radius:2px;width:30px;height:4px;margin-bottom:5px;transition:all .2s linear}.navToggle.open>span{transform:rotate(45deg)translate(0)}.navToggle.open>span:nth-child(2){display:none}.navToggle.open>span:nth-child(3){transform:rotate(-45deg)translate(-5px,1px)}.navButton{display:none}}@media screen and (min-width:769px){.navItem,.navToggle{display:none!important}.navButton{color:#004aad;text-align:center;letter-spacing:.01em;justify-content:center;align-items:center;height:45px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative}.navButton:after{content:"";background-color:#4ade80;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:4px;left:18px;right:18px;transform:scaleX(0)}.navButton:hover{color:#004aad}.navButton:hover:after{transform:scaleX(1)}}.blur-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.blur-background.open{display:block}