/* Euradia Italia — foglio di stile principale
   Direzione "isometrica": ardesia scura per testate e sezioni d'impatto,
   grigio chiarissimo per i testi lunghi, oro come accento. */

@font-face{font-family:"Lexend";font-style:normal;font-weight:200;font-display:swap;src:url(/assets/fonts/lexend-latin-200-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:200;font-display:swap;src:url(/assets/fonts/lexend-latin-ext-200-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/lexend-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/lexend-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/lexend-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/lexend-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/lexend-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/lexend-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --scuro:#18232a;--scuro-2:#22303a;--scuro-3:#2a3a45;--linea-scura:#33444f;
  --chiaro:#f3f5f6;--bianco:#fff;--linea-chiara:#d8dfe3;
  --testo:#18232a;--tenue:#4b5c66;--tenue-scuro:#a9b6bd;--su-scuro:#eef2f3;
  --oro:#fcbd1b;--oro-scuro:#e3a912;--petrolio:#2f6262;--ardesia:#7f929c;
  --display:"Lexend",system-ui,sans-serif;--corpo:"Lexend",system-ui,sans-serif;
  --larghezza:1320px;--margine:clamp(20px,4vw,40px);
  --curva:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;font-family:var(--corpo);font-weight:300;font-size:1.0625rem;line-height:1.65;color:var(--testo);background:var(--chiaro)}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--petrolio);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--testo)}
:is(.scuro,.scuro-2,.eroe) a{color:var(--su-scuro)}
:is(.scuro,.scuro-2,.eroe) a:hover{color:var(--oro)}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.15}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
strong{font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salta{position:absolute;left:-999px;top:0;background:var(--oro);color:var(--scuro);padding:.8rem 1.2rem;z-index:100}
.salta:focus{left:1rem;top:1rem}
.contenitore{max-width:var(--larghezza);margin:0 auto;padding-inline:var(--margine)}
.tenue{color:var(--tenue)}
:is(.scuro,.scuro-2,.eroe) .tenue{color:var(--tenue-scuro)}

/* Tipografia */
.sopratitolo{font-family:var(--display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--petrolio);margin:0 0 1.2rem;font-weight:300}
:is(.scuro,.scuro-2,.eroe) .sopratitolo{color:var(--oro)}
.titolo-1{font-family:var(--display);font-weight:200;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.07;letter-spacing:-.02em}
.titolo-2{font-family:var(--display);font-weight:200;font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:-.01em;line-height:1.12}
.titolo-3{font-family:var(--corpo);font-weight:400;font-size:clamp(1.35rem,2vw,1.75rem)}
.lead{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.65;color:var(--tenue);max-width:38em}
:is(.scuro,.scuro-2,.eroe) .lead{color:var(--tenue-scuro)}

/* Testata */
.testata{position:sticky;top:0;z-index:50;background:rgba(24,35,42,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);color:var(--su-scuro);border-bottom:1px solid var(--linea-scura)}
.testata__riga{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:88px}
.testata__logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.testata__logo img{height:50px;width:auto}
.testata__logo .marchio{width:46px;height:auto}
main{flex:1 0 auto}
.testata,.piede{flex:none}
.testata__menu{display:none;background:none;border:1px solid var(--linea-scura);color:var(--su-scuro);width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}
.nav a{color:var(--su-scuro);text-decoration:none;font-size:.95rem;padding:.4rem 0;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--oro);border-bottom-color:var(--oro)}
.nav .nav__contatti{border:1px solid var(--oro);color:var(--oro);padding:.65rem 1.1rem}
.nav .nav__contatti:hover,.nav .nav__contatti[aria-current="page"]{background:var(--oro);color:var(--scuro)}
.nav .nav__lingua{font-family:var(--display);font-size:.8rem;letter-spacing:.15em;color:var(--tenue-scuro)}
@media (max-width:1240px){
  /* niente sfocatura sotto i 1240px: su Safari intrappolerebbe il menu dentro la testata */
  .testata{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--scuro)}
  .testata__menu{display:inline-flex}
  .nav{position:fixed;inset:var(--alto-testata,88px) 0 0 0;background:var(--scuro);flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem var(--margine);transform:translateX(100%);visibility:hidden;transition:transform .45s var(--curva),visibility 0s .45s;overflow-y:auto}
  .nav.aperta{transform:none;visibility:visible;transition:transform .45s var(--curva)}
  .nav ul{flex-direction:column;gap:.3rem;width:100%}
  .nav ul a{display:block;font-family:var(--corpo);font-weight:400;font-size:1.12rem;padding:.85rem 0;border-bottom:1px solid var(--linea-scura)}
  .nav ul a[aria-current="page"]{border-bottom-color:var(--linea-scura)}
  .nav .nav__contatti{font-size:1.05rem}
  body.menu-aperto{overflow:hidden}
}

