/* Rivestimenti Legno / Conifera – foglio di stile condiviso (brand identity 2025) */
:root{
  --arancio:#F28C1E; --arancio-scuro:#D9760F; --nero:#2B2B2B; --grigio:#5C5C5C; --grigio-chiaro:#EFECE7;
  --bianco:#FFFFFF; --legno:#F6F1E9; --font-titoli:"Oswald","Arial Narrow",sans-serif; --font-testo:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --max:1180px; --radius:6px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-testo);color:var(--nero);background:var(--bianco);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--arancio-scuro)} a:hover{color:var(--arancio)}
h1,h2,h3,h4{font-family:var(--font-titoli);font-weight:600;line-height:1.1;margin:0 0 .5em;text-transform:uppercase;letter-spacing:.01em}
h1{font-size:clamp(2.4rem,6vw,4.4rem)} h2{font-size:clamp(1.8rem,4vw,2.8rem)} h3{font-size:1.35rem} p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.sr{position:absolute;left:-9999px}
.btn{display:inline-block;background:var(--arancio);color:#fff;font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;padding:.8em 1.6em;border-radius:var(--radius);text-decoration:none;border:2px solid var(--arancio);transition:.2s}
.btn:hover{background:var(--arancio-scuro);border-color:var(--arancio-scuro);color:#fff}
.btn.ghost{background:transparent;color:#fff;border-color:#fff} .btn.ghost:hover{background:#fff;color:var(--nero)}
.btn.dark{background:var(--nero);border-color:var(--nero)} .btn.dark:hover{background:#000}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(43,43,43,.96);backdrop-filter:blur(6px);color:#fff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.top .logo img{height:46px;width:auto}
.nav{display:flex;gap:26px;align-items:center;font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.nav a{color:#fff;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent} .nav a:hover,.nav a.on{border-color:var(--arancio)}
.nav .tel{color:var(--arancio)}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}
@media(max-width:860px){.burger{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--nero);flex-direction:column;padding:16px 20px 24px;gap:14px}.nav.open{display:flex}}
/* hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:center;color:#fff;background:var(--nero) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.15))}
.hero .wrap{position:relative;z-index:1;padding-top:60px;padding-bottom:60px}
.hero .kicker{font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.2em;color:var(--arancio);margin-bottom:.6em}
.hero p.lead{font-size:1.25rem;max-width:620px;color:#eee}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.4em}
.hero .mark{position:absolute;right:4vw;bottom:-2vw;width:min(40vw,520px);opacity:.14;z-index:0}
/* sezioni */
section{padding:72px 0} section.alt{background:var(--legno)} section.dark{background:var(--nero);color:#fff}
.lead-title{max-width:760px;margin-bottom:36px} .lead-title p{font-size:1.15rem;color:var(--grigio)} .dark .lead-title p{color:#ccc}
.grid{display:grid;gap:26px} .g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.07);display:flex;flex-direction:column}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%} .card .body{padding:22px 24px 26px;flex:1} .card h3{color:var(--nero)} .card p{color:var(--grigio);margin-bottom:.8em}
.card .more{font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--arancio-scuro)}
.num{text-align:center} .num b{display:block;font-family:var(--font-titoli);font-size:3rem;color:var(--arancio);line-height:1} .num span{color:var(--grigio);font-size:.95rem}
.dark .num span{color:#ccc}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:860px){.split{grid-template-columns:1fr}}
.split img{border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.15)}
.badge-row{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.cert{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:0 2px 14px rgba(0,0,0,.07)} .cert h3{font-size:1.15rem}
.cert a{font-weight:600}
ul.check{list-style:none;padding:0;margin:0 0 1em} ul.check li{padding-left:28px;position:relative;margin-bottom:.5em} ul.check li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;background:var(--arancio);clip-path:polygon(0 50%,40% 90%,100% 10%,100% 35%,40% 100%,0 70%)}
table.spec{width:100%;border-collapse:collapse;margin:0 0 1em} table.spec th,table.spec td{text-align:left;padding:10px 12px;border-bottom:1px solid #ddd;vertical-align:top} table.spec th{font-family:var(--font-titoli);font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;color:var(--grigio);width:34%}
.notice{border-left:6px solid var(--arancio);background:#FFF4E8;padding:18px 22px;border-radius:var(--radius);margin:0 0 28px} .notice strong{font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.05em}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .gallery img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);filter:sepia(.15)} @media(max-width:700px){.gallery{grid-template-columns:repeat(2,1fr)}}
/* form */
form.contact{display:grid;gap:14px;grid-template-columns:1fr 1fr} form.contact .full{grid-column:1/-1}
form.contact label{display:block;font-family:var(--font-titoli);text-transform:uppercase;font-size:.85rem;letter-spacing:.06em;color:var(--grigio);margin-bottom:6px}
form.contact input,form.contact textarea,form.contact select{width:100%;padding:12px 14px;border:1px solid #cfcfcf;border-radius:var(--radius);font:inherit;background:#fff}
form.contact textarea{min-height:140px} form.contact .consent{font-size:.9rem;color:var(--grigio)} form.contact .consent input{width:auto;margin-right:8px}
@media(max-width:600px){form.contact{grid-template-columns:1fr}}
.contact-box{background:var(--nero);color:#fff;padding:32px;border-radius:var(--radius)} .contact-box a{color:#fff} .contact-box h3{color:var(--arancio)}
.contact-box dl{margin:0} .contact-box dt{font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;color:#bbb;margin-top:14px} .contact-box dd{margin:2px 0 0}
.map{border:0;width:100%;height:340px;border-radius:var(--radius)}
/* footer */
footer{background:#1d1d1d;color:#bbb;padding:44px 0 30px;font-size:.92rem} footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px} @media(max-width:760px){footer .wrap{grid-template-columns:1fr}}
footer img{height:54px;width:auto;margin-bottom:14px} footer a{color:#ddd;text-decoration:none} footer a:hover{color:var(--arancio)} footer h4{color:#fff;font-size:1rem;letter-spacing:.08em}
footer .legal{grid-column:1/-1;border-top:1px solid #333;padding-top:18px;margin-top:10px;font-size:.82rem;color:#888}
/* cookie */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;background:#fff;color:var(--nero);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.25);padding:18px 20px;display:none;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.92rem}
.cookie.show{display:flex} .cookie .btn{padding:.55em 1.2em;font-size:.9rem}
/* legal page */
.legal-page h2{font-size:1.5rem;margin-top:1.6em} .legal-page{max-width:820px}

/* loghi certificazioni */
.cert-logo{display:inline-block;background:#fff;border:1px solid #e6e2db;border-radius:var(--radius);padding:14px 18px;margin:0 14px 16px 0;line-height:0}
.cert-logo img{height:64px;width:auto}
.cert .cert-logo{margin-bottom:18px}

/* home: sfondo legno con patina opaca uniforme */
.hero-home::after{background:linear-gradient(90deg,rgba(43,43,43,.72),rgba(43,43,43,.55))}
.hero-home .mark{opacity:.10}

/* ===== Catalogo profili (12/10/2026) ===== */
.cathead{padding:56px 0 34px;background:var(--bianco)}
.cathead h1{margin:.1em 0 .3em}
.cathead .lead{max-width:760px;color:var(--grigio)}
.filtri{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:26px}
.fgroup{display:flex;flex-wrap:wrap;gap:8px}
.fgroup button,.vtabs button{font-family:var(--font-titoli);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;padding:.55em 1.1em;border-radius:99px;border:1.5px solid #d8d2c8;background:#fff;color:var(--nero);cursor:pointer;transition:.15s}
.fgroup button:hover,.vtabs button:hover{border-color:var(--arancio)}
.fgroup button.on,.vtabs button.on{background:var(--nero);border-color:var(--nero);color:#fff}
#fq{flex:1;min-width:230px;max-width:340px;font:inherit;font-size:1rem;padding:.6em 1em;border:1.5px solid #d8d2c8;border-radius:99px;background:#fff}
#fq:focus{outline:none;border-color:var(--arancio)}
section.cat{padding:44px 0 64px}
.famiglia{margin-bottom:44px}
.famiglia h2,section.cat h2{margin-bottom:.7em}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 14px rgba(0,0,0,.06);border-bottom:3px solid transparent;transition:transform .18s,box-shadow .18s,border-color .18s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.12);border-bottom-color:var(--arancio)}
.pcard[hidden],.famiglia[hidden]{display:none}
.pimg{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:22px 26px;background:#fff;border-bottom:1px solid var(--grigio-chiaro)}
.pimg img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pbody{padding:18px 22px 22px}
.pcod{display:inline-block;font-family:var(--font-titoli);font-weight:600;letter-spacing:.08em;color:#fff;background:var(--arancio);padding:.1em .6em;border-radius:3px;font-size:.95rem}
.pcod.big{font-size:1.15rem}
.pcard h3{margin:.5em 0 .6em;font-size:1.25rem;line-height:1.25;color:var(--nero)}
.pmeta,.chips{display:flex;flex-wrap:wrap;gap:6px}
.pmeta span,.chips span{font-size:.82rem;padding:.2em .7em;border-radius:99px;background:var(--legno);color:var(--grigio)}
.pmeta .var{background:transparent;border:1px solid #d8d2c8}
.chips span{font-size:.92rem;background:#fff;border:1px solid #d8d2c8;color:var(--nero);font-variant-numeric:tabular-nums}
.vuoto{text-align:center;color:var(--grigio);padding:30px 0}
section.prof{padding:34px 0 60px}
.brici{font-size:.9rem;color:var(--grigio);margin-bottom:22px}
.brici a{color:var(--grigio)}
.proftop{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start}
.vtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.vista[hidden]{display:none}
.vista figure{margin:0 0 16px;background:#fff;border:1px solid var(--grigio-chiaro);border-radius:var(--radius);padding:26px;text-align:center}
.vista figure img{max-height:340px;width:auto;max-width:100%}
.vista figure.iso img{max-height:260px}
.vista figcaption{font-size:.82rem;color:var(--grigio);margin-top:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-titoli)}
.azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.btn.line{background:transparent;color:var(--nero);border-color:var(--nero)}
.btn.line:hover{background:var(--nero);border-color:var(--nero);color:#fff}
.dati h1{margin:.35em 0 .4em;font-size:2.1rem;line-height:1.15}
.dati .lead{color:var(--grigio);font-size:1.08rem}
.dati h2{font-size:1.3rem;margin:1.4em 0 .2em}
.dati .nota{font-size:.88rem;color:var(--grigio);margin:0 0 .6em}
.dati .spec th{width:30%}
.catlink{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;background:var(--nero);color:#fff;border-radius:var(--radius);padding:24px 30px}
.catlink h3{color:#fff;margin:0 0 .2em}.catlink p{margin:0;color:#d6d2cb}
@media(max-width:980px){.pgrid{grid-template-columns:repeat(2,1fr)}.proftop{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}.dati h1{font-size:1.7rem}.vista figure{padding:16px}#fq{max-width:none}}
.dati h3.ess{font-size:1rem;margin:1.1em 0 .3em;color:var(--arancio-scuro);letter-spacing:.08em}
table.misure{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
table.misure th{font-family:var(--font-titoli);font-weight:600;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:var(--grigio);text-align:left;padding:6px 10px;border-bottom:2px solid var(--nero)}
table.misure td{padding:7px 10px;border-bottom:1px solid #e4dfd6}
table.misure tbody tr:hover{background:var(--legno)}

/* ===== Energia (13/10/2026) ===== */
.en-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:18px 0 28px}
.en-tile{background:#fff;border-radius:var(--radius);box-shadow:0 2px 14px rgba(0,0,0,.07);padding:22px 20px 18px;border-top:4px solid var(--arancio)}
.en-num{font-family:var(--font-titoli);font-size:2.4rem;font-weight:600;line-height:1;color:var(--nero);font-variant-numeric:tabular-nums}
.en-lab{color:var(--grigio);margin-top:6px;font-size:.95rem}
.en-chart{background:#fff;border-radius:var(--radius);box-shadow:0 2px 14px rgba(0,0,0,.07);padding:16px 18px 10px}
.en-chart canvas{width:100%;height:auto;display:block}
.en-sub{font-size:.85rem;color:var(--grigio);margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-titoli)}
.en-auto{margin-top:18px}
.en-bar{height:26px;background:#e8e2d8;border-radius:99px;overflow:hidden}
.en-fill{height:100%;background:var(--arancio);border-radius:99px;transition:width 1s}
.en-pct{margin-top:10px;font-size:1.1rem}.en-pct b{font-family:var(--font-titoli);font-size:1.6rem;color:var(--nero)}
.en-note{font-size:.85rem;color:var(--grigio)}
@media(max-width:900px){.en-kpi{grid-template-columns:repeat(2,1fr)}}