.scroll-animated nav{animation:enhance-navbar linear both;animation-timeline:scroll(root);animation-range:0 50px}.scroll-animated nav a,.scroll-animated nav button{color:#f0f0ef;animation:enhance-navbar-links linear both;animation-timeline:scroll(root);animation-range:0 50px}.scroll-animated .nav-logo{animation:enhance-navbar-logo linear both;animation-timeline:scroll(root);animation-range:0 50px;display:block}.scroll-animated .nav-logo-after{animation:enhance-navbar-logo-after linear both;animation-timeline:scroll(root);animation-range:0 50px;opacity:0;align-self:center;justify-self:center}.scroll-animated .nav-medicos{animation:enhance-nav-medicos linear both;animation-timeline:scroll(root);animation-range:0 50px;background-color:#a0202c;color:#fff}.scroll-animated .nav-selected,.scroll-animated .nav-selector{animation:enhance-nav-selectors linear both;animation-timeline:scroll(root);animation-range:0 50px}@keyframes enhance-navbar{0%{background-color:transparent;box-shadow:none}to{background-color:#f0f0ef;box-shadow:0 0 20px 0 rgba(0,0,0,.5)}}@keyframes enhance-navbar-links{0%{color:#f0f0ef}to{color:#57534e}}@keyframes enhance-navbar-logo{0%{opacity:1}to{opacity:0}}@keyframes enhance-navbar-logo-after{0%{opacity:0}to{opacity:1}}@keyframes enhance-nav-medicos{0%{background-color:#f0f0ef;color:#57534e}to{background-color:#a0202c;color:#fff}}@keyframes enhance-nav-selectors{0%{border-color:#f0f0ef;background-color:transparent}to{border-color:#57534e;background-color:hsla(0,0%,40%,.079)}}