/* Sezioni */
.fascia{padding-block:clamp(4rem,9vw,6.5rem)}
.fascia--stretta{padding-block:clamp(2.5rem,5vw,4rem)}
.scuro{background:var(--scuro);color:var(--su-scuro)}
.scuro-2{background:var(--scuro-2);color:var(--su-scuro)}
.bianco{background:var(--bianco)}
.oro{background:var(--oro);color:var(--scuro)}
.oro a{color:var(--scuro)}
.intestazione{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:end;margin-bottom:clamp(2rem,4vw,3rem)}
.freccia{font-weight:400;text-decoration:none;white-space:nowrap}
.freccia::after{content:" →";display:inline-block;transition:transform .3s var(--curva)}
.freccia:hover::after{transform:translateX(5px)}

/* Pulsanti */
.pulsanti{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem}
.pulsante{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.9rem 1.6rem;text-decoration:none;font-weight:400;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s}
.pulsante--oro{background:var(--oro);color:var(--scuro)!important}
.pulsante--oro:hover{background:var(--oro-scuro)}
.pulsante--linea{border-color:#5d6f79;color:var(--su-scuro)}
.pulsante--linea:hover{border-color:var(--oro);color:var(--oro)}
.pulsante--scuro{background:var(--scuro);color:var(--su-scuro)!important}
.pulsante--scuro:hover{background:var(--petrolio)}

/* Eroe con griglia isometrica */
.eroe{position:relative;overflow:hidden;background:var(--scuro);color:var(--su-scuro)}
.griglia-iso{position:absolute;inset:0;width:100%;height:100%;opacity:.07;pointer-events:none}
.griglia-iso g{animation:deriva 9s linear infinite}
@keyframes deriva{to{transform:translate(-69.28px,-40px)}}
.eroe__riga{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:3rem;padding-block:clamp(3.5rem,8vw,6.5rem)}
.eroe__testo{flex:1 1 520px;min-width:0}
.eroe__figura{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.eroe__figura svg{width:min(100%,460px);overflow:visible}
.eroe--pagina .eroe__riga{padding-block:clamp(3rem,7vw,5rem)}

/* Animazione del cubo che diventa marchio */
.iso .esagono{stroke-dasharray:500;stroke-dashoffset:500;animation:traccia 1.6s cubic-bezier(.6,0,.2,1) .2s forwards}
.iso .spigolo{stroke-dasharray:90;stroke-dashoffset:90;animation:traccia .9s cubic-bezier(.6,0,.2,1) forwards}
.iso .spigolo:nth-of-type(2){animation-delay:1s}.iso .spigolo:nth-of-type(3){animation-delay:1.2s}.iso .spigolo:nth-of-type(4){animation-delay:1.4s}
.iso .filo{animation:attenua 1s ease 2.4s forwards}
@keyframes traccia{to{stroke-dashoffset:0}}
@keyframes attenua{to{opacity:.22}}
.marchio--animato polygon{transform-box:fill-box;transform-origin:center;animation:arriva 1.1s cubic-bezier(.2,.9,.2,1) both}
.marchio--animato .t1{--dx:-40px;--dy:20px;animation-delay:2.4s}
.marchio--animato .t2{--dx:-20px;--dy:40px;animation-delay:2.55s}
.marchio--animato .t3{--dx:40px;--dy:-10px;animation-delay:2.7s}
.marchio--animato .t4{--dx:10px;--dy:45px;animation-delay:2.85s}
.marchio--animato .t5{--dx:-20px;--dy:-40px;animation-delay:3s}
.marchio--animato .t6{--dx:30px;--dy:-40px;animation-delay:3.15s}
@keyframes arriva{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6)}to{opacity:1;transform:none}}
.testata__logo .marchio polygon{transition:transform .5s var(--curva)}
.testata__logo:hover .t3{transform:translate(2px,-1px)}
.testata__logo:hover .t1{transform:translate(-2px,1px)}

/* Comparsa al passaggio */
[data-rivela]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--curva),transform .9s var(--curva)}
[data-rivela].visibile{opacity:1;transform:none}
[data-rivela="2"]{transition-delay:.12s}[data-rivela="3"]{transition-delay:.24s}[data-rivela="4"]{transition-delay:.36s}
.no-js [data-rivela]{opacity:1;transform:none}

/* Numeri */
.numeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.numeri>div{padding:2.4rem 1.5rem 2.4rem 0;border-right:1px solid var(--linea-scura)}
.numeri>div+div{padding-left:1.5rem}
.numeri>div:last-child{border-right:0}
.numeri__valore{font-family:var(--display);font-weight:200;font-size:clamp(2.6rem,4.5vw,3.8rem);line-height:1;margin:0}
.numeri>div:first-child .numeri__valore{color:var(--oro)}
.numeri__unita{font-size:.45em}
.numeri__etichetta{margin:.9rem 0 0;color:var(--tenue-scuro);font-size:.95rem}
@media (max-width:560px){.numeri>div{border-right:0;border-bottom:1px solid var(--linea-scura);padding-left:0!important}}

