/* Concetto: insegna di un artigiano del verde. Bande piene verde bosco, foto a bordo curvo come la mano del logo, titoli condensati da furgone. */
:root{--bosco:#17382a;--bosco2:#23503c;--lime:#8dc63f;--lime-chiaro:#e6f2d3;--carta:#f7f9f3;--bianco:#fff;--inchiostro:#1b2a22;--tenue:#4d5f54;--riga:#d5dfd0;--todo:#ffe48a;
--display:Arial,Helvetica,sans-serif;--testo:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--gutter:clamp(16px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--carta);color:var(--inchiostro);font:400 1.0625rem/1.6 var(--testo)}
img,video{display:block;max-width:100%;height:auto}a{color:var(--bosco2)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;text-wrap:balance;margin:0;color:var(--bosco)}
h1{font-size:clamp(2.6rem,6.4vw,4.6rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.6rem}
p{margin:0;max-width:65ch}ul{margin:0;padding-left:1.15em}li+li{margin-top:.35em}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.pila{display:grid;gap:1rem;align-content:start;min-width:0}
.banda{padding-block:clamp(48px,7vw,88px)}.banda.bianca{background:var(--bianco)}
.banda.bosco{background:var(--bosco);color:#eef4e8}.banda.bosco h2,.banda.bosco h3{color:#fff}.banda.bosco a{color:#fff}
.intro{display:grid;gap:.75rem;margin-bottom:2.25rem}
.etichetta{font:600 1.05rem/1 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--bosco2)}
.bosco .etichetta{color:var(--lime)}
.testata{background:var(--bianco);border-bottom:1px solid var(--riga);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.testata .wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;padding-block:.55rem}
.marchio{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--bosco);font:600 1.5rem/1 var(--display)}
.marchio img{width:46px;height:46px}
nav ul{display:flex;flex-wrap:wrap;gap:.1rem .9rem;list-style:none;margin:0;padding:0}nav li+li{margin:0}
nav a{display:block;padding:.3rem .1rem;text-decoration:none;font-weight:600;color:var(--inchiostro);border-bottom:3px solid transparent}
nav a:hover{border-color:var(--riga)}nav a[aria-current]{border-color:var(--lime)}
.bottone{display:inline-block;background:var(--lime);color:var(--bosco)!important;font:600 1.3rem/1.1 var(--display);padding:.8rem 1.25rem;text-decoration:none;border:0;border-radius:4px;cursor:pointer;text-align:center}
.bottone:hover{background:#9dd44f}.bottone.chiaro{background:#fff}
.azioni{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.apertura{background:var(--bosco);color:#eef4e8;overflow:hidden}
.apertura .griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;max-width:1400px;margin-inline:auto}
.apertura .testo{display:grid;gap:1.25rem;align-content:center;padding-block:clamp(40px,6vw,80px);padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:clamp(20px,4vw,48px)}
.apertura h1{color:#fff}.apertura .etichetta{color:var(--lime)}
.apertura img{width:100%;height:100%;min-height:340px;object-fit:cover;border-bottom-left-radius:clamp(90px,16vw,220px)}
.garanzie{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;font-weight:600}.garanzie li{margin:0}.garanzie li::before{content:"✓ ";color:var(--lime)}
.foto-apertura{margin:0;position:relative;min-width:0}.foto-apertura figcaption{position:absolute;right:.6rem;bottom:.6rem;background:rgba(23,56,42,.8);color:#fff;font-size:.78rem;padding:.2rem .5rem;border-radius:3px}
.pagina-titolo{background:var(--bosco);padding-block:clamp(36px,5vw,60px)}.pagina-titolo h1{color:#fff;font-size:clamp(2.4rem,5.2vw,3.8rem)}.pagina-titolo p{color:#eef4e8;margin-top:.8rem}.pagina-titolo .etichetta{color:var(--lime);display:block;margin-bottom:.7rem}
.due{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:center}
.due.alto{align-items:start}
.tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.foto{margin:0;display:grid;gap:.45rem;min-width:0}.foto img,.foto video{width:100%;border-radius:4px}.foto img.curva{border-radius:4px 4px 4px clamp(60px,10vw,120px)}.foto.ritaglio img{aspect-ratio:4/3;object-fit:cover}.foto figcaption{font-size:.92rem;color:var(--tenue)}
.bosco .foto figcaption{color:#cfdcc9}
.servizio{display:grid;gap:.7rem;align-content:start;min-width:0}.servizio img,.servizio svg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.clienti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--bosco)}
.clienti>div{padding:1.15rem 1.25rem 1.3rem 0;border-bottom:1px solid var(--riga);display:grid;gap:.35rem;align-content:start;min-width:0}
.tabella{overflow-x:auto;background:var(--bianco);border:1px solid var(--riga)}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;vertical-align:top;padding:.8rem 1rem;border-bottom:1px solid var(--riga)}thead th{background:var(--lime-chiaro);font:600 1.2rem/1.1 var(--display);color:var(--bosco)}tbody th{font-family:var(--display);font-size:1.25rem;color:var(--bosco);white-space:nowrap}
tr:last-child>*{border-bottom:0}
.domande{display:grid;gap:0;border-top:2px solid var(--bosco);max-width:860px}.domande details{border-bottom:1px solid var(--riga);padding:.9rem 0}.domande summary{cursor:pointer;font:600 1.4rem/1.2 var(--display);color:var(--bosco)}.domande p{margin-top:.55rem}
.direttrici{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.5rem}.direttrici>div{display:grid;gap:.25rem;min-width:0;border-top:2px solid var(--lime);padding-top:.7rem}
.modulo{display:grid;gap:1rem;background:var(--bianco);border:1px solid var(--riga);padding:clamp(18px,3vw,32px);min-width:0}
.modulo label{display:grid;gap:.3rem;font-weight:600}.modulo .riga{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.modulo input,.modulo select,.modulo textarea{font:400 1rem/1.4 var(--testo);padding:.68rem .75rem;border:1px solid #8ea18f;border-radius:4px;background:#fff;color:var(--inchiostro);width:100%;min-width:0}
.errore{color:#a12a18;font-weight:600;min-height:1.5em}.nota{font-size:.92rem;color:var(--tenue)}
.contatto-dato{font:600 clamp(1.9rem,4vw,2.6rem)/1.1 var(--display);color:var(--bosco);user-select:all}
.piede{background:var(--bosco);border-block:8px solid var(--lime);color:#dbe6d4;padding-block:48px;font-size:.97rem}.piede-fondo{background:var(--bianco);color:var(--tenue);font-size:.92rem;padding-block:1.5rem 1.75rem}.piede a{color:#fff}.piede .griglia{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.piede .logo{width:76px;height:76px;margin-bottom:.7rem}.piede h2{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.piede ul{list-style:none;padding:0}
.todo{background:var(--todo);color:#3b2d00;padding:.05em .3em}
.griglia-servizi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem clamp(20px,3vw,32px)}.pagina-titolo .etichetta a{color:var(--lime)}
.striscia{background:var(--lime-chiaro);margin-bottom:2.5rem;border-radius:4px;padding:.35rem 1.25rem}.striscia p{color:var(--bosco);padding:.7rem 0;max-width:none;font-size:1.05rem}.striscia p+p{border-top:1px solid #c9dcae}.striscia strong{font-weight:600}
.fascia-foto{background:var(--lime-chiaro)}
.telefono-piccolo{display:grid;gap:.35rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--riga)}.telefono-piccolo h3{font-size:1.2rem}
.nota-foto{font-size:.82rem;color:var(--tenue)}
.primadopo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}.primadopo .foto{position:relative}.primadopo .foto img{aspect-ratio:4/3;object-fit:cover}.primadopo .foto figcaption{position:absolute;left:.5rem;top:.5rem;background:var(--bosco);color:#fff;font:600 1.05rem/1 var(--display);padding:.35rem .6rem;border-radius:3px}
.coppie{display:grid;gap:2rem}.coppia h3{margin-bottom:.6rem}
.foto.piccola{max-width:440px}
.whatsapp-fisso{display:none}
.galleria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.galleria figure{margin:0;display:grid;gap:.35rem;min-width:0}.galleria img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.galleria figcaption{font-size:.9rem;color:var(--tenue)}
.etichette-clienti{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0}.etichette-clienti li{margin:0;background:var(--lime-chiaro);color:var(--bosco);font-weight:600;padding:.4rem .8rem;border-radius:4px}
@media (max-width:860px){.apertura .griglia,.due,.piede .griglia{grid-template-columns:minmax(0,1fr)}.apertura .testo{padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.apertura img{max-height:360px}.tre,.clienti,.galleria{grid-template-columns:repeat(2,minmax(0,1fr))}.testata{position:static}
.whatsapp-fisso{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;text-align:center;background:var(--lime);color:var(--bosco);font:600 1.25rem/1 var(--display);padding:.85rem max(16px,env(safe-area-inset-right,0px)) calc(.85rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));text-decoration:none}.piede-fondo{padding-bottom:84px}}
@media (max-width:560px){table{min-width:0}thead{display:none}table,tbody,tr,tbody th,td{display:block;width:100%}tr{padding:.7rem 1rem;border-bottom:1px solid var(--riga)}tr:last-child{border-bottom:0}tbody th,td{padding:.15rem 0;border:0;white-space:normal}
.tab-clienti td:nth-of-type(1)::before{content:"Servizi: ";font-weight:600}.tab-clienti td:nth-of-type(2)::before{content:"Cosa conta di più: ";font-weight:600}.tab-clienti td:nth-of-type(3)::before{content:"Come lavoriamo: ";font-weight:600}
.griglia-servizi,.tre,.clienti,.direttrici,.modulo .riga{grid-template-columns:minmax(0,1fr)}.marchio{font-size:1.3rem}nav ul{gap:0 .75rem}nav a{font-size:.95rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}