:root{--color-primary:#0077b6;--color-hover:#0fa3f1;--font-primary:'Open Sans', sans-serif}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-primary);display:flex;flex-direction:column;max-height:100vh}header{background-color:var(--color-primary);padding:20px;display:flex;justify-content:center;align-items:center;flex-shrink:0}header img{max-width:130px;height:auto}body.js-loading{opacity:0;transition:opacity 1s ease-in}body.js-loaded{opacity:1}footer{background-color:var(--color-primary);color:#fff;padding:5px;font-size:11px;text-align:center;flex-shrink:0}.img1{background-image:url(../../img/sentiero-montagna-italiana.webp)}.img2{background-image:url(../../img/cammino-italiano-montagna.webp)}.img3{background-image:url(../../img/cammini-nel-mondo-escursione.webp)}.img4{background-image:url(../../img/cammino-santiago.webp)}.img5{background-image:url(../../img/guida-cammini-paesaggi-montani.webp)}.hero{flex-grow:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .5);overflow:hidden;padding:0 20px;text-align:center}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.hero-bg:first-child{opacity:1}.hero-bg.active{opacity:1}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .3);z-index:2}.hero-content{position:relative;z-index:3;margin-top:8%}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:24px;margin-bottom:40px}.hero .cta{background-color:var(--color-primary);color:#fff;text-decoration:none;padding:12px 24px;border-radius:7px;font-size:18px;transition:background-color 0.3s ease}.hero .cta:hover{background-color:var(--color-hover)}