/* Tasselli con angolo d'oro */
.tasselli{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;--l:var(--linea-chiara);border-top:1px solid var(--l);border-left:1px solid var(--l)}
:is(.scuro,.scuro-2,.eroe) .tasselli{--l:var(--linea-scura)}
.tassello{position:relative;display:block;background:var(--bianco);padding:2.6rem 2.2rem 3rem;text-decoration:none;color:var(--testo);transition:background .35s}
:is(.scuro,.scuro-2,.eroe) .tassello{background:var(--scuro);color:var(--su-scuro)}
a.tassello:hover{background:#eaf0f2;color:var(--testo)}
:is(.scuro,.scuro-2,.eroe) a.tassello:hover{background:var(--scuro-3);color:var(--su-scuro)}
.tassello__num{font-family:var(--display);font-size:.85rem;color:var(--tenue);margin:0 0 3rem}
:is(.scuro,.scuro-2,.eroe) .tassello__num{color:var(--tenue-scuro)}
.tassello h3{margin-bottom:.8rem}
.tassello p{color:var(--tenue)}
:is(.scuro,.scuro-2,.eroe) .tassello p{color:var(--tenue-scuro)}

/* Schede progetto */
.schede{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.scheda{display:block;text-decoration:none;color:inherit}
.scheda__img{overflow:hidden;background:var(--scuro-2)}
.scheda__img img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.55);transition:transform .8s var(--curva),filter .6s}
.scheda:hover .scheda__img img{transform:scale(1.05);filter:none}
.scheda__meta{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;color:var(--petrolio);margin:1.2rem 0 .4rem}
:is(.scuro,.scuro-2,.eroe) .scheda__meta{color:var(--oro)}
.scheda h3{margin-bottom:.5rem}
.scheda p{color:var(--tenue);font-size:1rem}
:is(.scuro,.scuro-2,.eroe) .scheda p{color:var(--tenue-scuro)}
.scheda:hover h3{color:var(--petrolio)}
:is(.scuro,.scuro-2,.eroe) .scheda:hover h3{color:var(--oro)}

/* Banda d'oro per l'ultimo comunicato */
.banda{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between;text-decoration:none}
.banda h2{font-family:var(--corpo);font-weight:500;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.25;max-width:32em}
.banda .sopratitolo{color:var(--scuro)}
.banda__azione{font-weight:500;border-bottom:2px solid var(--scuro);padding-bottom:2px}

/* Elenchi */
.elenco-righe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:2rem;border-top:1px solid var(--linea-chiara)}
.elenco-righe li{padding:1rem 0;border-bottom:1px solid var(--linea-chiara);font-size:1.1rem}
:is(.scuro,.scuro-2,.eroe) .elenco-righe,:is(.scuro,.scuro-2,.eroe) .elenco-righe li{border-color:var(--linea-scura)}
.colonne{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4.5rem)}
.colonne>*{flex:1 1 340px;min-width:0}
.colonne>.largo{flex:2 1 520px}

/* Prosa lunga */
.prosa{max-width:46rem;font-size:1.1rem;line-height:1.75}
.prosa h2{font-family:var(--display);font-weight:200;font-size:clamp(1.6rem,2.6vw,2.2rem);margin:2.8rem 0 1.1rem}
.prosa h3{font-weight:500;font-size:1.2rem;margin:2rem 0 .8rem}
.prosa ul,.prosa ol{padding-left:1.2rem;margin:0 0 1.2em}
.prosa li{margin-bottom:.45em}
.prosa li::marker{color:var(--oro-scuro)}
.prosa blockquote{margin:2rem 0;padding-left:1.4rem;border-left:3px solid var(--oro);font-size:1.25rem;color:var(--tenue)}

/* Dati del progetto */
.dati{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;--l:var(--linea-scura);border-top:1px solid var(--l);border-left:1px solid var(--l);margin:0}
.dati>div{background:var(--scuro);padding:1.1rem 1.2rem}
.dati dt{font-size:.82rem;color:var(--tenue-scuro)}
.dati dd{margin:.3rem 0 0;font-weight:400}
.figura-taglio{clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%);overflow:hidden;background:var(--scuro-2)}
.figura-taglio img{width:100%;height:100%;object-fit:cover}

