/* Metriclab – foglio di stile del sito
   Layout: fasce a tutta larghezza alternate chiaro/nero, contenuto in colonna da 1200px.
   Regola di identità: GIALLO = attività accreditata (verificazione periodica),
   NERO/GRIGIO = servizi tecnici non accreditati. Non mescolare i due codici. */

@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/figtree-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/figtree-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/figtree-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/figtree-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/figtree-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Audiowide";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/audiowide-latin-400-normal.woff2") format("woff2")}

:root{
  /* colori */
  --giallo:#F5A722;        /* giallo Metric Lab */
  --giallo-scuro:#8A5A00;  /* giallo leggibile su bianco */
  --nero:#111110;
  --notte:#0B0B0A;         /* fasce scure */
  --carta:#FFFFFF;
  --sabbia:#F5F4F0;        /* grigio caldo, area servizi tecnici */
  --linea:#E2DFD7;
  --testo:#1A1914;
  --testo-2:#4A4740;
  --testo-inv:#D8D6D0;     /* testo su nero */
  /* caratteri */
  --f-corpo:"Figtree","Avenir Next","Avenir","Segoe UI",Arial,sans-serif;
  --f-tecnico:"Audiowide","Figtree",Arial,sans-serif; /* solo numeri e dettagli tecnici */
  /* scala */
  --t-xs:.8125rem; --t-s:.9375rem; --t-m:1.0625rem; --t-l:1.25rem;
  --t-h3:1.375rem; --t-h2:clamp(2rem,1.4rem + 2.4vw,2.875rem); --t-h1:clamp(2.4rem,1.5rem + 3.6vw,3.875rem);
  --r:10px;
  --gutter:clamp(16px,4vw,24px);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--carta);color:var(--testo);font-family:var(--f-corpo);font-size:var(--t-m);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:hover{color:var(--giallo-scuro)}
:focus-visible{outline:3px solid var(--giallo);outline-offset:3px}
h1,h2,h3,h4{margin:0;line-height:1.12;font-weight:800;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
h1{font-size:var(--t-h1)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--giallo);color:var(--nero);padding:10px 16px;z-index:100;font-weight:700}
.skip:focus{left:8px}

