/* Dalla stile.css della proposta: solo le regole che servono alle pagine interne. Generato da genera_staging.py. */
:root{--txt:Archivo,sans-serif;
  --grafite:#1D2126; --nero:#111316; --acciaio:#6B737C; --alluminio:#C9CED4; --chiaro:#E4E7EA; --bianco:#F5F6F7; --arancio:#FF5A1F;
  --gutter:clamp(20px,4vw,60px); --mono:Archivo,sans-serif; --disp:Archivo,sans-serif; --disp-w:125%; --mono-w:87.5%;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--grafite);color:var(--bianco);font:400 16px/1.6 var(--txt);-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.btn{display:inline-flex;align-items:center;gap:14px;background:var(--arancio);color:var(--nero);font:700 14px/1 var(--disp);font-stretch:var(--disp-w);letter-spacing:.02em;text-transform:uppercase;padding:20px 26px;transition:gap .25s}
.btn:hover{gap:20px}
.barra{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);mix-blend-mode:normal;transition:background .3s}
.barra.piena{background:rgba(17,19,22,.97)}
.barra .logo{flex:none}
.barra .logo img{height:28px;width:auto}
.menu{display:flex;align-items:center;gap:30px;font:500 13px var(--disp);font-stretch:var(--disp-w);letter-spacing:.04em;text-transform:uppercase;color:var(--alluminio)}
.menu a:hover{color:var(--arancio)}
.menu .btn,.menu .btn:hover{color:var(--nero)}
.lingue{font:500 12px var(--mono);font-stretch:var(--mono-w);color:var(--alluminio);display:flex;gap:8px;text-transform:none}
.lingue b{color:var(--bianco);font-weight:500}
.apri{display:none;background:var(--arancio);border:0;color:var(--nero);font:700 12px var(--disp);font-stretch:var(--disp-w);letter-spacing:.06em;text-transform:uppercase;padding:11px 14px;cursor:pointer}
.prova{position:fixed;right:16px;bottom:16px;z-index:60;font:500 11px var(--mono);font-stretch:var(--mono-w);letter-spacing:.1em;text-transform:uppercase;background:var(--bianco);color:var(--nero);padding:8px 12px}
.prova a{text-decoration:underline}
.sale{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.sale.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .sale{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}
@media (max-width:1365px){
  .menu .voce,.menu .lingue{display:none}
  .menu{margin-left:auto;margin-right:16px}
  .apri{display:block}
  .menu.aperto{position:fixed;inset:0;margin:0;background:var(--nero);flex-direction:column;justify-content:center;gap:24px;font-size:22px;z-index:25}
  .menu.aperto .voce{display:block}
  .menu.aperto .lingue{display:flex}
}
@media (max-width:640px){
  .barra .logo img{height:28px}
  .menu>.btn{display:none}
  .menu.aperto>.btn{display:inline-flex}
  .prova{bottom:12px;right:12px;font-size:11px;padding:6px 9px}
}