:root{--text-color: rgb(17, 17, 17);--text-max-width: 1080px;--bg-color: rgb(251, 251, 251);--nav-bg-color: rgb(245, 245, 245);--hero-bg-neutral: hsl(213, 48%, 75%);--hero-bg-woods: hsl(34, 57%, 70%);--hero-bg-tec: hsl(184, 69%, 70%);--nav-hover-color-0: hsla(0, 0%, 100%, 0);--nav-hover-color: hsla(271, 66%, 60%, .6);--lang-hover-color-0: hsla(91, 90%, 60%, 0);--lang-hover-color: hsla(91, 90%, 60%, .6);--card-color: hsl(153, 84%, 25%)}@media screen and (min-width:1200px){:root{--hero-bg-neutral: linear-gradient( 90deg, hsl(0, 0%, 98%) 0%, hsl(213, 48%, 75%) 33%, hsl(213, 48%, 75%) 47%, hsl(0, 0%, 98%) 100% );--hero-bg-woods: linear-gradient( 90deg, hsl(0, 0%, 98%) 0%, hsl(34, 57%, 70%) 33%, hsl(34, 57%, 70%) 47%, hsl(0, 0%, 98%) 100% );--hero-bg-tec: linear-gradient( 90deg, hsl(0, 0%, 98%) 0%, hsl(184, 69%, 70%) 33%, hsl(184, 69%, 70%) 47%, hsl(0, 0%, 98%) 100% )}}*,:before,:after{box-sizing:border-box}body{font-family:system-ui,sans-serif;line-height:1.5;margin:0 auto;padding:0;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100svh}main{padding:0;font-size:1rem;color:var(--text-color);flex:1;overflow-wrap:break-word;text-wrap:balance}.no-script{text-align:center;color:#dc143c;font-weight:700;font-size:1.3rem}h1{font-size:1.8rem;margin-bottom:.5rem}.h2-smaller{font-size:1.2rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#000;color:#fff;padding:.5rem}.hero-div{padding:0;margin:0}.hero-div-neutral{background:var(--hero-bg-neutral)}.hero-div-woods{background:var(--hero-bg-woods)}.hero-div-tec{background:var(--hero-bg-tec)}.hero-text{max-width:var(--text-max-width);padding:2rem .5rem;margin:auto}.hero-text h2{font-size:1.2rem;margin-top:1.5rem}.flow-content{max-width:var(--text-max-width);margin:auto;padding:0 .5rem}.flow-content a{color:#2e5584;text-underline-offset:.3rem}.flow-content a:active{color:#842e55}.separator-2{height:2rem}.separator-1{height:1rem}@media screen and (min-width:600px){.hero-text{padding:2rem 1rem}.flow-content{padding:0 1rem}}@media screen and (min-width:800px){body{line-height:1.6}.hero-text{padding:2rem 1.5rem}.flow-content{padding:0 1.5rem}}