:root{--gray: #3c3c3d;--grayClear: #ccc;--lightgray: #f2f2f2;--blue: #2596be;--white: #fff;--transparent: rgba(255, 255, 255, .3);--primaria: "Roboto", sans-serif}*{margin:0;padding:0;text-decoration:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{font-family:var(--primaria);color:var(--gray)}h1,h2,h3,h4{line-height:1.2}h1{font-size:4.8rem}h2{font-size:4.2rem}h3{font-size:3.2rem}h4{font-size:2.8rem}img{max-width:100%}.no-padding{padding:0}.no-margin{margin:0}.button{background-color:var(--white);color:var(--blue);border:none;padding:1.5rem 3rem;border-radius:2rem;font-size:1.6rem;transition:all .3s ease-in-out}.header{position:fixed;width:100%;display:flex;justify-content:center;align-items:center;padding:.8rem;z-index:1000}.header-nav{display:flex;gap:6rem;color:var(--white);border-radius:2rem;padding:1rem 4rem;font-size:1.8rem;background-color:var(--transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s ease}.header-nav.scrolled{background-color:var(--white);box-shadow:0 2px 5px #0000001a}.header-nav.scrolled a{color:var(--gray)}@media (max-width: 768px){.header{padding:0rem}.header-nav{display:flex;gap:2rem;border-radius:0}}.header-nav a{color:var(--white);text-decoration:none;transition:color .3s ease}