html { scroll-behavior: smooth; scroll-padding-top: 130px; }  @media( max-width: 767px){ html { scroll-padding-top: 80px; } }  header .cabeceranormal{ animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.2s;} header .cabecerafija{display:none;} header.brx-sticky.scrolling .cabeceranormal{display:none; animation-name: fadeOutOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.4s;} header.brx-sticky.scrolling .cabecerafija{ display:flex; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.4s; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutOpacity { 0% { opacity: 1; } 100% { opacity: 0; } }