/* Grafica dei siti calderone (getaweb-milano.it, getaweb-barletta.it), 20/10/2026.
   Diversa apposta da getaweb.it (Sora, hero scuro, arancione) e da keepyz.com: carta chiara, titoli con grazie, verde. */
:root{--carta:#F7F4EE;--carta2:#EFEAE0;--inchiostro:#1B1F23;--grigio:#5A5F66;--linea:#D9D2C5;--verde:#0E6B58;--verde2:#0A5244;--chiaro:#E3F0EC;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--inchiostro);font:17px/1.65 var(--sans);padding-bottom:3rem}
a{color:var(--verde)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:780px}
h1,h2,h3,.big{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.15}

/* testata */
.top{position:sticky;top:0;z-index:50;background:var(--carta);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;min-height:64px}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--inchiostro);flex-shrink:0}
.logo .sigla{display:grid;place-items:center;width:34px;height:34px;background:var(--verde);color:#fff;font:700 18px/1 var(--serif)}
.logo .nome{font:600 1.15rem/1 var(--serif)}
.logo .nome em{font-style:italic;color:var(--verde)}
.nav{display:flex;align-items:center;gap:1.2rem;margin-left:auto;font-size:.92rem}
.nav a{color:var(--inchiostro);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--verde)}
.nav .corta{display:none}
.nav .ico{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--linea);border-radius:50%}
.burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--inchiostro);margin:5px 0}
@media (max-width:900px){
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--carta);flex-direction:column;align-items:flex-start;
    padding:1rem 20px 1.5rem;border-bottom:1px solid var(--linea);gap:.4rem}
  .nav-open .nav{display:flex}
}

/* barra fissa in basso */
.badge-fisso{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;
  padding:.55rem 2.6rem .55rem 1rem;background:var(--inchiostro);color:#F2EFE8;font-size:.84rem;line-height:1.35;text-align:center}
.badge-fisso a{color:#9FE0CF}
.badge-fisso button{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:0;font-size:1.3rem;
  line-height:1;cursor:pointer;color:#F2EFE8}

/* apertura */
.kh{padding:3.5rem 0 3rem;border-bottom:1px solid var(--linea);background:linear-gradient(180deg,var(--carta) 0%,var(--carta2) 100%)}
.kh .griglia{display:none}
.crumb{font-size:.85rem;color:var(--grigio);margin-bottom:1.2rem}
.crumb a{color:var(--grigio)}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--verde);font-weight:600;margin:0 0 .8rem}
.kh h1{font-size:clamp(2rem,4.4vw,3.3rem);max-width:22ch;margin:0 0 1.2rem}
.kh .lead{font-size:1.12rem;max-width:62ch;color:#33383E;margin:0 0 1.6rem}
.actions{display:flex;flex-wrap:wrap;gap:.7rem}
.btn{display:inline-block;padding:.85rem 1.3rem;text-decoration:none;font-weight:600;font-size:.95rem;border:1.5px solid var(--verde)}
.btn-cta{background:var(--verde);color:#fff}
.btn-cta:hover{background:var(--verde2)}
.btn-ghost{background:transparent;color:var(--verde)}
.badges{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;padding:0;margin:1.8rem 0 0;font-size:.9rem;color:var(--grigio)}
.badges li::before{content:"— ";color:var(--verde)}
.badges b{color:var(--inchiostro)}

/* sezioni */
.sec{padding:2.8rem 0}
.sec.light{background:var(--carta)}
.sec.dark{background:#fff}
.sec.tint{background:var(--chiaro)}
.indice{border:1px solid var(--linea);background:#fff;padding:1.2rem 1.4rem}
.indice ol{columns:2;column-gap:2rem;margin:0;padding-left:1.2rem;font-size:.93rem}
.indice li{margin:.25rem 0;break-inside:avoid}
@media (max-width:700px){.indice ol{columns:1}}
.riga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2.5rem;border-top:2px solid var(--inchiostro);padding-top:1.4rem}
.riga-t .n{display:block;font:italic 600 1rem var(--serif);color:var(--verde);margin-bottom:.4rem}
.riga-t h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0}
.riga-p p{margin:0 0 1rem}
@media (max-width:800px){.riga{grid-template-columns:1fr;gap:1rem}}
ul.spunte{list-style:none;padding:0;margin:1rem 0}
ul.spunte li{position:relative;padding:.55rem 0 .55rem 1.8rem;border-bottom:1px dashed var(--linea)}
ul.spunte li::before{content:"";position:absolute;left:.2rem;top:1.05rem;width:.7rem;height:.7rem;background:var(--verde)}

/* lavori */
.riga-v{margin-top:2rem}
.works{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}
.work{display:block;background:#fff;border:1px solid var(--linea);text-decoration:none;color:var(--inchiostro)}
.work img{aspect-ratio:2/1;object-fit:cover;width:100%}
.work div{padding:1rem 1.1rem 1.2rem}
.work h3{margin:0 0 .3rem;font-size:1.2rem}
.work p{margin:0;color:var(--grigio);font-size:.9rem}
.work .vai{display:inline-block;margin-top:.6rem;color:var(--verde);font-weight:600;font-size:.9rem}

/* domande */
.head h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 1.4rem}
.faq details{border-top:1px solid #B9CFC8;padding:.9rem 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::after{content:"+";font:600 1.3rem/1 var(--serif);color:var(--verde)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:.6rem 0 0;color:#33383E}

/* chiusura */
.band{padding:3.5rem 0;background:var(--verde);color:#fff;text-align:center}
.band .eyebrow{color:#9FE0CF}
.band .big{font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0 0 .6rem}
.band .sub{margin:0;color:#D8EEE8}
.band .btn-cta{background:#fff;color:var(--verde);border-color:#fff}
.band .btn-ghost{color:#fff;border-color:#fff}

/* piede */
footer{background:var(--inchiostro);color:#C9C6BF;padding:3rem 0 1.5rem;font-size:.9rem}
.foot{display:grid;grid-template-columns:2fr 1.4fr 1fr 1.2fr;gap:2rem}
.foot b{display:block;color:#fff;font-family:var(--serif);font-size:1.05rem;margin-bottom:.6rem}
.foot a,.foot span{display:block;color:#C9C6BF;text-decoration:none;margin:.2rem 0}
.foot a:hover{color:#fff}
.legal{margin-top:2rem;padding-top:1rem;border-top:1px solid #3A3F45;font-size:.8rem;color:#8E8B85}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot{grid-template-columns:1fr}}

/* comparsa leggera */
.js .rv{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}