/* Percorso orizzontale */
.percorso{position:relative;height:2px;background:var(--linea-chiara);margin:1rem 0 2.2rem}
.percorso__traccia{position:absolute;inset:0;background:var(--oro);transform-origin:left;transform:scaleX(0);transition:transform 2.2s cubic-bezier(.6,0,.2,1)}
.visibile .percorso__traccia{transform:scaleX(1)}
.percorso__nodo{position:absolute;top:50%;width:14px;height:14px;background:var(--oro);transform:translate(-50%,-50%) rotate(45deg) scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.visibile .percorso__nodo{transform:translate(-50%,-50%) rotate(45deg) scale(1)}
.tappe{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.6rem}
.tappe p{margin:0}
.tappe__data{font-family:var(--display);font-size:.8rem;letter-spacing:.06em;color:var(--petrolio);margin-bottom:.5rem!important}
.tappe__testo{color:var(--tenue);font-size:.98rem}

/* Galleria */
.galleria{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.galleria figure{margin:0;background:var(--bianco)}
.galleria img{width:100%;height:auto}
.galleria figcaption{padding:.8rem 1rem;font-size:.88rem;color:var(--tenue)}
.galleria figure.galleria--larga{grid-column:1/-1}

/* Sala stampa */
.comunicati{list-style:none;margin:0;padding:0;border-top:1px solid var(--testo)}
.comunicati li{border-bottom:1px solid var(--linea-chiara)}
.comunicati li{display:grid;grid-template-columns:150px 1fr;gap:1.6rem;padding:1.6rem 1rem 1.6rem 0;transition:background .3s,padding .3s var(--curva)}
.comunicati li:hover{background:var(--bianco);padding-left:1rem}
.comunicato__apri{display:block;width:100%;text-align:left;font:inherit;background:none;border:0;padding:0;color:var(--testo);cursor:pointer}
.comunicato__apri:hover strong{text-decoration:underline}
.comunicato__apri strong::after{content:" +";color:var(--oro-scuro);font-weight:300}
.comunicato__apri[aria-expanded="true"] strong::after{content:" –"}
.strumenti__leggi::after{content:" +"}
.strumenti__leggi[aria-expanded="true"]::after{content:" –"}
.comunicato__testo{margin-top:1.6rem;padding:1.8rem 0 .4rem;border-top:1px solid var(--linea-chiara);max-width:46rem;animation:tendina .45s var(--curva)}
.comunicato__testo figure{margin:0 0 1.8rem}
.comunicato__testo figure img{width:100%;max-height:340px;object-fit:cover}
.comunicato__testo figcaption{font-size:.85rem;margin-top:.5rem}
.comunicato__chiudi button{font:inherit;font-weight:400;background:none;border:0;padding:0;color:var(--petrolio);cursor:pointer}
.no-js .comunicato__testo[hidden]{display:block}
@keyframes tendina{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.comunicati time{color:var(--tenue);font-size:.95rem}
.comunicati strong{display:block;font-size:1.3rem;font-weight:400;line-height:1.3}
.comunicati span{display:block;color:var(--tenue);margin-top:.4rem;font-size:1rem}
.strumenti{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin:1rem 0 0;font-size:.92rem}
.strumenti a,.strumenti button{font:inherit;font-weight:400;background:none;border:0;padding:0;color:var(--petrolio);text-decoration:none;cursor:pointer}
.strumenti a:hover,.strumenti button:hover{text-decoration:underline}
.riquadro .strumenti{flex-direction:column;gap:.55rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--linea-chiara)}
@media (max-width:640px){.comunicati li{grid-template-columns:1fr;gap:.4rem}}
.kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;--l:var(--linea-chiara);border-top:1px solid var(--l);border-left:1px solid var(--l)}
.kit__voce{position:relative;display:flex;flex-direction:column;background:var(--bianco);padding:1.2rem 1.2rem 1.6rem;color:var(--testo);transition:background .35s}
.kit__voce:hover{background:#eaf0f2}
.kit__anteprima{position:relative;display:block;width:100%;aspect-ratio:4/3;margin:0 0 1.2rem;padding:0;border:1px solid var(--linea-chiara);background:var(--chiaro);cursor:zoom-in;overflow:hidden}
.kit__anteprima img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--curva)}
.kit__anteprima span{position:absolute;inset:auto 0 0 0;padding:.5rem .8rem;background:rgba(24,35,42,.82);color:var(--su-scuro);font-size:.85rem;text-align:left;opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s var(--curva)}
.kit__voce:hover .kit__anteprima img{transform:scale(1.04)}
.kit__voce:hover .kit__anteprima span,.kit__anteprima:focus-visible span{opacity:1;transform:none}
.kit__azioni{display:flex;gap:1.2rem;margin:auto 0 0;padding-top:1rem;font-size:.95rem}
.kit__azioni button{font:inherit;background:none;border:0;padding:0;color:var(--petrolio);cursor:pointer}
.kit__azioni a,.kit__azioni button{text-decoration:none;color:var(--petrolio);font-weight:400}
.kit__azioni a:hover,.kit__azioni button:hover{text-decoration:underline}
/* Visore a tutto schermo */
.visore{width:min(1100px,94vw);height:min(92vh,1200px);max-width:none;max-height:none;padding:0;border:0;background:var(--scuro);color:var(--su-scuro);display:none;flex-direction:column}
.visore[open]{display:flex}
.visore::backdrop{background:rgba(10,16,20,.78)}
.visore__testa{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem .8rem 1.4rem;border-bottom:1px solid var(--linea-scura)}
.visore__titolo{margin:0;flex:1;font-weight:400}
.visore__chiudi{background:none;border:1px solid var(--linea-scura);color:var(--su-scuro);width:42px;height:42px;font-size:1.5rem;line-height:1;cursor:pointer}
.visore__corpo{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;background:#0f171c;overflow:auto;padding:1rem}
.visore__corpo img{max-width:100%;height:auto;margin:auto;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.visore__corpo iframe{width:100%;height:100%;border:0;background:#fff}
.kit__tipo{font-family:var(--display);font-size:.78rem;color:var(--petrolio);margin:0 0 2.2rem}
.kit strong{display:block;font-size:1.25rem;font-weight:400}
.kit__voce>span{color:var(--tenue);font-size:.92rem}
.riquadro{border:1px solid var(--linea-scura);padding:1.6rem}
.bianco .riquadro,.riquadro--chiaro{border-color:var(--linea-chiara);background:var(--bianco)}

/* Modulo contatti */
.modulo{display:grid;gap:1.2rem}
.modulo label{display:block;font-size:.9rem;font-weight:400;margin-bottom:.35rem}
.modulo input[type=text],.modulo input[type=email],.modulo textarea{width:100%;font:inherit;font-weight:300;padding:.85rem 1rem;border:1px solid #b9c4ca;background:var(--bianco);color:var(--testo);border-radius:0}
.modulo textarea{min-height:170px;resize:vertical}
.modulo input:focus,.modulo textarea:focus{outline:2px solid var(--oro);outline-offset:0;border-color:var(--testo)}
.modulo .consenso{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--tenue)}
.modulo .consenso input{margin-top:.3rem;width:18px;height:18px;accent-color:var(--petrolio)}
.modulo .vaso{position:absolute;left:-5000px}
.modulo button{justify-self:start;cursor:pointer;font:inherit;font-weight:400;border:0}

/* Piede */
.piede{background:#121b21;color:var(--tenue-scuro);font-size:.95rem}
.piede a{color:var(--su-scuro)}
.piede a:hover{color:var(--oro)}
.piede__griglia{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-block:4.5rem 3rem}
.piede__marchio img{width:150px;height:auto;margin-bottom:1.2rem}
.piede__titolo{font-family:var(--display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);margin-bottom:.9rem!important}
.piede p{margin:0 0 .6rem}
.piede__fondo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem;padding-block:1.4rem 2rem;border-top:1px solid var(--linea-scura);font-size:.82rem}
@media (max-width:900px){.piede__griglia{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.piede__griglia{grid-template-columns:1fr}}


/* Voci dei servizi */
.voci{margin:1.4rem 0 0;display:grid;gap:0;border-top:1px solid var(--linea-chiara)}
.voci>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--linea-chiara)}
.voci dt{font-weight:500}
.voci dd{margin:0;color:var(--tenue)}
@media (max-width:560px){.voci>div{grid-template-columns:1fr;gap:.2rem}}

/* Destinatari */
.destinatari{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;--l:var(--linea-chiara);border-top:1px solid var(--l);border-left:1px solid var(--l)}
.destinatario{background:var(--bianco);padding:2.4rem 2rem 2.6rem;position:relative}
.destinatario h2{margin-bottom:1rem}
.destinatario ul{margin:1.2rem 0 0;padding-left:1.1rem;font-size:.98rem}
.destinatario li{margin-bottom:.35rem}
.destinatario li::marker{color:var(--oro-scuro)}

/* Marchio grande nelle testate interne: arriva subito */
.eroe__figura>.marchio--animato .t1{animation-delay:.2s}
.eroe__figura>.marchio--animato .t2{animation-delay:.32s}
.eroe__figura>.marchio--animato .t3{animation-delay:.44s}
.eroe__figura>.marchio--animato .t4{animation-delay:.56s}
.eroe__figura>.marchio--animato .t5{animation-delay:.68s}
.eroe__figura>.marchio--animato .t6{animation-delay:.8s}
.eroe__figura>.marchio{width:min(100%,220px)}


/* Loghi in fasce grigie che prendono colore al passaggio */
.loghi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0;--l:var(--linea-chiara);border-top:1px solid var(--l);border-left:1px solid var(--l)}
.loghi li{flex:1 1 170px;background:var(--bianco);display:flex;align-items:center;justify-content:center;min-height:96px;padding:1rem 1.2rem}
.loghi a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}
.loghi img{max-height:52px;max-width:100%;width:auto;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply;transition:filter .4s,opacity .4s,transform .4s var(--curva)}
.loghi li:hover img,.loghi a:focus-visible img{filter:none;opacity:1;transform:scale(1.04)}
.loghi__nome{font-size:.9rem;color:var(--tenue);text-align:center;line-height:1.3}
.loghi__didascalie{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;font-size:.88rem;color:var(--tenue)}
.riconoscimento{display:flex;gap:1rem;align-items:center;text-decoration:none;color:var(--testo);padding:.9rem 0;border-bottom:1px solid var(--linea-chiara)}
.riconoscimento img{width:76px;height:52px;object-fit:contain;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply;transition:filter .4s,opacity .4s;flex:none}
.riconoscimento:hover img{filter:none;opacity:1}
.riconoscimento:hover{color:var(--testo)}