/* ---------- barra contatti ---------- */
.topbar{background:var(--notte);color:var(--testo-inv);font-size:var(--t-s)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-block:9px}
.topbar__links{display:flex;flex-wrap:wrap;gap:6px 22px}
.topbar a{color:var(--testo-inv);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.topbar a:hover{color:var(--giallo)}
.topbar img{width:16px;height:16px;object-fit:contain}

/* ---------- intestazione ---------- */
.header{background:var(--carta);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:50}
.header .wrap{display:flex;gap:16px 32px;align-items:center;justify-content:space-between;padding-block:14px}
.header__logo img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:4px 24px;font-weight:600}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:4px 22px;white-space:nowrap}
.nav a{text-decoration:none;color:var(--testo);padding-block:6px;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item>a,.nav a[aria-current="page"]{border-bottom-color:var(--giallo);color:var(--testo)}
.nav__toggle{display:none;background:none;border:2px solid var(--nero);border-radius:6px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
@media (max-width:1140px){
  .nav__toggle{display:inline-flex;gap:8px;align-items:center}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--carta);border-bottom:1px solid var(--linea);padding:12px var(--gutter) 20px;flex-direction:column;align-items:stretch}
  .nav.is-open{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a{display:block;padding:12px 0;border-bottom:1px solid var(--linea)}
  .nav .btn{margin-top:12px;justify-content:center}
  .header__logo img{height:38px}
}

/* ---------- bottoni ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;border-radius:6px;padding:13px 22px;min-height:44px;border:2px solid transparent;font-family:inherit;font-size:1rem;cursor:pointer;line-height:1.2}
.btn--giallo{background:var(--giallo);color:var(--nero)}
.btn--giallo:hover{background:#FFB938;color:var(--nero)}
.btn--nero{background:var(--nero);color:var(--carta)}
.btn--nero:hover{background:#2A2925;color:var(--carta)}
.btn--bordo{border-color:currentColor;background:transparent}
.nav .btn{border-bottom-width:2px;white-space:nowrap}

/* ---------- elementi ricorrenti ---------- */
.eyebrow{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--giallo-scuro)}
.sec--nero .eyebrow,.hero .eyebrow,.page-hero .eyebrow{color:var(--giallo)}
.pill{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pill--acc{background:var(--nero);color:var(--giallo)}
.pill--non{background:var(--carta);color:#333;border:1px solid #BDBAB2}
.lead{font-size:var(--t-l);line-height:1.55;color:var(--testo-2);max-width:62ch}
.stack{display:flex;flex-direction:column;gap:16px}
.stack--l{gap:28px}
.row-between{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}
.ruler{height:20px;background:repeating-linear-gradient(90deg,var(--giallo) 0 2px,transparent 2px 12px);opacity:.85}
.ruler--v{position:absolute;left:0;top:0;bottom:0;width:18px;height:auto;z-index:1;background:repeating-linear-gradient(180deg,var(--giallo) 0 2px,transparent 2px 12px),rgba(17,17,16,.6);opacity:1}

.sec{padding-block:clamp(56px,8vw,96px)}
.sec--nero{background:var(--notte);color:var(--carta)}
.sec--nero .lead,.sec--nero p{color:var(--testo-inv)}
.sec--sabbia{background:var(--sabbia)}
.sec--chiaro{background:#FAFAF8}
.area-acc{border-top:10px solid var(--giallo)}
.area-non{border-top:10px solid var(--nero);background:var(--sabbia)}

.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.grid--5{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* card servizi */
.card{background:var(--carta);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.card--acc{border:2px solid var(--nero)}
.card--non{border:1px solid #D9D6CE}
.card h3{font-size:var(--t-h3)}
.card p{color:var(--testo-2);font-size:1rem}
.card__ico{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.card--acc .card__ico{background:var(--giallo)}
.card--non .card__ico{background:var(--nero)}
.card__ico svg{width:28px;height:28px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card--acc .card__ico svg{stroke:var(--nero)}
.card--non .card__ico svg{stroke:var(--carta)}
.card__meta{margin-top:auto;padding-top:12px;border-top:1px dashed var(--linea);font-size:var(--t-s);color:var(--testo-2);display:flex;justify-content:space-between;gap:12px}
.card__meta strong{font-family:var(--f-tecnico);font-weight:400;color:var(--testo);letter-spacing:.02em}
.card ul{margin:0;padding-left:18px;color:var(--testo-2);font-size:1rem}

/* ---------- hero home ---------- */
.hero{background:var(--notte);color:var(--carta);position:relative;overflow:hidden}
.hero .wrap{padding-block:clamp(64px,9vw,96px) clamp(80px,10vw,116px);display:flex;flex-direction:column;gap:44px;position:relative}
.hero h1{font-size:var(--t-h1);letter-spacing:-.025em;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--giallo)}
.hero .lead{color:var(--testo-inv)}
.hero .ruler{position:absolute;left:0;right:0;bottom:0}
.scelta{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.scelta a{text-decoration:none;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease}
.scelta a:hover{transform:translateY(-3px)}
.scelta__acc{background:var(--giallo);color:var(--nero)}
.scelta__acc:hover{color:var(--nero)}
.scelta__non{background:var(--carta);color:var(--nero)}
.scelta__non:hover{color:var(--nero)}
.scelta__tag{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.scelta__non .scelta__tag{color:#555}
.scelta__tit{font-size:1.875rem;font-weight:800;line-height:1.15}
.scelta__cta{margin-top:6px;font-weight:800}

/* ---------- testata pagine interne ---------- */
.page-hero{background:var(--notte);color:var(--carta);position:relative}
.page-hero .wrap{padding-block:56px 76px;display:flex;flex-direction:column;gap:16px}
.page-hero h1{font-size:var(--t-h2);max-width:22ch}
.page-hero .lead{color:var(--testo-inv)}
.page-hero .ruler{position:absolute;left:0;right:0;bottom:0}
.page-hero--acc{border-bottom:10px solid var(--giallo)}
.page-hero--acc .ruler{bottom:0}
.briciole{font-size:var(--t-s);color:#A8A59D}
.briciole a{color:#A8A59D}
.briciole a:hover{color:var(--giallo)}

/* ---------- blocco accreditamento ---------- */
.accr{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start}
@media (max-width:860px){.accr{grid-template-columns:1fr}}
.accr__box{border:2px solid var(--nero);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px}
.marchio{display:flex;flex-direction:column;align-items:center;width:128px;gap:6px}
.marchio img{width:128px;height:128px}
.marchio__n{width:100%;border-block:1px dashed #8A8A8A;text-align:center;font-size:var(--t-s);letter-spacing:.06em;color:#2C2C22;padding-block:2px}
.accr__box p{font-size:var(--t-s);color:#333}

/* nota non accreditato */
.nota{display:flex;gap:14px;align-items:flex-start;background:var(--carta);border:2px solid var(--nero);border-radius:var(--r);padding:18px 20px;font-size:1rem;color:#222}
.nota svg{flex:0 0 auto;width:24px;height:24px;margin-top:2px;fill:none;stroke:var(--nero);stroke-width:2;stroke-linecap:round}

/* ---------- settori ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:10px}
.tab{background:transparent;color:var(--carta);border:2px solid #4A4944;padding:11px 20px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.tab:hover{border-color:var(--giallo)}
.tab[aria-selected="true"]{background:var(--giallo);border-color:var(--giallo);color:var(--nero)}
.panel{display:grid;gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border:1px solid #2C2B28;border-radius:12px;padding:32px}
@media (max-width:820px){.panel{grid-template-columns:1fr;padding:24px}}
.panel h3{font-size:1.75rem;color:var(--giallo)}
.panel p{font-size:var(--t-l);line-height:1.6}
.panel__lista{display:flex;flex-direction:column;gap:10px}
.panel__lista span{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#1A1A18;border-radius:8px}
.panel__lista span::before{content:"";width:8px;height:8px;background:var(--giallo);border-radius:2px;flex:0 0 auto}
.panel__lab{font-size:var(--t-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#A8A59D}

/* ---------- passi ---------- */
.passi-wrap{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
@media (max-width:900px){.passi-wrap{grid-template-columns:1fr}}
.passi{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.passo{background:var(--carta);border-radius:var(--r);border-top:5px solid var(--giallo);padding:26px;display:flex;flex-direction:column;gap:10px}
.passo__n{font-family:var(--f-tecnico);font-size:2.25rem;line-height:1;color:var(--nero)}
.passo h3{font-size:1.25rem}
.passo p{color:var(--testo-2);font-size:1rem}

/* ---------- foto ---------- */
.foto{position:relative;border-radius:12px;overflow:hidden;background:var(--nero);min-height:420px}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));color:var(--carta);font-size:var(--t-s);font-weight:600}

/* ---------- tabella periodicità ---------- */
.tabella-wrap{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:1rem}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--linea);vertical-align:top}
th{background:var(--nero);color:var(--carta);font-size:var(--t-s);letter-spacing:.04em}
tr:last-child td{border-bottom:none}
td.anni{font-family:var(--f-tecnico);white-space:nowrap;font-variant-numeric:tabular-nums}
.fonte{font-size:var(--t-s);color:var(--testo-2)}

/* ---------- chi siamo ---------- */
.split{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
@media (max-width:880px){.split{grid-template-columns:1fr}}
.valori{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.valore{border-top:2px solid var(--nero);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.valore h3{font-size:1.25rem}
.valore p{color:var(--testo-2);font-size:1rem}
.numeri{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.numero{display:flex;flex-direction:column;gap:4px}
.numero strong{font-family:var(--f-tecnico);font-weight:400;font-size:2.5rem;color:var(--giallo);line-height:1.1}

/* clienti */
.loghi{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.loghi div{height:72px;border:1px dashed #C9C6BE;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#77746C;font-size:var(--t-s)}

/* ---------- news ---------- */
.news-card{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--carta)}
.news-card__img{aspect-ratio:16/9;max-width:100%;background:var(--sabbia);display:flex;align-items:center;justify-content:center;color:#77746C;font-size:var(--t-s);position:relative;overflow:hidden}
.news-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.news-card__cat{font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--giallo-scuro)}
.news-card h3{font-size:1.1875rem;line-height:1.3}
.news-card h3 a{text-decoration:none}
.news-card time{font-size:var(--t-s);color:var(--testo-2)}

/* ---------- testo lungo (privacy, articoli) ---------- */
.prosa{max-width:72ch;display:flex;flex-direction:column;gap:18px}
.prosa h2{font-size:1.75rem;margin-top:16px}
.prosa h3{font-size:1.3rem;margin-top:8px}
.prosa ul{margin:0;padding-left:22px}

/* ---------- contatti ---------- */
.contatti{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
@media (max-width:900px){.contatti{grid-template-columns:1fr}}
.recapiti{display:flex;flex-direction:column;gap:16px;font-size:var(--t-m)}
.recapito{display:flex;gap:14px;align-items:flex-start}
.recapito img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.recapito b{display:block;color:var(--giallo);font-weight:700}
.recapito a{color:var(--carta)}
.recapito a:hover{color:var(--giallo)}
.form{background:var(--carta);color:var(--nero);border-radius:12px;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:16px}
.form__row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:var(--t-s)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{min-height:46px;border:1px solid #B9B6AE;border-radius:6px;padding:10px 12px;font:inherit;font-size:1rem;background:var(--carta);color:var(--nero);width:100%}
.form textarea{resize:vertical}
.form .check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:#444}
.form .check input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto}
.form__esito{font-weight:700;color:var(--giallo-scuro)}
.mappa{display:block;border-radius:var(--r);background:#1A1A18;color:var(--carta);text-decoration:none;padding:22px;border:1px solid #2C2B28}
.mappa:hover{border-color:var(--giallo);color:var(--carta)}

/* ---------- CTA fascia ---------- */
.cta{background:var(--giallo);color:var(--nero)}
.cta .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding-block:44px}
.cta h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);max-width:28ch}

/* ---------- footer ---------- */
.footer{background:#000;color:#A9A69E;font-size:var(--t-s)}
.footer__bar{height:6px;background:var(--giallo)}
.footer .wrap{padding-block:44px 28px;display:flex;flex-direction:column;gap:28px}
.footer__cols{display:grid;gap:28px;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(min(100%,180px),1fr))}
@media (max-width:760px){.footer__cols{grid-template-columns:1fr}}
.footer h4{color:var(--carta);font-size:var(--t-s);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.footer a{color:#A9A69E;text-decoration:none}
.footer a:hover{color:var(--giallo)}
.footer__logo{height:40px;width:auto}
.footer__legale{border-top:1px solid #222;padding-top:18px;font-size:var(--t-xs);line-height:1.6;color:#8F8C84;display:flex;flex-direction:column;gap:6px}

/* ---------- documenti scaricabili ---------- */
.docs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.doc{display:flex;gap:14px;align-items:center;text-decoration:none;background:var(--carta);border:1px solid #D9D6CE;border-radius:var(--r);padding:16px 18px;color:var(--testo);transition:border-color .15s ease}
.doc:hover{border-color:var(--nero);color:var(--testo)}
.doc__ico{flex:0 0 auto;width:46px;height:46px;border-radius:8px;background:var(--nero);color:var(--giallo);font-family:var(--f-tecnico);font-size:.8rem;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}
.doc--link .doc__ico{font-size:1.25rem;font-family:var(--f-corpo)}
.doc__txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.doc__txt strong{font-size:1.0625rem}
.doc__txt span{font-size:var(--t-s);color:var(--testo-2)}
.doc__dl{flex:0 0 auto;font-weight:800;font-size:1.25rem}

/* ---------- contrassegni ---------- */
.contr{display:inline-flex;flex-direction:column;align-self:flex-start;align-items:center;justify-content:center;width:112px;height:64px;border-radius:6px;color:#000;border:2px dashed rgba(0,0,0,.35);line-height:1.1}
.contr b{font-family:var(--f-tecnico);font-weight:400;font-size:1.25rem}
.contr small{font-size:.75rem;font-weight:700}
.contr--verde{background:#3FAE49}
.contr--rosso{background:#E0322B}

/* ---------- norma e obblighi ---------- */
.norma{border-left:4px solid var(--giallo);padding:4px 0 4px 18px;display:flex;flex-direction:column;gap:8px}
.norma h3{font-size:1.25rem}
.norma p{color:var(--testo-2);font-size:1rem}
.norma__rif{display:inline-block;align-self:flex-start;font-family:var(--f-tecnico);font-size:.8125rem;background:var(--nero);color:var(--giallo);padding:3px 10px;border-radius:4px;letter-spacing:.03em;vertical-align:middle}
.obb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.obb li{display:flex;gap:14px;align-items:flex-start}
.obb__l{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--giallo);color:var(--nero);font-family:var(--f-tecnico);display:flex;align-items:center;justify-content:center}
.faq{border-bottom:1px solid var(--linea);padding-block:16px}
.faq summary{cursor:pointer;font-weight:700;font-size:1.125rem}
.faq p{margin-top:10px;color:var(--testo-2)}

/* ---------- schede strumento ---------- */
.card--link{text-decoration:none;color:var(--testo);transition:transform .15s ease,box-shadow .15s ease}
.card--link:hover{color:var(--testo);transform:translateY(-3px);box-shadow:0 10px 0 -4px var(--giallo)}
.card__cta{font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--sabbia);border:1px solid var(--linea);font-size:var(--t-s);font-weight:600}
.chip--link{text-decoration:none;background:var(--carta);border:2px solid var(--nero)}
.chip--link:hover{background:var(--giallo);color:var(--nero)}
.panel__lista--chiaro span{background:var(--sabbia);color:var(--testo)}
.numero span{color:var(--testo-2);font-size:var(--t-s)}
.foto--vuota{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#A8A59D;font-weight:700;font-size:var(--t-s);letter-spacing:.04em;background:repeating-linear-gradient(135deg,#161614 0 14px,#1C1C19 14px 28px);border:1px dashed #3A3934}
.sec--nero .valore{border-top-color:var(--giallo)}

/* ---------- PDF incorporato ---------- */
.pdf-box{border:2px solid var(--nero);border-radius:12px;overflow:hidden;background:var(--sabbia)}
.pdf-box object{display:block;width:100%;height:min(80vh,900px)}

/* ---------- foto di prodotto (sfondo bianco) e galleria ---------- */
.foto--prodotto{background:var(--carta);border:1px solid var(--linea)}
.foto--prodotto img{object-fit:contain;padding:18px}
.foto--prodotto figcaption{background:none;color:var(--testo-2);text-align:center}
.sec--nero .foto--prodotto{border-color:#2C2B28}
.galleria{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.gal{margin:0;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.gal img{width:100%;aspect-ratio:1/1;max-width:100%;object-fit:contain;padding:12px;background:var(--carta)}
.gal figcaption{padding:10px 14px 14px;font-size:var(--t-s);font-weight:600;border-top:1px dashed var(--linea)}

/* ---------- termometri wireless ---------- */
.telefono-wrap{display:flex;justify-content:center}
.telefono{width:min(100%,300px);height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
table.pd td:first-child{color:var(--testo-2)}
table.pd td:last-child{font-weight:600}
table.pd td:last-child::before{content:"✓ ";color:#2E8B3A;font-weight:800}
table.pd td:first-child::before{content:"✕ ";color:#B23A2E;font-weight:800}

/* ---------- aree vendita e servizi ---------- */
.area-serv{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}
@media (max-width:880px){.area-serv{grid-template-columns:1fr}}
.area-serv__ico{background:var(--nero)}
.area-serv__ico svg{stroke:var(--carta);fill:none;width:28px;height:28px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.area-serv__cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.area-serv__nota{border-left:4px solid var(--nero);padding-left:14px}
.spunte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.spunte li{display:flex;gap:10px;align-items:flex-start}
.spunte li::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:9px;background:var(--nero);border-radius:2px}

.footer__crediti{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}

.srl{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);padding:18px 22px}
.srl img{height:48px;width:auto}
.srl p{flex:1 1 320px;min-width:0;font-size:var(--t-s);color:var(--testo-2)}

.footer__aziende{display:flex;flex-direction:column;gap:4px;color:#A9A69E}
.footer__aziende strong{color:var(--carta);font-weight:700}

.contr-img{width:150px;height:auto;align-self:flex-start;border-radius:6px;box-shadow:0 2px 0 rgba(0,0,0,.08)}

/* ---------- contrassegni e sigilli ---------- */
.sigilli{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.sigillo{background:var(--carta);border:2px solid var(--nero);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.sigillo__img{background:#ECEAE4;display:flex;align-items:center;justify-content:center;height:220px;padding:18px}
.sigillo__img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.sigillo__txt{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.sigillo__txt h3{font-size:1.25rem}
.sigillo__txt p{color:var(--testo-2);font-size:1rem}
.sigillo__chi{align-self:flex-start;font-size:var(--t-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--nero);color:var(--giallo);padding:3px 10px;border-radius:4px}
.sigillo:last-child .sigillo__chi{background:var(--sabbia);color:var(--testo);border:1px solid #BDBAB2}
.doc-foto img{padding:24px}