/* Pagina autonoma: non altera gli stili del catalogo o dei player. */
:root{color-scheme:light;--green:#94c11f;--ink:#2c2d2c;--muted:#697163;--line:#e4e8df;--soft:#f5f7f1;--forest:#526d09}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a:focus-visible{outline:3px solid var(--forest);outline-offset:5px}
.skip-link{position:absolute;z-index:20;top:-100px;left:20px;background:var(--green);padding:10px 18px;border-radius:8px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;padding:14px 32px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:20px;flex:none}.brand img{width:146px;height:58px;object-fit:contain}.brand-divider{height:32px;width:1px;background:var(--line)}.partner{font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.02em}.partner>span{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}nav a{padding:9px 0}nav a:hover{color:var(--forest)}nav span{margin-left:6px}
.page{max-width:1280px;margin:auto;padding:32px 32px 0}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:36px;border-radius:16px;background:var(--ink);padding:42px 48px;color:#fff}
.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--forest);font-size:10px;line-height:1.5;text-transform:uppercase;font-weight:700;letter-spacing:.12em}
.hero .eyebrow{display:flex;align-items:center;gap:8px;color:#dcebb4;margin-bottom:19px}.hero .eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%;flex:none}
h1{font-size:clamp(34px,4.3vw,56px);letter-spacing:-.045em;line-height:1.08;font-weight:650}h1>span{color:var(--green)}.hero-description{color:#d2d7cc;font-size:14px;line-height:1.75;margin-top:18px}.hero-link{display:inline-flex;align-items:center;gap:32px;min-height:44px;margin-top:24px;padding:11px 17px;background:var(--green);color:#263308;font-size:12px;font-weight:750;border-radius:7px}.hero-link:hover{background:#a4cf31}.hero-link:focus-visible{outline-color:#fff}
.hero-side{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:38px;border-left:1px solid #ffffff20}.hero-side .hero-brand-title{font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.1;color:var(--green)}.hero-caption{color:#e2e6dc;font-size:17px;line-height:1.55;letter-spacing:-.015em;margin-top:14px}.hero-more{background:transparent;border:1px solid #a5c76b;color:#e4f0ce}.hero-more:hover{background:var(--green);border-color:var(--green);color:#263308}
.collection{margin-top:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:7px}h2{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:650}.count{color:var(--muted);font-size:12px;white-space:nowrap;padding-bottom:4px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.video-card:hover{border-color:#9eb97c;box-shadow:0 7px 22px #2c2d2c09}.video-card:focus-visible{outline-offset:4px}.video-cover{position:relative;aspect-ratio:16/9;background:#161916;overflow:hidden}.video-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.video-card:hover .video-cover>img{transform:scale(1.025)}.video-badge{position:absolute;top:12px;left:12px;color:#fff;background:#1c231cd9;border:1px solid #ffffff25;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:650;letter-spacing:.045em;text-transform:uppercase}.video-number{position:absolute;top:12px;right:13px;font-size:11px;color:#fff;line-height:24px;text-shadow:0 1px 3px #000}.play-icon{position:absolute;bottom:12px;right:12px;width:34px;height:34px;background:#fff;border-radius:50%;display:grid;place-items:center}.play-icon svg{width:18px;height:18px;fill:var(--ink)}
.video-body{padding:20px;display:flex;flex-direction:column;flex:1}.video-location{font-size:10px;color:var(--muted);letter-spacing:.06em;margin-bottom:5px}.video-body h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:650}.video-description{color:var(--muted);font-size:13px;line-height:1.7;margin-top:10px;margin-bottom:22px}.card-action{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;color:var(--forest)}.card-action>span{font-size:18px;line-height:1}
.viewing-guide{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:28px 30px;margin-top:38px}.guide-heading .eyebrow{margin-bottom:7px}.guide-heading h2{font-size:23px}.guide-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:8px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px}.device{display:flex;align-items:flex-start;gap:14px}.device-icon{width:29px;height:29px;flex:none;fill:none;stroke:var(--forest);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.device h3{font-size:13px;font-weight:650;line-height:1.5;margin-bottom:6px}.device p{font-size:12px;line-height:1.7;color:var(--muted)}
.site-footer{max-width:1216px;margin:32px auto 0;border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}.site-footer strong{color:var(--ink);font-weight:600}
@media(max-width:1279px){.site-footer{margin-left:32px;margin-right:32px}}
@media(max-width:960px){.hero{padding:34px;gap:28px}.hero-side{padding-left:28px}.video-grid{gap:15px}.video-body{padding:17px}.video-body h3{font-size:20px}.device-grid{gap:20px}.device{flex-direction:column;gap:10px}}
@media(max-width:700px){.header-inner{padding:10px 20px;gap:16px;min-height:76px;flex-wrap:wrap}.brand{gap:13px}.brand img{width:115px;height:46px}.partner{font-size:13px}.partner>span{font-size:9px}.brand-divider{height:27px}nav{gap:20px;font-size:11px}.page{padding:22px 20px 0}.hero{grid-template-columns:1fr;padding:29px 25px;gap:0;border-radius:13px}.hero-side{display:none}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:18px}h1{font-size:41px}.hero-description{font-size:13px}.hero-link{margin-top:21px}.collection{margin-top:29px}.section-heading{gap:12px;align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:9px}.count{font-size:10px;margin-top:4px;max-width:50px;white-space:normal;text-align:right}.video-grid{grid-template-columns:1fr;gap:19px}.video-body{padding:20px}.video-body h3{font-size:23px}.video-description{margin-bottom:19px}.viewing-guide{margin-top:28px;padding:24px 22px}.guide-heading h2{font-size:23px}.device-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.device{flex-direction:row;gap:15px}.device h3{font-size:14px}.device p{font-size:13px}.site-footer{margin:26px 20px 0;font-size:10px;flex-wrap:wrap;padding-top:20px}}
@media(max-width:460px){nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:2px}.header-inner{row-gap:8px}.hero{padding:26px 22px}h1{font-size:36px}.hero-description br{display:none}}
/* Il nuovo invito al sito rimane accessibile anche su smartphone. */
@media(max-width:700px){.hero-side{display:flex;border-left:0;border-top:1px solid #ffffff20;margin-top:28px;padding:25px 0 0}.hero-side .hero-brand-title{font-size:38px}.hero-caption{font-size:15px;margin-top:10px}.hero-more{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Loghi originali e condivisione: pulsanti separati dai link delle schede. */
[hidden]{display:none!important}
.header-brands{display:flex;align-items:center;gap:20px;min-width:0}.header-brands .association-logo{width:60px;height:60px;object-fit:contain}.header-brands .trail-logo{width:156px;height:58px;object-fit:contain}.header-brands .brand-divider{flex:none}
.video-main{display:flex;flex-direction:column;flex:1;min-width:0}.video-main:focus-visible{outline-offset:-3px}
button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.share-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;border:0;border-top:1px solid var(--line);background:var(--soft);color:var(--ink);font-size:12px;font-weight:650}.share-button:hover{background:#eaf1db}.share-button:focus-visible{outline-offset:-4px}.share-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#share-dialog{width:620px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:15px;overflow:auto;color:var(--ink);background:#fff;box-shadow:0 24px 80px #0003}#share-dialog::backdrop{background:#172013b8;backdrop-filter:blur(3px)}
.share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.share-heading .eyebrow{margin-bottom:7px}.share-heading h2{font-size:26px}.share-close{flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:26px;font-weight:400;line-height:1;background:#fff;color:var(--ink)}.share-close:hover{background:var(--soft)}
#share-intro{font-size:13px;line-height:1.7;color:var(--muted);margin-top:17px}.share-name{font-size:18px;font-weight:650;margin:18px 0 22px;letter-spacing:-.02em}#share-dialog label{display:block;font-size:12px;font-weight:650;margin:18px 0 7px}
.share-link-field{display:flex;gap:9px;align-items:stretch}#share-url{min-width:0;flex:1;width:100%;padding:11px 12px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:12px}#share-code{display:block;width:100%;min-height:210px;resize:vertical;padding:13px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.share-copy{padding:11px 15px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:650;white-space:nowrap}.share-copy:hover{background:var(--soft)}.share-copy.primary{background:var(--green);border-color:var(--green);color:#243006}.share-copy.primary:hover{background:#a4cf31}
.share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:15px}.share-actions a{font-size:12px;color:var(--forest);text-decoration:underline;text-underline-offset:3px}.share-help{margin-top:18px;font-size:11px;line-height:1.7;color:var(--muted)}.share-feedback{font-size:12px;color:var(--forest);line-height:1.6;margin-top:13px;min-height:20px}
@media(max-width:700px){.header-brands{gap:13px}.header-brands .association-logo{width:47px;height:47px}.header-brands .trail-logo{width:116px;height:46px}.header-brands .brand img{width:107px;height:46px}#share-dialog{padding:21px}.share-heading h2{font-size:23px}.share-heading .eyebrow{font-size:9px}.share-close{width:36px;height:36px}.share-name{font-size:17px}#share-code{font-size:11px}}
@media(max-width:380px){.header-brands{gap:10px}.header-brands .brand img{width:88px;height:43px}.header-brands .association-logo{width:42px;height:42px}.header-brands .trail-logo{width:98px;height:42px}.share-link-field{flex-direction:column}.share-actions{align-items:stretch;flex-direction:column;gap:12px}#share-dialog{padding:18px}}