/* Home: apertura e numeri riempiono sempre il primo schermo, alle misure originali */
.primo-schermo{min-height:calc(100svh - var(--alto-testata,88px) - 1px);display:flex;flex-direction:column}
.primo-schermo>.eroe{flex:1;display:flex;flex-direction:column;justify-content:center}
.primo-schermo .eroe__riga{width:100%}

/* Riduzione proporzionale: tutto in scala, rapporti invariati */
@media (min-width:900px){.riduci{zoom:.85}}

/* Triangolo d'oro in basso a destra al passaggio del mouse, ripreso dal marchio */
a.tassello,.kit__voce,.carosello li,.scheda__img,.comunicati li,.loghi li,.riconoscimento,.persona__foto,.clienti-tab,.servizio__img{position:relative}
a.tassello::after,.kit__voce::after,.carosello li::after,.scheda__img::after,.comunicati li::after,.loghi li::after,.riconoscimento::after,.persona__foto::after,.clienti-tab::after,.servizio__img::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;background:var(--oro);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .45s var(--curva),height .45s var(--curva);pointer-events:none;z-index:2}
a.tassello:hover::after,.kit__voce:hover::after,.scheda:hover .scheda__img::after,.comunicati li:hover::after,.loghi li:hover::after,.riconoscimento:hover::after,.persona:hover .persona__foto::after,.clienti-tab:hover::after,.clienti-tab[aria-selected="true"]::after,.servizio:hover .servizio__img::after{width:56px;height:56px}
.loghi li:hover::after,.riconoscimento:hover::after,.carosello li:hover::after{width:30px;height:30px}
a.tassello:focus-visible::after,.kit__voce:focus-within::after,.scheda:focus-visible .scheda__img::after,.comunicati li:focus-within::after{width:56px;height:56px}

