/* Chimica Forniture - foglio di stile unico, senza dipendenze esterne */
:root{--verde:#2fa568;--verde-scuro:#1f7a4b;--testo:#2b2f33;--grigio:#5f6670;--chiaro:#f4f8f5;--bordo:#dfe7e2}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--testo);line-height:1.6;background:#fff}
a{color:var(--verde-scuro)}
a:hover{color:var(--verde)}
img{max-width:100%;height:auto}
.contenitore{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.testata{border-bottom:4px solid var(--verde);background:#fff}
.testata-riga{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.9rem;padding-bottom:.9rem}
.logo img{display:block}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;flex-wrap:wrap}
nav a{display:block;padding:.45rem .8rem;border-radius:.4rem;text-decoration:none;color:var(--testo);font-weight:600}
nav a:hover,nav a[aria-current="page"]{background:var(--chiaro);color:var(--verde-scuro)}
main{padding-top:2rem;padding-bottom:3rem}
h1{font-size:2rem;line-height:1.2;margin:.2rem 0 1rem;color:var(--verde-scuro)}
h2{font-size:1.4rem;margin:2.2rem 0 .8rem;color:var(--testo)}
h3{font-size:1.1rem;margin:0 0 .4rem;color:var(--verde-scuro)}
.sottotitolo{font-size:1.15rem;color:var(--grigio)}
.presentazione{background:var(--chiaro);border-radius:.8rem;padding:2rem 1.75rem}
.pulsante{display:inline-block;margin:.3rem .4rem .3rem 0;padding:.65rem 1.2rem;border-radius:.5rem;background:var(--verde);color:#fff;text-decoration:none;font-weight:600}
.pulsante:hover{background:var(--verde-scuro);color:#fff}
.pulsante.secondario{background:#fff;color:var(--verde-scuro);border:2px solid var(--verde)}
.pulsante.secondario:hover{background:var(--chiaro)}
.punti{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.punto,.scheda{border:1px solid var(--bordo);border-radius:.7rem;padding:1.2rem 1.3rem;background:#fff}
.punto{border-top:4px solid var(--verde)}
.reparti{columns:4 200px;column-gap:2rem;padding-left:1.1rem;margin:0}
.reparti li{break-inside:avoid;margin:.15rem 0}
.marchi{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}
.marchio{display:flex;align-items:center;justify-content:center;height:90px;padding:.6rem;border:1px solid var(--bordo);border-radius:.6rem;background:#fff}
.marchio img{max-height:70px;width:auto;object-fit:contain}
.invito{margin-top:2.5rem;background:var(--verde);color:#fff;border-radius:.8rem;padding:1.5rem 1.75rem}
.invito h2{margin-top:0;color:#fff}
.invito a{color:#fff;font-weight:700}
.due-colonne{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
address{font-style:normal;margin:.3rem 0 .8rem}
.orari{border-collapse:collapse;width:100%}
.orari th,.orari td{text-align:left;padding:.4rem 0;border-bottom:1px solid var(--bordo)}
.orari th{font-weight:600;padding-right:1rem}
.nota{color:var(--grigio);font-size:.9rem}
.piede{background:#2b2f33;color:#d7dde3;font-size:.92rem;padding:1.6rem 0}
.piede p{margin:.3rem 0}
.piede a{color:#fff}
@media (max-width:600px){h1{font-size:1.6rem}.presentazione{padding:1.4rem 1.1rem}}
.scheda h2{margin-top:0}
/* telefoni: logo e menu piu' compatti, il menu sta su una riga */
@media (max-width:600px){
 .testata-riga{padding-top:.6rem;padding-bottom:.4rem;gap:.4rem}
 .logo img{width:180px;height:auto}
 nav{width:100%}
 nav ul{gap:0;justify-content:space-between}
 nav a{padding:.45rem .35rem;font-size:.95rem}
 main{padding-top:1.2rem}
 .pulsante{display:block;text-align:center;margin:.5rem 0}
 .reparti{columns:2 140px;column-gap:1.2rem}
 .marchi{grid-template-columns:repeat(3,1fr)}
 .marchio{height:72px}
}
/* mappa Google caricata solo su richiesta */
.mappa{border:1px solid var(--bordo);border-radius:.7rem;padding:1.2rem 1.3rem;background:var(--chiaro)}
.mappa.caricata{padding:0;overflow:hidden;background:#fff}
.mappa iframe{display:block;width:100%;height:420px;border:0}
button.pulsante{border:0;font:inherit;cursor:pointer}
