/* Componenti PHP/jQuery aggiunti al progetto originale. */
[hidden]{display:none!important;}
.cd-error{font-family:var(--font-testo);font-size:14px;line-height:1.5;color:#ae2412;}
.cd-submit:disabled{opacity:.55;cursor:wait;}
.cd-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:12px 18px;background:var(--cream);color:var(--blk);transform:translateY(-200%);}
.skip-link:focus{transform:none;}
:focus-visible{outline:2px solid var(--org);outline-offset:5px;}
.document-page{padding:160px var(--margin) 80px;background:var(--cream);color:var(--blk);min-height:70vh;font-family:var(--font-testo);}
.document-page h1{font:400 clamp(44px,8vw,90px)/1.1 var(--font-titolo);margin-bottom:35px;}
.document-page h2{margin:30px 0 12px;font:400 32px/1.2 var(--font-titolo);}
.document-page p,.document-page li{line-height:1.7;max-width:850px;}
.document-page a{text-decoration:underline;}
.no-js-nav{display:none;}
/* Colori di base della navigazione; inversione e posizione per dispositivo sotto. */
.nav-shade{display:none;}
.nav,.nav-sticky{background:transparent;mix-blend-mode:normal;}
.nav .nav-logo img,.nav-sticky .nav-logo img{mix-blend-mode:normal;filter:none;}
.nav .nav-link,.nav-sticky .nav-link{color:#fff;}
.nav-sticky.nav-sticky--scrolled{background:#001923;}
.nav-sticky--scrolled .nav-burger-line{background:#fff;}
body.mobile-menu-open .nav-sticky .nav-logo img{filter:brightness(0);}
body.mobile-menu-open .nav-sticky{background:transparent;}
.nav-burger--floating.nav-burger--blend{mix-blend-mode:normal;}
.nav-burger--floating.nav-burger--blend .nav-burger-line{background:var(--blk);}
@media(max-width:820px), (min-width:721px) and (pointer:coarse){
  /* Barra compatta: hamburger e area di tocco restano delle dimensioni originali. */
  :root{--menu-logo-h:24px;}
  .nav-sticky{height:60px;margin-bottom:-60px;}
  .nav-sticky .nav-logo,.nav-sticky .nav-burger{margin-top:0;}
  .nav-sticky .nav-logo,
  body.mobile-menu-wide .nav-sticky .nav-logo{width:95px;}
  .nav-sticky--compact .nav-logo{width:27px;}
  .nav-logo--floating.is-returning img{height:var(--menu-logo-h);}
  /* Il bianco in difference inverte lo sfondo, anche durante lo scorrimento. */
  .nav,.nav-sticky,.nav-sticky.nav-sticky--scrolled{
    background:transparent;mix-blend-mode:difference;
  }
  body.mobile-menu-open .nav-sticky .nav-logo img{filter:none;}
  .nav-logo--floating,
  .nav-burger--floating,
  .nav-burger--floating.nav-burger--blend{mix-blend-mode:difference;}
  .nav-logo--floating.nav-logo--dark img{filter:none;}
  .nav-burger.is-open .nav-burger-line,
  .nav-burger--floating.nav-burger--blend .nav-burger-line{background:#fff;}
}
.nav-backdrop{display:none;}
@media(min-width:821px) and (pointer:fine){
  /* Sfocatura progressiva originale di sito simone 2026: cinque livelli separati
     dall'inversione della navbar, con gli stessi raggi, maschere e altezza. */
  .nav-backdrop{
    display:block;position:fixed;top:0;left:0;width:100%;
    height:84px;
    z-index:99;pointer-events:none;
  }
  .nav-backdrop span{
    position:absolute;inset:0;display:block;will-change:backdrop-filter;
  }
  .nav-backdrop span:nth-child(1){
    -webkit-backdrop-filter:blur(.75px);backdrop-filter:blur(.75px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 92%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 92%);
  }
  .nav-backdrop span:nth-child(2){
    -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 34%,transparent 62%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 34%,transparent 62%);
  }
  .nav-backdrop span:nth-child(3){
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 28%,transparent 50%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 28%,transparent 50%);
  }
  .nav-backdrop span:nth-child(4){
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 16%,transparent 30%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 16%,transparent 30%);
  }
  .nav-backdrop span:nth-child(5){
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 2%,transparent 17%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 2%,transparent 17%);
  }
  /* L'intestazione nella hero conserva solo lo spazio del layout originale. */
  .hero header.nav{visibility:hidden;pointer-events:none;}
  .nav-sticky,
  .nav-sticky.nav-sticky--scrolled,
  body > header.nav{
    position:fixed;top:0;left:0;width:100%;
    height:56px;margin-bottom:0;
    padding:0 var(--margin);z-index:100;
    background:transparent;mix-blend-mode:difference;
    transform:none;pointer-events:auto;transition:none;
  }
  /* Proporzioni della navbar originale, coerenti con la sfocatura alta 84px. */
  .nav-sticky .nav-logo img,
  body > header.nav .nav-logo img{height:32px;}
  .nav-sticky .nav-link,
  body > header.nav .nav-link{font-size:var(--fs-micro);padding:var(--sp-16) 10px;}
}
/* Stesso bordo strutturale per CTA piena e contornata: nessun salto di altezza. */
.cta-actions .cta-btn{border:2px solid transparent;}
.page-home .cta-section .cta-actions{
  display:grid;grid-template-columns:repeat(2,1fr);width:max-content;
}
.page-etichette .det-media .det-img-saglietto{object-position:right center;}
/* Pulsante delle hero interne ridotto del 20%, sotto il testo introduttivo. */
.hero-right > .hero-desc{order:0;}
.hero-right > .hero-cta{order:1;}
.hero-right .hero-cta .cta-btn{
  font-size:calc(var(--fs-testo) * .8);line-height:1.25;
  padding:calc(var(--sp-8) * .8) 16px;border-width:.8px;
}
.page-etichette .det-photo-credit,
.page-home .carousel-photo-credit{
  position:absolute;top:12px;left:12px;z-index:2;
  max-width:calc(100% - 24px);margin:0;padding:5px 7px;border-radius:3px;
  background:rgba(255,255,255,.78);color:var(--blk);
  font-family:var(--font-testo);font-size:10px;font-weight:400;line-height:1.4;
  pointer-events:none;
}

/* Nessun callout o trascinamento nativo sulle immagini. */
img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;}
/* Triangolo centrato otticamente nel pulsante circolare. */
.cta-video-play svg{display:block;margin:0;}

/* La hero e uno sfondo: escludere anche il play sovrapposto da Safari. */
#heroVideo{pointer-events:none;}
#heroVideo::-webkit-media-controls{display:none!important;}
#heroVideo::-webkit-media-controls-enclosure{display:none!important;}
#heroVideo::-webkit-media-controls-panel{display:none!important;}
#heroVideo::-webkit-media-controls-play-button{display:none!important;}
#heroVideo::-webkit-media-controls-start-playback-button{
  display:none!important;-webkit-appearance:none;
}