/* Gruppo di lavoro: righe allineate da una scheda all'altra */
.persone{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.6rem 1.6rem;align-items:start}
@media (min-width:1100px){.persone{grid-template-columns:repeat(5,minmax(0,1fr))}}
.persona{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
.persona__foto{overflow:hidden;background:var(--scuro-2)}
.persona__foto[data-bio]{cursor:pointer}
.persona__foto img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s,transform .8s var(--curva)}
.persona:hover .persona__foto img{filter:none;transform:scale(1.03)}
.persona__nome{margin:1.1rem 0 .25rem;font-size:1.3rem;font-weight:400}
.persona__ruolo{font-family:var(--display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--petrolio);margin:0 0 .9rem}
.persona__contatti{display:flex;flex-wrap:nowrap;gap:1.1rem;margin:0;padding:.8rem 0;border-top:1px solid var(--linea-chiara);border-bottom:1px solid var(--linea-chiara);font-size:.95rem;font-weight:400;white-space:nowrap;align-self:start}
.persona__contatti a,.persona__apri{text-decoration:none;color:var(--petrolio)}
.persona__contatti a:hover,.persona__apri:hover{text-decoration:underline}
.persona__apri{font:inherit;background:none;border:0;padding:0;cursor:pointer}
.persona__apri::after{content:" +"}
.persona__apri[aria-expanded="true"]::after{content:" –"}
.persona__bio p{font-size:.96rem;color:var(--tenue);margin:.9rem 0 0}
.no-js .persona__bio[hidden]{display:block}

/* Servizi: testo e illustrazione affiancati, alternati */
.servizio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4.5rem);align-items:center}
.servizio+.servizio{margin-top:clamp(3rem,6vw,5rem)}
.servizio--inverso .servizio__img{order:2}
.servizio__img{overflow:hidden;background:var(--scuro-2)}
.servizio__img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .9s var(--curva)}
.servizio:hover .servizio__img img{transform:scale(1.03)}
.servizio__famiglia{font-family:var(--display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--oro-scuro);margin:0 0 .8rem}
@media (max-width:820px){.servizio{grid-template-columns:1fr}.servizio--inverso .servizio__img{order:0}}
.bandiere{display:flex;gap:1rem;align-items:center}
.bandiere img,.bandiere svg{width:110px;height:74px;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bandiere svg{object-fit:contain;box-shadow:none;background:transparent}

/* Clienti: quattro categorie come schede selezionabili */
.clienti-schede{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);background:var(--bianco);border:1px solid var(--linea-chiara)}
.clienti-elenco{display:flex;flex-direction:column;border-right:1px solid var(--linea-chiara)}
.clienti-tab{flex:1 1 0;display:flex;align-items:center;gap:1rem;width:100%;text-align:left;font:inherit;font-weight:400;font-size:1.08rem;line-height:1.3;color:var(--testo);background:transparent;border:0;border-bottom:1px solid var(--linea-chiara);padding:1.4rem 1.6rem;cursor:pointer;transition:background .3s,color .3s;overflow:hidden}
.clienti-tab:last-child{border-bottom:0}
.clienti-tab span{font-family:var(--display);font-size:.8rem;color:var(--tenue)}
.clienti-tab:hover{background:var(--chiaro)}
.clienti-tab[aria-selected="true"]{background:var(--scuro);color:var(--su-scuro)}
.clienti-tab[aria-selected="true"] span{color:var(--oro)}
.clienti-pannelli{display:grid}
.clienti-pannello{padding:clamp(1.8rem,3.5vw,3rem)}
html:not(.no-js) .clienti-pannello{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
html:not(.no-js) .clienti-pannello.attivo{opacity:1;visibility:visible;transition:opacity .4s}
.clienti-pannello h2{margin-bottom:1rem}
.clienti-pannello>p{color:var(--tenue);max-width:46em}
.clienti-pannello h3{font-family:var(--display);font-weight:300;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--petrolio);margin:1.8rem 0 .8rem}
.clienti-pannello ul{list-style:none;margin:0;padding:0;columns:2 260px;column-gap:2.4rem}
.clienti-pannello li{break-inside:avoid;padding:.55rem 0 .55rem 1.2rem;border-bottom:1px solid var(--linea-chiara);position:relative}
.clienti-pannello li::before{content:"";position:absolute;left:0;top:1.05rem;width:7px;height:7px;background:var(--oro);clip-path:polygon(0 0,100% 50%,0 100%)}
.no-js .clienti-elenco{display:none}
.no-js .clienti-schede{grid-template-columns:1fr}
@media (max-width:760px){.clienti-schede{grid-template-columns:1fr}.clienti-elenco{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--linea-chiara)}.clienti-tab{flex:1 1 50%;min-height:4.2rem;border-bottom:1px solid var(--linea-chiara);padding:1rem 1.1rem;font-size:.98rem}}
.loghi--larghi li{flex-basis:200px;min-height:88px}

