/* CopyArt: CSS del tema a blocchi.
   Nato dal CSS della bozza (BOZZA SITO/sito.css, proposta C di DTF CopyArt): stessi colori, spazi e componenti.
   Le classi dei componenti (banda, righe, forme, misure...) stanno nel campo "Classi CSS aggiuntive" dei blocchi. */

/* CopyArt, bozza del sito nuovo. Stessa base della proposta C di DTF CopyArt: colori e spazi dal design system. */
:root{--c:#07b4fd;--c1:#d3f1fb;--c0:#f3fcff;--m:#ff00a6;--y:#fde707;--k:#000;--i:#242424;--t:#303030;--f:#d6d6d6;--g:clamp(16px,3vw,44px);--tondo:clamp(10px,1.2vw,18px);}
body{font-family:var(--wp--preset--font-family--poppins);font-size:16px;line-height:1.6;color:var(--k);background:#fff}
.wp-site-blocks{max-width:1680px;margin:0 auto;isolation:isolate;overflow:clip}
*,*::before,*::after{box-sizing:border-box}
:where(body) :where(h1,h2,h3,h4,p,dl,dd,ol,ul,figure,blockquote){margin:0}
:where(body) :where(ol,ul){padding:0}
:where(body) a{color:inherit}

/* piede */
.p-nero{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:24px clamp(20px,4vw,56px);padding:clamp(28px,4vw,48px) var(--g);background:var(--k);color:#fff;font-size:15px;line-height:1.5}
.p-nero h2{font-size:15px;font-weight:600;color:#fff;margin-bottom:8px}
.p-nero ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.p-nero a{text-decoration:none}
.p-nero a:hover{text-decoration:underline}
.p-marca{font-size:clamp(24px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.p-basso{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 24px;padding-top:16px;border-top:1px solid #fff;font-size:13px}

/* titoli */
.h1{font-size:clamp(46px,8.8vw,132px);font-weight:800;line-height:.98;letter-spacing:-.045em}
.h2{font-size:clamp(30px,3.9vw,56px);font-weight:800;line-height:1.02;letter-spacing:-.035em}
.h3{font-size:clamp(19px,1.6vw,22px);font-weight:600;line-height:1.25}
.lead{max-width:34em;font-size:clamp(17px,1.5vw,21px);line-height:1.5}
.reg{display:inline-grid;isolation:isolate}
.lv{grid-area:1/1;mix-blend-mode:multiply}
.lv.c{color:var(--c);transform:translate(-.05em,-.026em)}
.lv.m{color:var(--m);transform:translate(.05em,.02em)}
.lv.y{color:var(--y);transform:translate(-.012em,.06em)}

/* bottoni */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border:0;border-radius:6px;background:var(--c);color:var(--k);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--y)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--k);outline-offset:2px}
.btn--big{min-height:60px;padding:0 36px;font-size:19px}
.btn--pieno{display:flex;width:100%}
.btn--bordo{background:#fff;box-shadow:inset 0 0 0 2px var(--k)}
.btn--bordo:hover{background:var(--c1)}
.btn[disabled],.btn--spento{background:#e4e4e4;color:var(--t);cursor:not-allowed}
.btn[disabled]:hover,.btn--spento:hover{background:#e4e4e4}

/* fasce di colore */
.banda{position:relative;padding:clamp(30px,4.6vw,66px) var(--g)}
.b-c{background:var(--c)}.b-m{background:var(--m)}.b-y{background:var(--y)}.b-t{background:var(--c1)}
.banda .lead{margin-top:12px}
.corpo{padding:clamp(30px,4.6vw,66px) var(--g)}
.foto-ink{display:block;width:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}

/* quadretti inchiostro */
.q{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;font-size:16px;font-weight:800}
.q-c{background:var(--c)}.q-m{background:var(--m)}.q-y{background:var(--y)}.q-k{background:var(--k);color:#fff}
.q-vuoto{background:#fff;box-shadow:inset 0 0 0 2px var(--f);color:var(--t)}

/* moduli */
.campo{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;font-weight:500}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:10px 12px;border:2px solid var(--k);border-radius:6px;background:#fff;color:var(--k);font:inherit;font-size:16px;font-weight:400}
.campo textarea{min-height:120px;resize:vertical}
.griglia-campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.largo{grid-column:1/-1}
.scelta{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:2px solid var(--k);border-radius:6px;background:#fff;font-weight:500;cursor:pointer}
.scelta input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--k)}
.scelta small{display:block;color:var(--t);font-size:13px;font-weight:400;line-height:1.3}
.scelta b{margin-left:auto;font-weight:700;white-space:nowrap}
.scelta.on{background:var(--c1)}

/* riepilogo */
.rie{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,1.6vw,22px);border:2px solid var(--k);border-radius:var(--tondo);background:#fff}
.rie .riga{display:flex;justify-content:space-between;gap:12px;font-size:15px;line-height:1.35}
.rie .riga>span:last-child{font-weight:600;text-align:right;white-space:nowrap}
.rie .tot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:2px solid var(--k)}
.rie .tot b{font-size:clamp(30px,3vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}

/* righe con filetto */
.righe>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(10px,3vw,44px);align-items:baseline;padding:12px 0;border-top:2px solid var(--k);font-size:clamp(16px,1.4vw,19px);font-weight:500}
.righe>div:last-child{border-bottom:2px solid var(--k)}
.righe b{font-weight:800}
.dom details{border-top:2px solid var(--k)}
.dom details:last-child{border-bottom:2px solid var(--k)}
.dom summary{padding:14px 0;font-size:clamp(17px,1.4vw,19px);font-weight:600;cursor:pointer}
.dom details p,.dom details ul{padding:0 0 16px;max-width:46em;color:var(--t)}
.dom details ul{padding-left:20px}

/* ---- CopyArt ---- */


/* segnaposto dichiarati, tra parentesi quadre */
.seg{padding:0 .25em;background:var(--y);color:var(--k);font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 0 0 1px var(--k)}
.b-y .seg,.ink-y .seg{background:#fff}

/* colore: nero e bottoni */
.b-k{background:var(--k);color:#fff}
.btn--giallo{background:var(--y)}
.btn--giallo:hover{background:var(--c)}
.btn--nero{background:var(--k);color:#fff}
.btn--nero:hover{background:#fff;color:var(--k)}
.azioni{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.piccolo{color:var(--t);font-size:14px;line-height:1.45}
.b-k .piccolo{color:#fff}

/* home: apertura */
.hero{container-type:inline-size;position:relative;padding:clamp(4px,.6vw,10px) var(--g) clamp(120px,10vw,150px)}
.tit{font-size:14.4cqw;font-weight:800;line-height:.98;letter-spacing:-.045em}
.tit .riga{display:grid;isolation:isolate}
.tit .lv{transition:transform .35s ease-out}
.lv.k{color:var(--k);mix-blend-mode:normal;transition:opacity .3s}
.sep .c{transform:translate(-.05em,-.026em)}
.sep .m{transform:translate(.05em,.02em)}
.sep .y{transform:translate(-.012em,.06em)}
.ok .lv{transform:none;animation:registro 1.5s .35s cubic-bezier(.2,.8,.2,1) backwards}
.ok .c{--dx:-.09em;--dy:-.04em}.ok .m{--dx:.08em;--dy:.03em}.ok .y{--dx:.02em;--dy:.08em}
@keyframes registro{from{transform:translate(var(--dx),var(--dy))}to{transform:none}}
.ok .lv.k{animation:lastra .35s 1.75s ease-out backwards}
@keyframes lastra{from{opacity:0}to{opacity:1}}
.scatto{position:absolute;top:clamp(4px,.6vw,10px);right:var(--g);width:41cqw;height:13.4cqw}
.scatto img{display:block;width:100%;height:100%;object-fit:cover}

/* slider di lavori: le foto si alternano da sole, senza JavaScript */
.slider{position:relative;overflow:hidden;background:var(--k)}
.slider figure{position:absolute;inset:0;margin:0;opacity:0;animation:giro 12s infinite}
.slider figure:nth-child(1){opacity:1;animation-delay:0s}
.slider figure:nth-child(2){animation-delay:-9s}
.slider figure:nth-child(3){animation-delay:-6s}
.slider figure:nth-child(4){animation-delay:-3s}
.slider:hover figure{animation-play-state:paused}
.slider img{display:block;width:100%;height:100%;object-fit:cover}
.slider figcaption{position:absolute;left:0;bottom:0;padding:5px 10px;background:#fff;color:var(--k);font-size:13px;font-weight:600;line-height:1.3;box-shadow:inset 0 0 0 2px var(--k)}
@keyframes giro{0%{opacity:1}22%{opacity:1}25%{opacity:0}97%{opacity:0}100%{opacity:1}}
.scatto .slider{width:100%;height:100%}
.sv-testa .slider{height:clamp(240px,27vw,400px)}
.scatto svg,.segno-reg{position:absolute;left:-17px;top:-17px;width:34px;height:34px}
.scatto svg circle,.scatto svg path,.segno-reg circle,.segno-reg path{fill:none;stroke:var(--k);stroke-width:1.5}
.sotto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4cqw,64px);align-items:start;margin-top:clamp(18px,2.4cqw,34px)}
.sotto .lead{max-width:26em}
.subito{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px clamp(14px,2.4cqw,36px);align-items:center;padding:clamp(16px,1.8cqw,26px);border:2px solid var(--k);border-radius:var(--tondo);background:#fff}
.subito b{display:block;font-size:clamp(32px,4cqw,56px);font-weight:800;line-height:1.05;letter-spacing:-.03em;white-space:nowrap}
.subito .azioni{margin-top:0;flex-direction:column;align-items:stretch}

/* fasce a inchiostro sovrapposte: i quattro servizi principali sono le quattro lastre */
.ink{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;margin-top:calc(var(--sov) * -1);padding:calc(var(--sov) + clamp(36px,5vw,70px)) var(--g) clamp(44px,6vw,86px);mix-blend-mode:multiply;--sov:clamp(40px,5vw,72px)}
.ink-c{background:var(--c)}.ink-m{background:var(--m)}.ink-y{background:var(--y)}.ink-k{background:var(--k);color:#fff}
.etich{position:absolute;top:calc(var(--sov) + 16px);right:var(--g);font-size:14px;font-weight:600;letter-spacing:.04em}
.ink h2{font-size:clamp(44px,7.4vw,112px);font-weight:800;line-height:.98;letter-spacing:-.04em}
.ink p{max-width:30em;margin-top:14px;font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.ink img{display:block;width:100%;height:clamp(240px,29vw,430px);object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}
.ink-k img{filter:none;mix-blend-mode:normal}
.voci{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:12px;list-style:none;font-size:clamp(17px,1.4vw,19px);font-weight:600}
.voci a{display:block;padding:8px 0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.voci a:hover{text-decoration-thickness:4px}

/* indice degli altri servizi: testo grande che scorre, non mattonelle */
.indice{margin-top:clamp(16px,2.4vw,30px)}
.indice>div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:6px clamp(16px,3vw,44px);align-items:baseline;padding:clamp(12px,1.5vw,20px) 0;border-top:2px solid var(--k)}
.indice>div:last-child{border-bottom:2px solid var(--k)}
.indice h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}
.indice h3 i{display:block;flex:none;width:14px;height:14px}
.indice ul,.indice .wp-block-list{display:flex;flex-wrap:wrap;gap:0 .32em;list-style:none;font-size:clamp(25px,3.6vw,52px);font-weight:800;line-height:1.16;letter-spacing:-.03em}
.indice li:not(:last-child)::after{content:"/";margin-left:.32em;font-weight:400}
.indice a{text-decoration:none}
.indice a:hover{background:var(--y)}
.indice .seg{font-size:.5em;letter-spacing:0;vertical-align:.25em}

/* due colonne: titolo a sinistra, contenuto a destra */
.bianca{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,60px);padding:clamp(40px,6vw,86px) var(--g)}
.bianca h2{font-size:clamp(36px,5.2vw,78px);font-weight:800;line-height:1;letter-spacing:-.04em}
.bianca h2+p{margin-top:14px}
.righe>div.r2{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.righe>div.r3{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,2fr)}
.righe>div.r3>p:last-child{font-weight:800}
.righe .sott{font-weight:400}
.nota{margin-top:14px}

/* pagina servizio */
.briciole{margin-bottom:clamp(10px,1.4vw,18px);font-size:14px}
.briciole a{text-underline-offset:3px}
.sv-testa{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,60px);align-items:end}
.sv-h1{font-size:clamp(42px,6.8vw,100px)}
.sv-testa .foto-ink,.sv-testa .foto-col{height:clamp(240px,27vw,400px)}
.foto-col{display:block;width:100%;object-fit:cover}
.spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(16px,3vw,44px);margin:0}
.spec>div{padding:10px 0;border-top:2px solid var(--k)}
.spec .dt{font-size:14px;font-weight:500}
.spec .dd{margin:0;font-size:clamp(21px,2.3vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.02em}
.lavori{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.lavori>figure,.lavori>.figura{margin:0;grid-column:span 4;min-width:0}
.lavori .l5{grid-column:span 5}.lavori .l6{grid-column:span 6}.lavori .l7{grid-column:span 7}.lavori .l3{grid-column:span 3}
.lavori img{display:block;width:100%;height:clamp(220px,28vw,420px);object-fit:cover}
.lavori figcaption,.lavori .didascalia{padding:8px var(--g) 12px 0;font-size:14px;font-weight:500;line-height:1.35}
.tit-lavori{padding:clamp(30px,4.6vw,66px) var(--g) 18px}
.lavori>:first-child figcaption,.lavori>:first-child .didascalia,.lavori>:nth-child(3):not(.l4) figcaption,.lavori>:nth-child(3):not(.l4) .didascalia{padding-left:var(--g)}
.dom-testa{margin-bottom:clamp(12px,2vw,22px)}
.vedi{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding-top:0}

/* preventivo */
.prev{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(20px,4vw,60px);align-items:start}
.prev .h2{font-size:clamp(36px,5.2vw,78px)}
.prev-dati{margin-top:18px;font-size:clamp(16px,1.3vw,18px);line-height:1.5}
.prev-dati b{font-weight:700}
.modulo{display:flex;flex-direction:column;gap:14px}
.spunta{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;font-weight:400}
.spunta input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--k)}

/* contatti */
.griglia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.recapito{padding:14px 0;border-top:2px solid var(--k)}
.recapito:last-child{border-bottom:2px solid var(--k)}
.recapito>p:first-child{display:block;font-size:14px;font-weight:500}
.recapito b{display:block;font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.recapito a{text-decoration:none}
.mappa{position:relative;display:grid;place-items:center;min-height:clamp(220px,26vw,360px);padding:20px;border:2px solid var(--k);background:var(--c1);text-align:center;font-weight:600}

/* invia file */
.passi{display:flex;flex-direction:column;list-style:none;font-size:clamp(17px,1.4vw,19px);line-height:1.4}
.passi li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-top:2px solid var(--k)}
.passi li:last-child{border-bottom:2px solid var(--k)}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:18px;border:2px dashed var(--k);border-radius:10px;background:var(--c0);text-align:center;cursor:pointer}
.drop:hover{background:var(--y)}
.drop b{font-size:18px;font-weight:700}
.drop small{color:var(--t);font-size:13.5px;line-height:1.4}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}

/* preparare il file */
.regole{display:flex;flex-direction:column}
.regola{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) 190px;gap:clamp(14px,3vw,44px);align-items:center;padding:clamp(14px,1.8vw,24px) 0;border-top:2px solid var(--k)}
.regola:last-child{border-bottom:2px solid var(--k)}
.regola b{font-size:clamp(38px,5.2vw,78px);font-weight:800;line-height:1;letter-spacing:-.04em}
.regola p{font-size:clamp(16px,1.3vw,18px);line-height:1.5}
.dis{display:block;width:100%;max-width:190px;height:auto;justify-self:end}
.dis rect,.dis path,.dis line,.dis circle{fill:none;stroke:var(--k);stroke-width:2}
.dis .pieno{fill:var(--c);stroke:none}
.dis .m{fill:var(--m);stroke:none}
.dis .y{fill:var(--y);stroke:none}
.dis .taglio{stroke:var(--m);stroke-width:3;stroke-dasharray:7 5}
.dis text{fill:var(--k);font-family:inherit;font-size:13px;font-weight:600;text-anchor:middle}
.lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(20px,4vw,60px);margin-top:18px;list-style:none;font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.4}
.lista li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}
.lista .q{width:28px;height:28px;font-size:14px}

/* adesivi: i due livelli del file */
.livelli{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(16px,3vw,44px);align-items:center}
.livelli .dis{max-width:none;justify-self:stretch}

/* due strade: la maglia la stampiamo noi, o il transfer lo pressi tu */
.strade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,60px);margin-top:clamp(16px,2.4vw,28px)}
.strade h3{padding:12px 0;border-top:2px solid var(--k);font-size:clamp(24px,2.8vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.strade ul{display:flex;flex-direction:column;gap:6px;padding-left:20px}
.strade .azioni{margin-top:14px}

/* ponte DTF */
.ponte-prezzo{margin-top:clamp(12px,1.6vw,20px);font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.ponte-testa .lead{margin-top:clamp(8px,1vw,14px)}
.scala{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;--u:min(.165vw,2.4px)}
.fg{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:50px;font-size:13px;line-height:1.25;font-weight:500;white-space:nowrap}
.fg i{display:block;background:#fff;border:2px solid var(--k)}
.fg b{display:block;font-size:clamp(13px,1.2vw,16px);font-weight:700}
.tre{display:flex;flex-wrap:wrap;gap:12px clamp(18px,3vw,40px);margin-top:16px}
.tre b,.tre>div>p:first-child{display:block;font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.1;letter-spacing:-.03em;white-space:nowrap}
.tre>div>p:last-child{display:block;font-size:14px;font-weight:500;line-height:1.3}
.cta-grande{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}

/* elenco di tutti i servizi */
.famiglia{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px clamp(20px,4vw,60px);padding:clamp(18px,2.4vw,32px) 0;border-top:2px solid var(--k)}
.famiglia:last-child{border-bottom:2px solid var(--k)}
.famiglia h2{display:flex;align-items:flex-start;gap:12px;font-size:clamp(28px,3.5vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.035em}
.famiglia h2 i{display:block;flex:none;width:.62em;height:.62em;margin-top:.2em}
.elenco{display:flex;flex-direction:column;list-style:none}
.elenco a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2px 20px;align-items:baseline;padding:8px 0;text-decoration:none}
.elenco a:hover{background:var(--y)}
.elenco b{font-size:clamp(18px,1.7vw,23px);font-weight:700;line-height:1.25}
.elenco span{color:var(--t);font-size:15px;line-height:1.4}

/* chi siamo */
.storia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,60px)}
.storia p{font-size:clamp(17px,1.5vw,20px);line-height:1.55}
.storia p+p{margin-top:14px}
.visita{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}

/* 404 */
.err{display:flex;flex-direction:column;gap:clamp(14px,2vw,26px);padding:clamp(30px,5vw,80px) var(--g)}
.err h1{font-size:clamp(84px,24vw,360px);font-weight:800;line-height:.9;letter-spacing:-.05em}

/* foto che manca: riquadro dichiarato, mai stock */
.da-scattare{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:clamp(220px,28vw,420px);padding:18px;border:2px dashed var(--k);background:var(--c0);text-align:center;font-size:clamp(15px,1.3vw,18px);line-height:1.5}
.sv-testa .da-scattare{height:clamp(240px,27vw,400px);background:#fff}
.da-scattare .seg{background:var(--y)}
.lavori--due>*{grid-column:span 6}
.lavori--mock img{object-fit:contain}

/* campioni di similpelle */
.campioni{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px clamp(8px,1vw,14px);margin-top:clamp(16px,2.4vw,28px)}
.campioni figure{margin:0;min-width:0}
.campioni img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--k)}
.campioni figcaption{padding-top:6px;font-size:14px;font-weight:500;line-height:1.3}

/* siti: i mockup hanno lo sfondo bianco, sulla lastra resta solo il colore */
.foto-web-mock{display:block;width:100%;height:clamp(240px,27vw,400px);object-fit:contain;mix-blend-mode:multiply}

/* bandiere: le quattro forme disegnate e le tabelle delle misure */
.forme{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.4vw,36px);margin-top:clamp(18px,2.6vw,32px);list-style:none}
.forme>div{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:2px solid var(--k)}
.forme svg{display:block;width:auto;height:clamp(150px,15vw,210px);margin-bottom:8px}
.forme svg path{stroke:var(--k);stroke-width:2.5;stroke-linejoin:round}
.forme svg .palo{fill:none;stroke-width:3;stroke-linecap:round}
.forme b{font-size:clamp(22px,2.3vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.forme>div>p:last-child{font-size:15px;line-height:1.45}
.linea{padding-top:0}
.linea .lead{max-width:62ch;margin-top:12px}
.misure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,44px);margin-top:clamp(18px,2.6vw,32px)}
.misure h3{padding-bottom:10px}
.misure table{width:100%;border-collapse:collapse;font-size:clamp(15px,1.3vw,18px)}
.misure th{padding:8px 0;border-top:2px solid var(--k);border-bottom:2px solid var(--k);font-size:13px;font-weight:600;text-align:left}
.misure td{padding:8px 0;border-bottom:1px solid var(--f);font-weight:500;font-variant-numeric:tabular-nums}
.misure td:first-child{font-weight:800}
.misure tr:last-child td{border-bottom:2px solid var(--k)}

@media (max-width:1000px){
  .p-nero{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-prima{grid-column:1/-1}
}
@media (max-width:900px){
  .misure{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ink,.bianca,.sv-testa,.prev,.storia,.griglia,.famiglia,.strade,.livelli{grid-template-columns:minmax(0,1fr)}
  .ink-m img{order:2}
  .scala{--u:2.4px}
  .ink{padding-top:calc(var(--sov) + 52px)}
  .indice>div{grid-template-columns:minmax(0,1fr)}
  .regola{grid-template-columns:minmax(0,1fr)}
  .dis{justify-self:start;max-width:150px}
  .lavori>*,.lavori .l5,.lavori .l6,.lavori .l7{grid-column:span 6}
  .lavori>:first-child{grid-column:1/-1}
  .lavori figcaption,.lavori .didascalia{padding-left:var(--g)}
  .lavori--due>:first-child{grid-column:span 6}
  .campioni{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container (max-width:780px){
  .tit{font-size:14.8cqw}
  .scatto{position:relative;top:auto;right:auto;width:100%;height:220px;margin-top:18px}
  .scatto svg{display:none}
  .sotto{grid-template-columns:minmax(0,1fr)}
  .subito{grid-template-columns:minmax(0,1fr)}
  .hero{padding-bottom:100px}
}
@media (max-width:560px){
  .forme{grid-template-columns:repeat(2,minmax(0,1fr))}
  .misure{grid-template-columns:minmax(0,1fr)}
  .griglia-campi{grid-template-columns:minmax(0,1fr)}
  .righe>div.r2,.righe>div.r3{grid-template-columns:minmax(0,1fr);gap:0}
  .spec,.lista{grid-template-columns:minmax(0,1fr)}
  .scala{--u:1.08px;gap:6px}
  .fg{min-width:42px;font-size:11px}
  .fg b{font-size:12px}
  .elenco a{grid-template-columns:minmax(0,1fr)}
  .btn--big{width:100%}
  .lavori>*,.lavori .l5,.lavori .l6,.lavori .l7{grid-column:1/-1}
  .lavori--due>:first-child{grid-column:1/-1}
  .campioni{grid-template-columns:repeat(3,minmax(0,1fr))}
  .righe>div{grid-template-columns:minmax(0,1fr) auto}
  .p-nero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:360px){.sv-h1{font-size:36px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.slider figure:not(:first-child){display:none}}


/* =====================================================================
   Tema a blocchi: quello che serve ai blocchi nativi di WordPress
   ===================================================================== */

/* utilità al posto degli stili in linea della bozza */
.pt-0{padding-top:0!important}.mt-0{margin-top:0!important}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mt-18{margin-top:18px}
.mb-titolo{margin-bottom:clamp(14px,2vw,24px)}.mw-44{max-width:44em}.ai-end{align-items:end}.ai-center{align-items:center}
.pb-piccolo{padding-bottom:clamp(20px,3vw,40px)!important}
.griglia-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important}
.op-50-20 img{object-position:50% 20%}.op-50-30 img{object-position:50% 30%}.op-50-40 img{object-position:50% 40%}
.op-50-45 img{object-position:50% 45%}.op-50-60 img{object-position:50% 60%}.op-50-90 img{object-position:50% 90%}

/* immagini e didascalie */
.wp-block-image{margin:0}
.wp-block-image img{display:block}
.ink .wp-block-image,.sv-testa .wp-block-image{min-width:0}
.ink .etich{font-size:14px;margin:0;max-width:none}
.slider figcaption,.slider .wp-element-caption{margin:0}

/* bottoni: il ciano è il normale, gli altri sono stili del blocco */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;text-align:center;text-decoration:none;transition:background .15s}
.btn-grande .wp-block-button__link{min-height:60px;padding:0 36px;font-size:19px}
.is-style-nero .wp-block-button__link{background:var(--k);color:#fff}
.is-style-nero .wp-block-button__link:hover{background:#fff;color:var(--k)}
.is-style-bordo .wp-block-button__link{background:#fff;color:var(--k);box-shadow:inset 0 0 0 2px var(--k)}
.is-style-bordo .wp-block-button__link:hover{background:var(--c1)}
.is-style-giallo .wp-block-button__link{background:var(--y);color:var(--k)}
.is-style-giallo .wp-block-button__link:hover{background:var(--c)}
.btn-pieno,.btn-pieno .wp-block-button__link{width:100%}
.wp-block-buttons.azioni{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.subito .wp-block-buttons.azioni{margin-top:0;flex-direction:column;align-items:stretch}
.subito .wp-block-buttons.azioni .wp-block-button__link{width:100%}
.strade .wp-block-buttons.azioni{margin-top:14px}
.wp-block-button.btn{display:inline-flex}

/* quadratino colorato delle famiglie di servizi */
.fam{display:flex;align-items:center;gap:10px}
.fam::before{content:"";display:block;flex:none;width:14px;height:14px;background:var(--k)}
.fam-c::before{background:var(--c)}.fam-m::before{background:var(--m)}.fam-y::before{background:var(--y)}
.fam-t::before{background:var(--c1);box-shadow:inset 0 0 0 1px var(--k)}
.famiglia h2.fam{align-items:flex-start}
.famiglia h2.fam::before{width:.62em;height:.62em;margin-top:.2em}

/* tabella delle misure: via i bordi di serie del blocco Tabella */
.misure .wp-block-table{margin:0;overflow:visible}
.misure .wp-block-table thead{border:0}
.misure .wp-block-table :is(td,th){border:0;padding:8px 0}
.misure .wp-block-table th{border-top:2px solid var(--k);border-bottom:2px solid var(--k)}
.misure .wp-block-table td{border-bottom:1px solid var(--f)}
.misure .wp-block-table tr:last-child td{border-bottom:2px solid var(--k)}

/* domande */
.wp-block-details summary{list-style-position:outside}
.dom .wp-block-details>:not(summary){padding-bottom:16px}

/* pagine con titolo automatico (legali, articoli): testo normale, leggibile */
.testo-legale .contenuto{max-width:46em;margin-top:clamp(18px,2.4vw,30px)}
.testo-legale .contenuto>*+*{margin-top:1em}
.testo-legale .contenuto :is(ul,ol){padding-left:1.4em}
.testo-legale .contenuto h2{font-size:clamp(24px,2.6vw,34px);margin-top:1.4em}
.testo-legale .contenuto h3{margin-top:1.2em}

/* titolo della home: una sola volta nel testo, le tre lastre sono disegnate dal CSS */
.tit .riga{display:grid;isolation:isolate}
.tit .riga::before,.tit .riga::after{content:attr(data-t);content:attr(data-t) / "";grid-area:1/1;mix-blend-mode:multiply}
.tit .riga::before{color:var(--c)}
.tit .riga::after{color:var(--m)}
.tit .riga>.lv{position:relative}
.tit .sep::before{transform:translate(-.05em,-.026em)}
.tit .sep::after{transform:translate(.05em,.02em)}
.tit .ok::before{--dx:-.09em;--dy:-.04em;animation:registro 1.5s .35s cubic-bezier(.2,.8,.2,1) backwards}
.tit .ok::after{--dx:.08em;--dy:.03em;animation:registro 1.5s .35s cubic-bezier(.2,.8,.2,1) backwards}
.tit .ok>.lv::after{content:attr(data-t);content:attr(data-t) / "";position:absolute;inset:0;color:var(--k);mix-blend-mode:normal;animation:lastra .35s 1.75s ease-out backwards}

/* ---------- testata ---------- */
.t-contenitore{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50}
.t-fissa{background:#fff;border-bottom:2px solid var(--k)}
.t-striscia{display:grid;grid-template-columns:repeat(12,1fr);height:12px}
.t-striscia i{display:block}
.wp-block-group.t-nav{position:relative;display:flex;align-items:center;gap:clamp(12px,2.6vw,36px);padding:10px var(--g)}
.t-logo{flex:none;margin:0}
.t-logo img{display:block;height:48px;width:auto}
.t-tel{font-size:15px;font-weight:700;white-space:nowrap}
.t-tel a{text-decoration:none}
.t-tel a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.t-ordina{flex:none}
.t-ordina .wp-block-button__link{min-height:46px;padding:0 22px}
.t-ico.wp-block-social-links{flex:none;gap:0;margin:0;padding:0}
.t-ico .wp-social-link{color:var(--k)!important;background:none!important}
.t-ico .wp-social-link a{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:6px}
.t-ico .wp-social-link a:hover{background:var(--c1)}
.t-ico .wp-social-link svg{width:26px;height:26px}

/* menu: voci in riga, "Servizi" apre il mega menu con le cinque famiglie */
.t-menu.wp-block-navigation{position:static;flex:1;min-width:0;font-size:15px;font-weight:500}
.t-menu .wp-block-navigation__responsive-container:not(.is-menu-open),
.t-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-close,
.t-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog,
.t-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content,
.t-menu .wp-block-navigation__container,.t-menu .t-servizi{position:static}
.t-menu .wp-block-navigation__container{gap:clamp(14px,2.2vw,30px)}
.t-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding-block:20px;text-decoration:none;white-space:nowrap}
.t-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.t-menu .t-servizi>.wp-block-navigation__submenu-container{top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px clamp(16px,2.4vw,36px);padding:20px var(--g) 26px;border:0;border-block:2px solid var(--k);background:#fff;color:var(--k)}
.t-menu .t-servizi .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{position:static;visibility:inherit;opacity:1;width:auto;height:auto;min-width:0;overflow:visible;padding:0;border:0;background:none;transform:none}
.t-menu .t-servizi>.wp-block-navigation__submenu-container{align-items:start}
.t-menu .wp-block-navigation .t-fam,.t-menu .t-fam{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.t-menu .t-fam>.wp-block-navigation-item__content{display:flex;align-items:center;gap:8px;padding:0 0 6px;font-size:15px;font-weight:700;pointer-events:none;background:none;border:0;color:inherit;text-align:left}
.t-menu .t-fam>.wp-block-navigation-item__content::before{content:"";display:block;flex:none;width:12px;height:12px;background:var(--k)}
.t-menu .t-fam:nth-child(1)>.wp-block-navigation-item__content::before{background:var(--c)}
.t-menu .t-fam:nth-child(2)>.wp-block-navigation-item__content::before{background:var(--m)}
.t-menu .t-fam:nth-child(4)>.wp-block-navigation-item__content::before{background:var(--y)}
.t-menu .t-fam:nth-child(5)>.wp-block-navigation-item__content::before{background:var(--c1);box-shadow:inset 0 0 0 1px var(--k)}
.t-menu .t-fam>.wp-block-navigation__submenu-icon{display:none}
.t-menu .t-fam .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:3px 0;font-size:15px;font-weight:500;text-decoration:none}
.t-menu .t-fam .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{text-decoration:underline}

/* telefono e tablet (fino a 1000 px): tasto giallo "Menu" e menu a tutto schermo */
@media (min-width:600px) and (max-width:1000px){
  .t-menu .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .t-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
@media (max-width:1180px){.wp-block-group .t-tel{display:none}}
@media (max-width:1000px){
  .wp-block-buttons.t-ordina{display:none}
  .wp-block-group.t-nav>.t-logo{margin-right:auto}
  .t-logo img{height:42px}
  .t-menu.wp-block-navigation{flex:none;order:3}
  .t-ico{order:2}
}
.t-menu .wp-block-navigation__responsive-container-open{align-items:center;gap:8px;height:46px;padding:0 14px;border:2px solid var(--k);border-radius:6px;background:var(--y);color:var(--k);font:inherit;font-size:16px;font-weight:700}
.t-menu .wp-block-navigation__responsive-container.is-menu-open{padding:14px var(--g) 24px;background:#fff;color:var(--k)}
.t-menu .is-menu-open .wp-block-navigation__responsive-container-close{top:14px;right:var(--g);height:46px;padding:0 14px;border:2px solid var(--k);border-radius:6px;background:var(--k);color:#fff}
.t-menu .is-menu-open .wp-block-navigation__responsive-container-close svg{fill:#fff}
.t-menu .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:64px!important;align-items:stretch!important}
.t-menu .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:stretch!important;gap:0!important;font-size:17px;font-weight:600}
.t-menu .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{flex-direction:column;align-items:stretch!important;border-bottom:2px solid var(--k)}
.t-menu .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding:12px 0!important}
.t-menu .is-menu-open .t-servizi>.wp-block-navigation__submenu-container{display:flex;flex-direction:column;padding:0 0 8px!important;border:0;gap:0}
.t-menu .is-menu-open .t-servizi>.wp-block-navigation__submenu-container{width:100%!important;align-items:stretch!important}
.t-menu .is-menu-open .t-fam{width:100%;border-top:1px solid var(--f)}
.t-menu .is-menu-open .t-fam .wp-block-navigation__submenu-container{width:100%!important}
.t-menu .is-menu-open .t-fam>.wp-block-navigation-item__content{width:100%;padding:12px 0!important;font-size:19px;pointer-events:auto;cursor:pointer}
.t-menu .is-menu-open .t-fam>.wp-block-navigation-item__content::after{content:"+";margin-left:auto;font-size:26px;font-weight:500;line-height:.8}
.t-menu .is-menu-open .t-fam.aperta>.wp-block-navigation-item__content::after{content:"−"}
.t-menu .is-menu-open .t-fam:not(.aperta)>.wp-block-navigation__submenu-container{display:none!important}
.t-menu .is-menu-open .t-fam .wp-block-navigation__submenu-container{padding:0 0 10px 22px!important}
.t-menu .is-menu-open .t-fam .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 0!important;font-size:17px}

/* ---------- piede ---------- */
.p-nero .wp-block-heading{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.3;color:#fff;margin-bottom:8px}
.p-nero .wp-block-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.p-basso>p{margin:0}

/* nell'editor: niente testata appiccicata e i segnaposto visibili */
.editor-styles-wrapper .t-contenitore{position:relative;top:0}

@media (max-width:900px){.ink-m .wp-block-image{order:2}}
@media (max-width:560px){.btn-grande,.btn-grande .wp-block-button__link{width:100%}}