/* Movimento ridotto */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .griglia-iso g{animation:none}
  [data-rivela]{opacity:1;transform:none}
}
@media print{.testata,.piede,.griglia-iso{display:none}body{background:#fff}}

/* Linee delle griglie tracciate sui riquadri: restano nitide anche con la riduzione */
.tasselli>*,.dati>*,.kit>*,.destinatari>*,.loghi>li{border-right:1px solid var(--l);border-bottom:1px solid var(--l)}

/* Referenze */
.referenze{display:grid;gap:4rem}
.referenza{margin:0;display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:3rem;align-items:start;padding-bottom:4rem;border-bottom:1px solid var(--linea-chiara)}
.referenza:last-child{border-bottom:0;padding-bottom:0}
.referenza__logo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;border:1px solid var(--linea-chiara);background:var(--bianco);padding:1.4rem;text-decoration:none}
.referenza__logo img{max-width:100%;max-height:70px;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply;transition:filter .4s,opacity .4s}
.referenza__logo:hover img{filter:none;opacity:1}
.referenza__logo span{font-family:var(--display);font-weight:300;font-size:1.05rem;color:var(--testo);text-align:center;line-height:1.3}
.referenza__sito{margin:.8rem 0 0;font-size:.9rem}
.referenza__sito a{color:var(--petrolio)}
.referenza__testo{position:relative;margin:0;padding:0 0 0 2.4rem;border:0;font-size:1.22rem;font-weight:300;line-height:1.6;color:var(--testo)}
.referenza__testo::before{content:"";position:absolute;left:0;top:.45rem;width:14px;height:16px;background:var(--oro);clip-path:polygon(0 0,100% 50%,0 100%)}
.referenza__testo p{margin:0 0 1rem}
.referenza__firma{margin:1.4rem 0 0 2.4rem}
.referenza__firma strong{display:block;font-weight:400;font-size:1.05rem}
.referenza__firma em{display:block;font-style:normal;font-size:.82rem;color:var(--tenue);margin-top:.6rem}
.referenza__firma span{display:block;font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--petrolio);margin-top:.3rem}
.referenza__logo::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;background:var(--oro);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .45s var(--curva),height .45s var(--curva);pointer-events:none}
.referenza__logo:hover::after,.referenza__logo:focus-visible::after{width:40px;height:40px}
@media (max-width:760px){.referenza{grid-template-columns:1fr;gap:1.6rem}.referenza__logo{max-width:260px}.referenza__testo{font-size:1.08rem}}

/* Caroselli di loghi a scorrimento continuo */
.carosello{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.carosello__nastro{list-style:none;margin:0;padding:0;display:flex;width:max-content;animation:nastro var(--durata,40s) linear infinite}
.carosello:hover .carosello__nastro,.carosello:focus-within .carosello__nastro{animation-play-state:paused}
.carosello li{flex:none;width:230px;height:120px;display:flex;align-items:center;justify-content:center;padding:1.2rem 2rem}
.carosello a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.carosello img{max-width:100%;max-height:60px;width:auto;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply;transition:filter .4s,opacity .4s,transform .4s var(--curva)}
.carosello li:hover img,.carosello a:focus-visible img{filter:none;opacity:1;transform:scale(1.05)}
@keyframes nastro{to{transform:translateX(-50%)}}
.carosello--inverso .carosello__nastro{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.carosello{overflow-x:auto}.carosello__nastro{animation:none}}
@media (max-width:760px){.carosello li{width:170px;height:100px;padding:1rem 1.4rem}}

/* Logo tondo */
.logo-tondo{width:min(100%,300px);height:auto;display:block;margin-inline:auto}
.logo-tondo--entra{animation:tondo-entra 1.4s var(--curva) both}
@keyframes tondo-entra{from{opacity:0;transform:rotate(-24deg) scale(.86)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.logo-tondo--entra{animation:none}}
@media (max-width:560px){.testata__logo img{height:40px}.testata__logo .marchio{width:36px}.testata__riga{min-height:76px}:root{--alto-testata:76px}}

/* News */
.notizie{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.4rem 2rem}
.notizia{display:flex;flex-direction:column;text-decoration:none;color:var(--testo)}
.notizia__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--scuro);display:flex;align-items:center;justify-content:center}
.notizia__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--curva)}
.notizia:hover .notizia__img img{transform:scale(1.04)}
.notizia__meta{font-size:.85rem;color:var(--tenue);margin:1.1rem 0 .4rem}
.notizia__titolo{font-size:1.3rem;font-weight:400;line-height:1.3;margin:0}
.notizia:hover .notizia__titolo{text-decoration:underline}
.notizia__sommario{color:var(--tenue);font-size:.98rem;margin:.6rem 0 0}
.notizia__img::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;background:var(--oro);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .45s var(--curva),height .45s var(--curva)}
.notizia:hover .notizia__img::after,.notizia:focus-visible .notizia__img::after{width:56px;height:56px}

/* Pagine social di servizio */
.social{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3rem;align-items:start}
.social__immagini{display:grid;gap:2rem}
.social figure{margin:0}
.social figure img{width:100%;height:auto;border:1px solid var(--linea-chiara)}
.social figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:.6rem;font-size:.92rem;color:var(--tenue)}
.social figcaption a{color:var(--petrolio);font-weight:400}
.social textarea{width:100%;font:inherit;font-size:.98rem;line-height:1.55;padding:1rem;border:1px solid var(--linea-chiara);background:var(--chiaro);color:var(--testo);resize:vertical}
.social__testo{position:sticky;top:110px}
@media (max-width:900px){.social{grid-template-columns:1fr}.social__testo{position:static}}

/* Colonna laterale delle News */
.con-laterale{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start}
.con-laterale>.prosa{max-width:46rem}
.laterale{position:sticky;top:120px;display:grid;gap:2.2rem}
.laterale__titolo{font-family:var(--display);font-weight:300;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--petrolio);margin:0 0 .8rem}
.laterale__elenco,.laterale__ultime{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea-chiara)}
.laterale__elenco li,.laterale__ultime li{border-bottom:1px solid var(--linea-chiara)}
.laterale__elenco a{position:relative;display:flex;justify-content:space-between;gap:1rem;padding:.65rem .2rem;text-decoration:none;color:var(--testo);transition:padding .3s var(--curva),color .3s}
.laterale__elenco a span{color:var(--tenue);font-size:.85rem}
.laterale__elenco a:hover{padding-left:.6rem;color:var(--petrolio)}
.laterale__elenco a.attivo{font-weight:400;color:var(--petrolio)}
.laterale__elenco a.attivo::before{content:"";position:absolute;left:-14px;top:50%;width:7px;height:8px;margin-top:-4px;background:var(--oro);clip-path:polygon(0 0,100% 50%,0 100%)}
.laterale__ultime a{display:block;padding:.75rem 0;text-decoration:none;color:var(--testo);font-size:.95rem;line-height:1.4}
.laterale__ultime a:hover{color:var(--petrolio)}
.laterale__ultime a[aria-current]{color:var(--tenue)}
.laterale__ultime time{display:block;font-size:.8rem;color:var(--tenue);margin-bottom:.2rem}
.laterale__fonte{margin:.7rem 0 0;font-size:.8rem;color:var(--tenue)}
.laterale__fonte a{color:var(--petrolio)}
.etichette{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.etichette a{padding:.35rem .75rem;border:1px solid var(--linea-chiara);background:var(--bianco);font-size:.88rem;text-decoration:none;color:var(--testo);transition:border-color .3s,background .3s}
.etichette a:hover{border-color:var(--petrolio)}
.etichette a.attivo{background:var(--scuro);border-color:var(--scuro);color:var(--su-scuro)}
.condividi{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:0}
.condividi a,.condividi button{font:inherit;font-weight:400;font-size:.95rem;background:none;border:0;padding:0;color:var(--petrolio);text-decoration:none;cursor:pointer}
.condividi a:hover,.condividi button:hover{text-decoration:underline}
.con-laterale .notizie{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
@media (max-width:980px){.con-laterale{grid-template-columns:1fr;gap:3rem}.laterale{position:static}}
.con-laterale>.prosa figure img{width:100%;max-height:460px;object-fit:cover}