/* --- lime-famiglie-stile --- */
.lime-fam,.lime-fam-testa{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-fam-testa{text-align:center;max-width:760px;margin:0 auto 26px;padding:0 18px}
.lime-fam-occhiello{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;
  color:#e95a20;margin-bottom:8px}
.lime-fam-testa h2{font-size:clamp(23px,2.6vw,33px);font-weight:700;color:#12263a;
  line-height:1.15;margin:0 0 10px}
.lime-fam-testa p{font-size:16px;font-weight:300;color:#5a6b7a;line-height:1.6;margin:0}

/* la griglia esce dalla colonna del tema, come i riquadri sotto */
.lime-fam{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) 52px;
  padding:0 clamp(18px,2.2vw,34px);box-sizing:border-box}
@supports (width:100dvw){
  .lime-fam{width:100dvw;max-width:100dvw;
    margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw)}
}
.lime-fam-uno{position:relative;display:block;overflow:hidden;border-radius:10px;
  aspect-ratio:4/3;text-decoration:none;isolation:isolate;
  box-shadow:0 2px 6px rgba(16,26,40,.16),0 14px 28px rgba(16,26,40,.20);
  transition:transform .3s ease,box-shadow .3s ease}
.lime-fam-uno:hover,.lime-fam-uno:focus-visible{transform:translateY(-5px);
  box-shadow:0 4px 10px rgba(16,26,40,.2),0 24px 44px rgba(16,26,40,.28)}
.lime-fam-uno img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .55s ease}
.lime-fam-uno:hover img{transform:scale(1.06)}
.lime-fam-vela{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,14,20,.78) 0%,rgba(10,14,20,.2) 62%,rgba(10,14,20,0) 100%);
  transition:background .4s ease}
/* al passaggio del mouse ogni quadrato prende il suo colore */
.lime-fam-uno:hover .lime-fam-vela,.lime-fam-uno:focus-visible .lime-fam-vela{
  background:linear-gradient(0deg,rgba(var(--velo),.88) 0%,rgba(var(--velo),.62) 100%)}
.lime-fam-testo{position:absolute;left:0;right:0;bottom:0;padding:30px 20px 18px;
  display:flex;flex-direction:column;align-items:flex-start;color:#fff;
  text-shadow:0 1px 8px rgba(8,16,28,.55)}
.lime-fam-eti{font-size:11.5px;font-weight:700;letter-spacing:.13em;color:#c8ff6a;margin-bottom:5px}
.lime-fam-uno:hover .lime-fam-eti{color:#fff}
.lime-fam-tit{font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.15;margin-bottom:6px}
.lime-fam-riga{font-size:14px;font-weight:300;line-height:1.45;color:#e8eef5;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}
.lime-fam-uno:hover .lime-fam-riga,.lime-fam-uno:focus-visible .lime-fam-riga{max-height:80px;opacity:1}
.lime-fam-vai{margin-top:9px;font-size:13.5px;font-weight:700;letter-spacing:.02em;
  border-bottom:2px solid rgba(255,255,255,.55);padding-bottom:2px}

/* stessa misura dei riquadri che stanno sotto (lime-sei): sul telefono
   una colonna sola e formato 16/10, non due colonne piccole */
@media (max-width:900px){
  .lime-fam{grid-template-columns:1fr;gap:14px}
  .lime-fam-uno{aspect-ratio:16/10}
  /* senza mouse la riga di spiegazione deve vedersi da sola */
  .lime-fam-riga{max-height:80px;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .lime-fam-uno,.lime-fam-uno img,.lime-fam-vela,.lime-fam-riga{transition:none}
  .lime-fam-uno:hover{transform:none}
  .lime-fam-uno:hover img{transform:none}
}

/* --- lime-pergole-stile --- */
.lime-perg-schemi,.lime-perg-lame{display:grid;grid-template-columns:repeat(3,1fr);
  gap:22px;margin:0 0 26px;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-perg-uno{background:#f4f7fa;border:1px solid #e0e8f0;border-radius:14px;
  padding:16px 18px 18px;transition:border-color .2s,box-shadow .2s}
.lime-perg-uno:hover{border-color:#c9d8e5;box-shadow:0 8px 20px rgba(16,26,40,.08)}
.lime-perg-uno svg{display:block;width:100%;height:auto;background:#fff;
  border-radius:10px;margin-bottom:12px}
.lime-perg-uno h3{font-size:17px;font-weight:700;color:#12263a;margin:0 0 6px}
.lime-perg-uno p{font-size:14.5px;font-weight:300;line-height:1.5;color:#4a5a68;margin:0;
  text-align:left;text-align-last:left}
/* i tratti del disegno */
.lime-perg-uno .terra{stroke:#b9c6d2;stroke-width:2}
.lime-perg-uno .mu{fill:#e6edf4;stroke:#b9c6d2;stroke-width:2}
.lime-perg-uno .trave,.lime-perg-uno .mont{stroke:#12263a;stroke-width:5;stroke-linecap:round}
.lime-perg-uno .base{stroke:#12263a;stroke-width:6;stroke-linecap:round}
.lime-perg-uno .lame{stroke:#e95a20;stroke-width:5;stroke-linecap:round}
.lime-perg-uno .lamaP{fill:#e95a20}
.lime-perg-uno .telo{fill:#dfe8f1;stroke:#12263a;stroke-width:3}
.lime-perg-uno .telorighe{stroke:#b9c6d2;stroke-width:1.5}
.lime-perg-uno .vetro{stroke:#8fb8d8;stroke-width:3;stroke-linecap:round}
.lime-perg-uno .pioggia{stroke:#5aa9e6;stroke-width:2.5;stroke-linecap:round}
.lime-perg-uno .scarico{stroke:#5aa9e6;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 6}
.lime-perg-uno svg{fill:none}
@media (max-width:860px){
  .lime-perg-schemi,.lime-perg-lame{grid-template-columns:1fr;gap:16px}
}

/* --- lime-pano-stile --- */
.lime-pano{position:relative;height:clamp(340px,72vh,720px);border-radius:14px;overflow:hidden;
  background:#0d1a26;cursor:grab;touch-action:none;margin:0 0 16px;outline:none;
  box-shadow:0 2px 6px rgba(16,26,40,.16),0 16px 34px rgba(16,26,40,.2)}
.lime-pano.larga{width:100vw;max-width:100vw;border-radius:0;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:clamp(360px,78vh,860px)}
@supports (width:100dvw){
  .lime-pano.larga{width:100dvw;max-width:100dvw;
    margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw)}
}
.lime-pano canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lime-pano.preso{cursor:grabbing}
.lime-pano:focus-visible{box-shadow:0 0 0 3px #8fe0ff,0 16px 34px rgba(16,26,40,.2)}
.lime-pano.piatto{background-repeat:repeat-x;background-size:auto 130%;touch-action:pan-y}
.lime-pano-cmd{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:2}
.lime-pano-cmd button{width:40px;height:40px;padding:0;border:0;border-radius:11px;cursor:pointer;
  background:rgba(8,16,28,.5);color:#fff;font-size:19px;font-weight:700;line-height:1;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .18s,transform .18s;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-pano-cmd button:hover{background:rgba(8,16,28,.82);transform:translateY(-1px)}
.lime-pano-cmd button:active{transform:translateY(1px)}
.lime-pano-mano{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);
  background:rgba(8,16,28,.6);color:#fff;font-size:13px;font-weight:600;
  padding:9px 18px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  pointer-events:none;transition:opacity .3s,transform .3s;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-pano.mosso .lime-pano-mano{opacity:0;transform:translate(-50%,10px)}
.lime-pano:fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0}
.lime-pano:-webkit-full-screen{width:100%;max-width:none;height:100%;border-radius:0;margin:0}
@media (max-width:700px){
  .lime-pano{height:clamp(280px,52vh,420px)}
  .lime-pano.larga{height:clamp(300px,58vh,460px)}
  .lime-pano-cmd button{width:36px;height:36px;font-size:17px}
  .lime-pano-mano{font-size:12px;padding:8px 14px}
}
@media (prefers-reduced-motion:reduce){.lime-pano-cmd button{transition:none}}

/* il listino delle tariffe: una riga per periodo, si legge anche sul telefono */
.lime-listino{overflow-x:auto;margin:0 0 18px;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-listino table{width:100%;border-collapse:collapse;background:#fff;
  border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(16,26,40,.12),0 8px 20px rgba(16,26,40,.08)}
.lime-listino caption{caption-side:top;text-align:left;font-weight:700;color:#0b2a36;
  padding:0 0 10px;font-size:15px}
.lime-listino th{background:#12263a;color:#fff;font-weight:600;font-size:13.5px;
  letter-spacing:.02em;padding:11px 14px;text-align:left}
.lime-listino td{padding:10px 14px;border-top:1px solid #e6ecf2;font-size:15px;color:#26333f}
.lime-listino tbody tr:nth-child(even) td{background:#f7fafc}
.lime-listino .pr{font-weight:700;color:#0b2a36;white-space:nowrap}
.lime-listino .pg{color:#5a6b7a;white-space:nowrap}
.lime-fascia{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:8px;font-weight:700;font-size:14px}
@media (max-width:520px){
  .lime-listino th,.lime-listino td{padding:9px 8px;font-size:13.5px}
  .lime-fascia{width:26px;height:26px;font-size:13px}
}

/* --- lime-vetrina-stile --- */
.lime-vet{background:linear-gradient(135deg,#071018 0%,#132536 62%,#1d3a52 100%);
  border-radius:clamp(13px,3vw,30px);padding:clamp(20px,3.4vw,40px) clamp(16px,2.6vw,32px);
  margin:0 0 clamp(18px,3vw,34px);color:#fff;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-vet-testa{text-align:center;max-width:820px;margin:0 auto clamp(16px,2.4vw,28px)}
.lime-vet-chip{display:inline-block;background:#c8ff00;color:#172300;padding:7px 14px;
  border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:12px}
.lime-vet h2{color:#fff !important;font-size:clamp(23px,2.7vw,33px);font-weight:700;
  line-height:1.13;margin:0 0 10px}
.lime-vet-testa p{color:#c3d0dd;font-size:16px;font-weight:300;line-height:1.55;margin:0;
  text-align:center !important;text-align-last:center}

.lime-vet-griglia{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:clamp(16px,2.4vw,26px)}
.lime-vet-uno{display:block;text-decoration:none;color:#fff;border-radius:10px;overflow:hidden;
  background:rgba(255,255,255,.06);transition:transform .2s ease,background .2s ease}
.lime-vet-uno:hover{transform:translateY(-4px);background:rgba(200,255,0,.16);color:#fff}
.lime-vet-foto{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#0d1a26}
.lime-vet-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .4s ease}
.lime-vet-uno:hover .lime-vet-foto img{transform:scale(1.08)}
.lime-vet-nome{display:block;padding:9px 6px;text-align:center;font-size:13px;font-weight:600;
  line-height:1.2}

.lime-vet-tasti{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.lime-vet-tasto{display:inline-block;background:#e95a20;color:#fff !important;
  text-decoration:none !important;padding:14px 26px;border-radius:12px;font-weight:700;
  border-bottom:3px solid #b8400f;transition:transform .16s ease,background .2s}
.lime-vet-tasto:hover{background:#cf4d17;transform:translateY(-2px)}
.lime-vet-tasto.verde{background:#c8ff00;color:#172300 !important;border-bottom-color:#93bd00}
.lime-vet-tasto.verde:hover{background:#b4e600}
.lime-vet-voci{text-align:center !important;text-align-last:center;margin:16px 0 0;
  font-size:14.5px;color:#8fa3b8}
.lime-vet-voci a{color:#c3d0dd;text-decoration:underline;margin:0 4px}
.lime-vet-voci a:hover{color:#c8ff00}

@media (max-width:1100px){.lime-vet-griglia{grid-template-columns:repeat(5,1fr)}}
@media (max-width:820px){.lime-vet-griglia{grid-template-columns:repeat(4,1fr);gap:10px}}
@media (max-width:600px){
  .lime-vet-griglia{grid-template-columns:repeat(3,1fr);gap:8px}
  .lime-vet-nome{font-size:11.5px;padding:7px 4px}
  .lime-vet-tasto{width:100%;text-align:center;padding:13px 18px}
}
@media (prefers-reduced-motion:reduce){
  .lime-vet-uno,.lime-vet-foto img,.lime-vet-tasto{transition:none}
  .lime-vet-uno:hover{transform:none}
  .lime-vet-uno:hover .lime-vet-foto img{transform:none}
}

/* --- lime-griglie --- */
/* uno spazio di serie fra le caselle: senza, le didascalie di colonne
   vicine si toccavano e sembravano un testo solo */
.lime-gr{display:grid;gap:20px 26px}
.lime-gr-1{grid-template-columns:minmax(0,1fr)}
.lime-gr-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lime-gr-3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* con quattro o piu' riquadri si va a quattro per riga */
.lime-gr-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* i riquadri devono poter rimpicciolire: se no il testo lungo li allarga
   e la griglia esce dal contenitore */
.lime-gr > *{min-width:0}
/* mai spezzare le parole a meta' dentro i riquadri */
.lime-gr *{overflow-wrap:normal;word-break:keep-all;hyphens:manual}
/* le didascalie sotto le foto: a sinistra, non giustificate, se no due
   colonne vicine si leggono come una frase unica */
.lime-gr > div > p{text-align:left;text-align-last:left}
/* Foto delle schede affiancate tutte della stessa misura: il taglio 4/3
   riempie il riquadro qualunque proporzione abbia l originale */
img.lime-eq{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}

/* WordPress infila un <p> vuoto in coda: da griglia occuperebbe una casella */
.lime-gr > p:empty{display:none}

@media (max-width:1080px){
  .lime-gr-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){
  .lime-gr-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .lime-gr-2,.lime-gr-3,.lime-gr-4{grid-template-columns:minmax(0,1fr)}
}

/* --- lime-imm-stile --- */
.lime-imm{position:relative;width:100vw;max-width:100vw;
  margin:0 calc(50% - 50vw) 0;overflow:hidden;isolation:isolate;
  min-height:min(58vh,460px);display:flex;align-items:center;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
@supports (width:100dvw){
  .lime-imm{width:100dvw;max-width:100dvw;
    margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw)}
}
.lime-imm > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.lime-imm-velo{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(12,20,34,.86) 0%,rgba(12,20,34,.66) 48%,rgba(12,20,34,.20) 100%)}
.lime-imm-dentro{max-width:1200px;margin:0 auto;padding:56px clamp(18px,4vw,44px);color:#fff}
.lime-imm-occhiello{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;
  color:#8fe0ff;margin-bottom:8px}
.lime-imm h2{color:#fff;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.12;margin:0 0 14px}
.lime-imm p{color:#dbe5f0;font-size:16px;font-weight:300;line-height:1.6;margin:0 0 22px;max-width:620px}
.lime-imm-tasto{display:inline-block;background:#e95a20;color:#fff;text-decoration:none;
  padding:13px 30px;border-radius:8px;font-weight:600;border-bottom:3px solid #b8400f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px rgba(233,90,32,.3);
  transition:transform .16s ease,background .2s}
.lime-imm-tasto:hover{background:#cf4d17;color:#fff;transform:translateY(-2px)}
.lime-imm-tasto:active{transform:translateY(1px);border-bottom-width:1px}
@media (max-width:700px){.lime-imm{min-height:0}.lime-imm-dentro{padding:40px 20px}}
@media (prefers-reduced-motion:reduce){.lime-imm-tasto{transition:none}
  .lime-imm-tasto:hover{transform:none}}

/* --- lime-blog --- */
.lime-blog-filtri,.lime-blog-griglia,.lime-art-altri{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}

/* filtri per argomento */
.lime-blog-filtri{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}
.lime-blog-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#4f5966;
  text-decoration:none;border:1px solid #dfe4ea;border-radius:30px;padding:7px 16px;
  font-size:13.5px;font-weight:500;transition:all .2s}
.lime-pg .lime-blog-chip{border-bottom:1px solid #dfe4ea}
.lime-blog-chip span{background:#eef1f5;color:#7a8493;border-radius:20px;padding:1px 8px;font-size:11.5px}
.lime-blog-chip:hover{border-color:#e95a20;color:#e95a20}
.lime-blog-chip.scelto{background:#e95a20;border-color:#e95a20;color:#fff}
.lime-blog-chip.scelto span{background:rgba(255,255,255,.25);color:#fff}

/* riquadri degli articoli */
.lime-blog-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 20px}
.lime-blog-scheda{background:#fff;border-radius:10px;overflow:hidden;display:flex;
  flex-direction:column;position:relative;
  box-shadow:0 2px 6px rgba(16,26,40,.13),0 10px 22px rgba(16,26,40,.13);
  transition:transform .3s ease,box-shadow .3s ease}
.lime-blog-scheda:hover{transform:translateY(-5px);
  box-shadow:0 4px 10px rgba(16,26,40,.18),0 20px 38px rgba(16,26,40,.2)}
.lime-blog-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:#e7ebef}
.lime-blog-foto img{width:100%;height:100%;object-fit:cover;display:block;
  border-radius:0;box-shadow:none;transition:transform .5s ease}
.lime-blog-scheda:hover .lime-blog-foto img{transform:scale(1.05)}
.lime-blog-corpo{padding:17px 18px 19px;display:flex;flex-direction:column;flex:1}
.lime-blog-etichetta{display:inline-block;align-self:flex-start;background:#fdece4;color:#c84a12;
  font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:4px;margin-bottom:10px}
.lime-blog-corpo h3{font-size:17px;font-weight:600;color:#20293a;margin:0 0 9px;line-height:1.32}
.lime-blog-corpo h3 a{color:#20293a;text-decoration:none;border:0}
.lime-blog-corpo h3 a::after{content:"";position:absolute;inset:0}
.lime-blog-scheda:hover h3 a{color:#e95a20}
.lime-blog-corpo p{font-size:14px;font-weight:300;line-height:1.55;color:#5a6472;margin:0 0 14px;
  text-align:left}
.lime-blog-riga{margin-top:auto;font-size:12.5px;color:#8a93a1;font-weight:300}

/* dentro l'articolo */
.lime-art-riga{font-size:13px;color:#8a93a1;font-weight:300;margin:0 0 22px !important;
  padding-bottom:14px;border-bottom:1px solid #e4e8ed;text-align:left !important}
.lime-art-altri{margin-top:50px;padding-top:34px;border-top:1px solid #e4e8ed}
.lime-art-altri h2{margin-top:0}
.lime-art-altri .lime-blog-foto{aspect-ratio:16/9}
.lime-art-tutti{text-align:center !important;margin:6px 0 0}
.lime-art-tutti a{font-weight:600}

@media (max-width:900px){.lime-blog-griglia{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (max-width:600px){.lime-blog-griglia{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .lime-blog-scheda,.lime-blog-foto img{transition:none}
  .lime-blog-scheda:hover{transform:none}
  .lime-blog-scheda:hover .lime-blog-foto img{transform:none}
}

/* --- lime-griglia-sei --- */
.lime-sei,.lime-ric{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}

/* --- griglia a sei --- */
/* A TUTTA LARGHEZZA come i tre riquadri sopra: esce dalla colonna del
   tema e lascia solo un margine dai bordi dello schermo. */
/* con due soli riquadri stanno su due colonne, se no resta un buco.
   Vale SOLO da tablet in su: sul telefono devono restare larghi come
   tutti gli altri quadrati, cioe' una colonna sola. */
@media (min-width:901px){
  /* i due riquadri restano GRANDI COME gli altri quadrati (un terzo di
     riga, formato 4/3) e la coppia sta al centro invece di lasciare il
     buco a destra: due colonne larghe come le tre normali, centrate */
  .lime-sei.lime-sei-due{grid-template-columns:repeat(2,calc((100% - 40px)/3));
    justify-content:center}
}
.lime-sei{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  width:100vw;max-width:100vw;
  margin:0 calc(50% - 50vw) 52px;
  padding:0 clamp(18px,2.2vw,34px);box-sizing:border-box}
@supports (width:100dvw){
  .lime-sei{width:100dvw;max-width:100dvw;
    margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw)}
}
.lime-sei-uno{position:relative;display:block;overflow:hidden;border-radius:10px;
  aspect-ratio:4/3;text-decoration:none;
  box-shadow:0 2px 6px rgba(16,26,40,.16),0 14px 28px rgba(16,26,40,.20);
  transition:transform .3s ease,box-shadow .3s ease}
.lime-sei-uno:hover{transform:translateY(-5px);
  box-shadow:0 4px 10px rgba(16,26,40,.20),0 24px 44px rgba(16,26,40,.28)}
.lime-sei-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .55s ease}
/* Il riquadro col numero di telefono e' una GRAFICA, non una fotografia:
   va vista TUTTA (contain), se no sul telefono il numero in basso resta
   tagliato fuori. Fondo bianco come la grafica stessa. */
.lime-sei-tel{background:#fff}
.lime-sei-tel img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:center}
.lime-sei-foto:hover img{transform:scale(1.05)}
.lime-sei-vela{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,14,20,.72) 0%,rgba(10,14,20,.12) 60%,rgba(10,14,20,0) 100%);
  transition:background .4s ease}
.lime-sei-foto:hover .lime-sei-vela{
  background:linear-gradient(0deg,rgba(var(--velo),.74) 0%,rgba(var(--velo),.52) 100%)}
.lime-sei-testo{position:absolute;left:0;right:0;bottom:0;padding:32px 22px 22px;
  display:flex;flex-direction:column;align-items:flex-start;color:#fff;
  text-shadow:0 1px 8px rgba(8,16,28,.6);
  background:linear-gradient(0deg,rgba(8,16,28,.5) 0%,rgba(8,16,28,0) 100%)}
.lime-sei-occhiello{font-size:12px;font-weight:700;letter-spacing:.1em;color:#8fe0ff;margin-bottom:3px}
.lime-sei-titolo{font-size:clamp(19px,1.7vw,25px);font-weight:700;line-height:1.15}
.lime-sei-invito{margin-top:9px;font-size:14px;font-weight:600;padding:5px 13px;
  border-radius:4px;background:rgba(8,16,28,.55);backdrop-filter:blur(4px);
  border-left:3px solid #fff;opacity:0;max-height:0;overflow:hidden;
  transition:opacity .3s ease,max-height .4s ease,padding .4s ease}
.lime-sei-foto:hover .lime-sei-invito{opacity:1;max-height:44px}


/* Il blog e' un riquadro come gli altri e riempie la casella libera:
   niente foto, ma lo stesso ingombro (aspect-ratio ereditato da .lime-sei-uno). */
.lime-sei-blog{background:linear-gradient(145deg,#111820 0%,#1d2839 58%,#2a3a52 100%);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  color:#fff;text-align:left;padding:32px 22px 22px}
.lime-sei-blog-occhiello{font-size:12px;font-weight:700;letter-spacing:.1em;color:#8fe0ff;
  margin-bottom:4px}
.lime-sei-blog-titolo{font-size:clamp(19px,1.7vw,25px);font-weight:700;line-height:1.15}
.lime-sei-blog-invito{margin-top:11px;font-size:14px;font-weight:600;
  background:#e95a20;padding:6px 15px;border-radius:5px;transition:background .2s}
.lime-sei-blog em{font-style:normal;transition:margin-left .25s;display:inline-block}
.lime-sei-blog:hover{color:#fff}
.lime-sei-blog:hover .lime-sei-blog-invito{background:#cf4d17}
.lime-sei-blog:hover em{margin-left:6px}

/* --- modulo + whatsapp --- */
/* largo come i riquadri con le foto */
.lime-ric{margin:0 calc(50% - 50vw) 44px;text-align:center;
  width:100vw;max-width:100vw;
  padding:0 clamp(18px,2.2vw,34px);box-sizing:border-box}
.lime-ric h3{font-size:clamp(15px,1.5vw,18px);font-weight:600;color:#20293a;margin:0 0 12px}
.lime-ric-modulo{max-width:none;margin:0 0 20px;text-align:left}
.lime-ric-wa p{font-size:15px;color:#4f5966;margin:0 0 12px}
/* L'icona WhatsApp del vecchio sito, al posto del pulsante verde.
   Niente sfondo: l'immagine ha gia' il suo bordo bianco e l'alone verde,
   percio' si stacca da sola sul fondo chiaro della pagina. */
.lime-wa{display:inline-block;line-height:0;text-decoration:none;
  transition:transform .22s ease,filter .22s ease}
.lime-wa img{width:104px;height:auto;display:block;
  filter:drop-shadow(0 6px 14px rgba(16,26,40,.22))}
.lime-wa:hover{transform:translateY(-4px) scale(1.04)}
.lime-wa:hover img{filter:drop-shadow(0 12px 24px rgba(37,211,102,.42))}
.lime-wa:active{transform:translateY(0) scale(.99)}
@media (prefers-reduced-motion:reduce){
  .lime-wa{transition:none}
  .lime-wa:hover{transform:none}
}

/* il modulo di Contact Form 7 impaginato su due colonne */
/* modulo su DUE COLONNE: a sinistra chi scrive, a destra cosa gli serve.
   Il consenso e il pulsante corrono sotto, larghi quanto tutte e due. */
.lime-modulo.lime-due{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;align-items:start}
.lime-modulo.lime-due .lime-col{display:flex;flex-direction:column}
.lime-modulo.lime-due .lime-largo{grid-column:1 / -1;margin-top:2px}
.lime-modulo.lime-due .lime-piede-modulo{grid-column:1 / -1;display:flex;
  align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:6px}
.lime-modulo.lime-due .lime-piede-modulo p{margin:0}
.lime-modulo.lime-due .lime-privacy{flex:1;min-width:240px}
/* la casella del messaggio si allunga fino in fondo alla colonna */
.lime-modulo.lime-due .lime-alto{flex:1;display:flex;flex-direction:column}
.lime-modulo.lime-due .lime-alto .wpcf7-form-control-wrap{flex:1;display:flex}
.lime-modulo.lime-due .lime-alto textarea{flex:1;min-height:62px;resize:vertical}
.lime-modulo .lime-riga{display:grid;grid-template-columns:1fr 1fr;gap:7px 11px;margin:0 0 7px}
.lime-modulo label{display:block;font-size:12.5px;font-weight:600;color:#4f5966;margin-bottom:3px}
.lime-modulo p{margin:0 0 9px}
.lime-modulo input[type=text],.lime-modulo input[type=tel],.lime-modulo input[type=email],
.lime-modulo select,.lime-modulo textarea{width:100%;box-sizing:border-box;background:#fff;
  border:1px solid #d5dae1;border-radius:6px;padding:9px 12px;font-size:14.5px;
  font-family:inherit;color:#20293a;background:#fff}
.lime-modulo input:focus,.lime-modulo select:focus,.lime-modulo textarea:focus{
  outline:none;border-color:#e95a20}
.lime-modulo .lime-privacy{font-size:12.5px;color:#6b7480;line-height:1.4;margin-top:2px}
.lime-modulo textarea{min-height:52px;height:82px}
.lime-modulo input[type=submit]{background:#e95a20;color:#fff;border:0;border-radius:8px;
  padding:11px 32px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;
  transition:background .2s}
.lime-modulo input[type=submit]:hover{background:#cf4d17}
/* Modulo dentro una scatola stretta (il riquadro blu in fondo alle pagine
   prodotto): le due colonne diventerebbero due colonnine, si passa a una. */
.lime-modulo-scatola .lime-modulo.lime-due{grid-template-columns:1fr;gap:0}
.lime-modulo-scatola .lime-modulo.lime-due .lime-alto textarea{min-height:58px}
.lime-modulo-scatola .lime-modulo textarea{height:66px}
.lime-modulo-scatola .lime-modulo.lime-due .lime-piede-modulo{
  flex-direction:column;align-items:stretch;gap:10px}
.lime-modulo-scatola .lime-modulo input[type=submit]{width:100%}
.lime-modulo-scatola .lime-modulo .lime-privacy{min-width:0}

@media (max-width:900px){
  .lime-sei{grid-template-columns:1fr;gap:14px}
  .lime-sei-uno{aspect-ratio:16/10}
  .lime-sei-invito{opacity:1;max-height:44px}
  .lime-modulo .lime-riga,.lime-modulo.lime-due{grid-template-columns:1fr}
  .lime-modulo.lime-due .lime-alto textarea{min-height:56px}
}
@media (prefers-reduced-motion:reduce){
  .lime-sei-uno,.lime-sei-foto img,.lime-sei-vela{transition:none}
  .lime-sei-uno:hover{transform:none}
  .lime-sei-foto:hover img{transform:none}
}

/* --- lime-home-testi --- */
.lime-azienda,.lime-gar,.lime-info{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}

/* --- presentazione --- */
.lime-azienda{margin:0 0 50px;text-align:center}
.lime-azienda h2{font-size:clamp(20px,2.1vw,28px);font-weight:600;color:#20293a;
  line-height:1.35;margin:0 auto 26px;max-width:980px}
/* una sola colonna: i quattro paragrafi si leggono in fila,
   con la riga non troppo lunga per non affaticare l'occhio */
.lime-azienda-testi{max-width:none;margin:0;text-align:left;
  display:flex;flex-direction:column;gap:15px}
/* giustificato: con la sillabazione attiva, se no restano buchi bianchi
   fra le parole nelle righe con termini lunghi */
.lime-azienda-testi p{font-size:15px;font-weight:300;line-height:1.68;color:#4f5966;margin:0;
  text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}

/* --- garanzie --- */
/* larga come i riquadri con le foto */
.lime-gar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  margin:0 calc(50% - 50vw) 52px;
  width:100vw;max-width:100vw;box-sizing:border-box;
  padding:34px clamp(18px,2.2vw,34px);
  border-top:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
.lime-gar-uno{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;cursor:default}
/* le icone si ILLUMINANO al passaggio: il cerchio si riempie d'arancione,
   l'icona diventa bianca e attorno si accende un alone. Come nell'originale. */
.lime-gar-cerchio{width:66px;height:66px;border-radius:50%;background:#fff;
  border:2px solid #f0c9b4;display:flex;align-items:center;justify-content:center;
  margin-bottom:11px;position:relative;
  transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.lime-gar-cerchio::after{content:"";position:absolute;inset:-7px;border-radius:50%;
  background:radial-gradient(circle,rgba(233,90,32,.30) 0%,rgba(233,90,32,0) 72%);
  opacity:0;transition:opacity .3s ease}
.lime-gar-cerchio .dashicons{color:#e95a20;font-size:28px;width:28px;height:28px;
  transition:color .3s ease,transform .3s ease}
.lime-gar-disegno{color:#e95a20;width:29px;height:29px;display:block;
  transition:color .3s ease,transform .3s ease}
.lime-gar-uno:hover .lime-gar-cerchio,.lime-gar-uno:focus-within .lime-gar-cerchio{
  background:#e95a20;border-color:#e95a20;transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(233,90,32,.38)}
.lime-gar-uno:hover .lime-gar-cerchio::after{opacity:1}
.lime-gar-uno:hover .lime-gar-cerchio .dashicons,
.lime-gar-uno:hover .lime-gar-disegno{color:#fff;transform:scale(1.08)}
.lime-gar-titolo{font-size:15.5px;font-weight:600;color:#e95a20;transition:color .3s ease}
.lime-gar-uno:hover .lime-gar-titolo{color:#cf4d17}
.lime-gar-testo{font-size:13.5px;font-weight:300;color:#6b7480;line-height:1.45}

/* --- contatti diretti --- */
.lime-info{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 52px}
.lime-info-riquadro{display:flex;flex-direction:column;align-items:flex-start;
  padding:28px 30px;border-radius:10px;background:#fff;border:2px solid #e95a20;
  box-shadow:0 2px 6px rgba(16,26,40,.12),0 12px 26px rgba(16,26,40,.14)}
.lime-info-riquadro.verde{border-color:#25d366}
.lime-info-etichetta{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#e95a20;
  margin-bottom:14px}
.lime-info-riquadro.verde .lime-info-etichetta{color:#1da851}
.lime-info-numero{display:flex;align-items:center;gap:9px;font-size:clamp(26px,2.6vw,34px);
  font-weight:700;color:#20293a;text-decoration:none;line-height:1.1}
.lime-info-numero:hover{color:#e95a20}
.lime-info-numero .dashicons{color:#e95a20;font-size:24px;width:24px;height:24px}
.lime-info-numero .lime-info-disegno{color:#e95a20;width:24px;height:24px;flex:none;vertical-align:-4px}
.lime-info-numero.secondo{margin-top:16px;font-size:clamp(22px,2.1vw,28px)}
.lime-info-sotto{font-size:13.5px;font-weight:300;color:#6b7480;margin-top:3px}
.lime-info-sotto a{color:#e95a20}
.lime-info-riquadro.verde p{font-size:15px;font-weight:300;color:#4f5966;line-height:1.6;
  margin:0 0 18px}
.lime-info-wa{display:inline-block;background:#25d366;color:#fff;text-decoration:none;
  padding:13px 30px;border-radius:8px;font-weight:600;transition:background .2s;margin-bottom:12px}
.lime-info-wa:hover{background:#1da851;color:#fff}

@media (max-width:900px){
  .lime-azienda-testi{gap:13px}
  .lime-gar{grid-template-columns:repeat(2,1fr);gap:26px 16px}
  .lime-info{grid-template-columns:1fr}
}
@media (max-width:560px){.lime-gar{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .lime-gar-cerchio,.lime-gar-cerchio .dashicons,.lime-gar-disegno,.lime-gar-cerchio::after{transition:none}
  .lime-gar-uno:hover .lime-gar-cerchio{transform:none}
}

/* --- lime-fe --- */
.lime-fe{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-fe-voce{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;width:104px;min-height:110px;padding:12px 6px;background:#fff;
  border:2px solid #e3e7ec;border-radius:12px;text-decoration:none;
  color:#3d4756;font-size:13px;font-weight:600;text-align:center;line-height:1.2;
  transition:border-color .2s,box-shadow .2s,transform .2s,color .2s}
.lime-fe-voce img{width:64px;height:64px;object-fit:contain;display:block}
.lime-fe-voce:hover{border-color:#f0b9a0;color:#e95a20;transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(16,26,40,.12)}
.lime-fe-voce.attiva{border-color:#e95a20;color:#e95a20;
  box-shadow:0 6px 16px rgba(233,90,32,.18)}
.lime-fe .lime-fe-nome{display:block}
/* i riquadri esclusi dal filtro spariscono */
.lime-mod-filtrabile .lime-mod-uno.nascosto{display:none}
@media (max-width:560px){.lime-fe-voce{width:calc(33.3% - 8px);min-height:96px}
  .lime-fe-voce img{width:48px;height:48px}}

/* --- lime-pagine --- */
.lime-pg-fascia,.lime-pg,.lime-pg-invito{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}

/* --- pagina che inizia col carosello: zero spazi sopra, come in home --- */
.lime-carosello-testa .site-content .ast-container{padding-top:0 !important;
  padding-left:0 !important;padding-right:0 !important;max-width:none !important}
.lime-carosello-testa #content,.lime-carosello-testa #primary,
.lime-carosello-testa .site-content,.lime-carosello-testa .site-main,
.lime-carosello-testa article.page,.lime-carosello-testa .entry-content{
  margin-top:0 !important;padding-top:0 !important}
.lime-carosello-testa .site-content{border-top:0 !important}
/* Astra lascia 24px sopra al contenuto che nessuna regola dichiara
   (margini e padding risultano tutti a zero): si compensa a mano */
.lime-carosello-testa .site-main{margin-top:-24px !important}
/* il resto del contenuto resta incolonnato */
.lime-carosello-testa .entry-content > *:not(.lime-slide):not(.lime-pg-fascia):not(.lime-pg):not(.lime-pg-invito){
  max-width:1200px;margin-left:auto;margin-right:auto}
.lime-carosello-testa .lime-slide{margin-bottom:0}
.lime-carosello-testa .lime-pg{max-width:1200px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;box-sizing:border-box}

/* --- fascia d'apertura --- */
.lime-pg-fascia{position:relative;width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:44px;
  background:#20293a;overflow:hidden;isolation:isolate}
.lime-pg-fascia::before{content:"";position:absolute;inset:0;background-image:var(--sfondo);
  background-size:cover;background-position:center;transform:scale(1.04);z-index:-2}
.lime-pg-fascia::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(20,28,42,.92) 0%,rgba(20,28,42,.78) 52%,rgba(20,28,42,.42) 100%)}
.lime-pg-fascia-dentro{max-width:1200px;margin:0 auto;padding:52px 22px 46px;color:#fff}
.lime-briciole{font-size:12.5px;color:#9fabbb;margin-bottom:16px;font-weight:300}
.lime-briciole a{color:#9fabbb;text-decoration:none}
.lime-briciole a:hover{color:#f5924f}
.lime-briciole-sep{margin:0 7px;color:#5f6b7c}
.lime-pg-occhiello{display:inline-block;background:rgba(233,90,32,.82);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.1em;padding:5px 12px;border-radius:4px}
.lime-pg-titolo{color:#fff;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.14;
  margin:14px 0 12px;max-width:900px}
.lime-pg-sotto{color:#d3dbe5;font-size:clamp(15px,1.5vw,17px);font-weight:300;line-height:1.6;
  margin:0;max-width:760px}

/* --- corpo della pagina --- */
.lime-pg{color:#4f5966;font-size:15.5px;font-weight:300;line-height:1.72}
.lime-pg > h2{font-size:clamp(21px,2.3vw,30px);font-weight:700;color:#20293a;
  margin:46px 0 16px;line-height:1.25;position:relative;padding-bottom:12px}
.lime-pg > h2::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;
  background:#e95a20;border-radius:2px}
.lime-pg h3{font-size:18.5px;font-weight:600;color:#20293a;margin:30px 0 10px}
.lime-pg h4{font-size:16px;font-weight:600;color:#20293a;margin:22px 0 8px}
.lime-pg p{margin:0 0 15px;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.lime-pg a{color:#e95a20;text-decoration:none;border-bottom:1px solid rgba(233,90,32,.35)}
.lime-pg a:hover{color:#cf4d17;border-bottom-color:#cf4d17}
.lime-pg strong{color:#2c3444;font-weight:600}
.lime-pg img{max-width:100%;height:auto;border-radius:10px;
  box-shadow:0 2px 6px rgba(16,26,40,.12),0 12px 26px rgba(16,26,40,.14)}
.lime-pg ul,.lime-pg ol{margin:0 0 18px;padding-left:0;list-style:none}
.lime-pg ol{counter-reset:lime-n}
.lime-pg ul li{position:relative;padding-left:28px;margin-bottom:9px}
.lime-pg ul li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;
  border-radius:50%;background:#e95a20;box-shadow:0 0 0 4px rgba(233,90,32,.16)}
.lime-pg ol li{position:relative;padding-left:34px;margin-bottom:9px;counter-increment:lime-n}
.lime-pg ol li::before{content:counter(lime-n);position:absolute;left:0;top:.05em;
  width:23px;height:23px;border-radius:50%;background:#e95a20;color:#fff;
  font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* Riquadri-modello come quelli della home: foto piena, titolo sempre
   visibile, descrizione che esce al passaggio del mouse. Sul telefone
   il passaggio non esiste: la descrizione resta visibile. */
.lime-mod{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 34px}
.lime-mod-uno{position:relative;display:block;overflow:hidden;text-decoration:none;
  color:#fff;aspect-ratio:4/3;background:#20293a;border-radius:10px;
  box-shadow:0 2px 6px rgba(16,26,40,.16),0 14px 28px rgba(16,26,40,.20);
  transition:box-shadow .32s ease,transform .32s ease}
.lime-mod-uno:hover{transform:translateY(-6px);
  box-shadow:0 4px 10px rgba(16,26,40,.20),0 26px 48px rgba(16,26,40,.30)}
.lime-mod-uno img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border-radius:0;box-shadow:none;transition:transform .6s ease}
.lime-mod-uno:hover img{transform:scale(1.05)}
.lime-mod-vela{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(10,14,20,.72) 0%,rgba(10,14,20,.15) 55%,rgba(10,14,20,0) 100%);
  transition:background .45s ease}
.lime-mod-uno:hover .lime-mod-vela{
  background:linear-gradient(0deg,rgba(235,140,60,.72) 0%,rgba(235,140,60,.55) 100%)}
.lime-mod-dentro{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 20px;
  display:flex;flex-direction:column;align-items:flex-start;
  text-shadow:0 1px 8px rgba(8,16,28,.55)}
.lime-mod-titolo{font-size:clamp(19px,1.6vw,24px);font-weight:700;line-height:1.15;color:#fff}
.lime-mod-testo{font-size:14px;font-weight:300;line-height:1.5;color:#fff;
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .45s ease,opacity .35s ease,margin-top .45s ease}
.lime-mod-uno:hover .lime-mod-testo{max-height:170px;opacity:1;margin-top:9px}
.lime-mod-testo strong{display:block;margin-top:6px;font-weight:600}

/* le tessere delle tinte, come nel catalogo: quadratino + nome */
.lime-tinte{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 12px}
.lime-tinta{width:104px;margin:0;text-align:center}
.lime-tinta img{width:104px;height:104px;object-fit:cover;border-radius:8px;
  border:1px solid #dfe3e8;box-shadow:0 2px 6px rgba(16,26,40,.10)}
.lime-tinta figcaption{font-size:12px;color:#5a6472;line-height:1.25;margin-top:6px}
.lime-tinte-nota{font-size:13.5px;color:#6b7480}
/* il riquadro che rimanda alla raccolta dei modelli */
.lime-mod-rimando{background:#fff;border-radius:12px;padding:30px 26px;text-align:center;
  margin:0 0 30px;box-shadow:0 2px 6px rgba(16,26,40,.12),0 12px 26px rgba(16,26,40,.12)}
.lime-mod-rimando h2{margin-top:0}
.lime-mod-rimando p{text-align:center}
/* il logo del marchio SOTTO al testo (non a fianco), su ogni schermo */
.lime-marchio{text-align:center;margin:22px 0 8px}
.lime-marchio img{display:inline-block;width:auto;max-width:min(300px,80%);height:auto;
  border-radius:8px;box-shadow:0 2px 6px rgba(16,26,40,.12)}
/* l'invito al configuratore dentro il riquadro dei modelli */
.lime-mod-config{margin:20px 0 12px;display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap}
.lime-mod-config strong{font-size:17px}

/* riquadri a griglia: foto + titolo + testo */
.lime-schede{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;
  margin:0 0 30px}
.lime-schede.tre{grid-template-columns:repeat(3,1fr)}
.lime-schede.quattro{grid-template-columns:repeat(4,1fr)}
.lime-scheda{background:#fff;border-radius:10px;overflow:hidden;position:relative;
  box-shadow:0 2px 6px rgba(16,26,40,.13),0 10px 22px rgba(16,26,40,.13);
  transition:transform .3s ease,box-shadow .3s ease}
.lime-scheda:hover{transform:translateY(-5px);
  box-shadow:0 4px 10px rgba(16,26,40,.18),0 20px 38px rgba(16,26,40,.2)}
.lime-scheda img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  border-radius:0;box-shadow:none}
.lime-scheda h3{font-size:16.5px;margin:15px 17px 6px}
.lime-scheda p{font-size:14px;line-height:1.55;margin:0 17px 17px;color:#5a6472;text-align:left}
/* link steso su tutto il riquadro: un <a> attorno a titolo e testo verrebbe
   spezzato in tre dal parser HTML */
.lime-scheda h3 a{border:0;color:#20293a}
.lime-scheda h3 a::after{content:"";position:absolute;inset:0}
.lime-scheda:hover h3 a{color:#e95a20}

/* griglia delle estetiche: quadretti col disegno del manto */
.lime-estetiche .lime-scheda img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}
.lime-estetiche .lime-scheda h3{font-size:14.5px;margin:4px 12px 12px;text-align:center}

/* fisarmoniche tecniche delle schede basculanti: dentro ci stanno
   tabelle, campioncini e griglie, non solo paragrafi */
.lime-tec .lime-tec-dentro{padding:2px 20px 18px}
.lime-tec .lime-tec-dentro > *:last-child{margin-bottom:0}
.lime-tec .lime-schede{margin-top:14px}

/* blocco testo + foto affiancati */
/* il testo parte all'altezza dell'immagine, non centrato a meta' */
.lime-due-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;
  margin:0 0 34px}
.lime-due-col.stretta{grid-template-columns:1.25fr .75fr}
.lime-due-col.rovescia > *:first-child{order:2}
.lime-due-col h2{margin-top:0}
.lime-due-col img{width:100%}

/* punti di forza con pallino numerato */
.lime-passi{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;
  margin:0 0 34px;counter-reset:lime-p}
.lime-passo{background:#fff;border-radius:10px;padding:24px 22px 22px;position:relative;
  counter-increment:lime-p;box-shadow:0 2px 6px rgba(16,26,40,.11),0 9px 20px rgba(16,26,40,.11)}
.lime-passo::before{content:counter(lime-p);position:absolute;top:-15px;left:22px;
  width:34px;height:34px;border-radius:50%;background:#e95a20;color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 5px 14px rgba(233,90,32,.36)}
.lime-passo h3{margin:12px 0 7px;font-size:16.5px}
.lime-passo p{margin:0;font-size:14px;line-height:1.55;text-align:left}

/* riquadro di richiamo */
.lime-nota{background:#fff;border-left:4px solid #e95a20;border-radius:8px;
  padding:20px 24px;margin:0 0 30px;
  box-shadow:0 2px 6px rgba(16,26,40,.1),0 8px 18px rgba(16,26,40,.1)}
.lime-nota p:last-child{margin-bottom:0}
.lime-nota h3{margin-top:0}

/* tabella tecnica */
.lime-pg table{width:100%;border-collapse:collapse;margin:0 0 28px;background:#fff;
  border-radius:10px;overflow:hidden;font-size:14.5px;
  box-shadow:0 2px 6px rgba(16,26,40,.1),0 8px 18px rgba(16,26,40,.1)}
.lime-pg th{background:#20293a;color:#fff;font-weight:600;text-align:left;padding:12px 15px}
.lime-pg td{padding:11px 15px;border-top:1px solid #e9ecf0}
.lime-pg tr:nth-child(even) td{background:#f7f8fa}

/* domande frequenti a fisarmonica */
.lime-faq{margin:0 0 34px}
.lime-faq details{background:#fff;border-radius:9px;margin-bottom:10px;overflow:hidden;
  box-shadow:0 2px 5px rgba(16,26,40,.09),0 6px 14px rgba(16,26,40,.09)}
.lime-faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 20px;position:relative;
  font-weight:600;color:#20293a;font-size:15.5px}
.lime-faq summary::-webkit-details-marker{display:none}
.lime-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  color:#e95a20;font-size:22px;font-weight:400;line-height:1;transition:transform .2s}
.lime-faq details[open] summary::after{content:"\2013"}
.lime-faq details > p,.lime-faq details > ul{margin:0 20px 16px;font-size:14.5px}

/* invito finale */
.lime-pg-invito{width:100vw;max-width:100vw;margin:52px 0 0;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:linear-gradient(135deg,#20293a 0%,#2b3750 100%)}
.lime-pg-invito-dentro{max-width:900px;margin:0 auto;padding:48px 22px;text-align:center;color:#fff}
.lime-pg-invito h2{color:#fff;font-size:clamp(22px,2.4vw,31px);font-weight:700;margin:0 0 12px}
.lime-pg-invito p{color:#c7d0dc;font-size:15.5px;font-weight:300;line-height:1.6;margin:0 0 22px}
.lime-pg-invito-tasti{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
.lime-pg-tasto{display:inline-block;background:#e95a20;color:#fff;text-decoration:none;
  padding:13px 30px;border-radius:8px;font-weight:600;border-bottom:3px solid #b8400f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px rgba(233,90,32,.3);
  transition:transform .16s ease,background .2s}
.lime-pg-tasto:hover{background:#cf4d17;color:#fff;transform:translateY(-2px)}
.lime-pg-tasto:active{transform:translateY(1px);border-bottom-width:1px}
/* dentro .lime-pg la regola dei link colorerebbe il tasto arancione su
   arancione (scritta invisibile): qui il bianco vince */
.lime-pg a.lime-pg-tasto{color:#fff;border-bottom:3px solid #b8400f}
.lime-pg a.lime-pg-tasto:hover{color:#fff;border-bottom-color:#b8400f}
.lime-pg a.lime-pg-tasto:active{border-bottom-width:1px}
.lime-pg-tasto.verde{background:#25d366;border-bottom-color:#17994a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 20px rgba(37,211,102,.3)}
.lime-pg-tasto.verde:hover{background:#1fbe5b}
.lime-pg-tel{color:#9fd8ee;font-size:14.5px;text-decoration:none}

@media (max-width:900px){
  .lime-mod{grid-template-columns:1fr;gap:14px}
  .lime-mod-uno{aspect-ratio:16/10}
  .lime-mod-testo{max-height:170px;opacity:1;margin-top:9px}
  .lime-due-col{grid-template-columns:1fr;gap:20px}
  .lime-due-col.rovescia > *:first-child{order:0}
  .lime-schede.tre,.lime-schede.quattro{grid-template-columns:repeat(2,1fr)}
  .lime-pg-fascia-dentro{padding:40px 20px 34px}
}
@media (max-width:560px){
  .lime-schede,.lime-schede.tre,.lime-schede.quattro{grid-template-columns:1fr}
  .lime-pg p{text-align:left;hyphens:none}
}
@media (prefers-reduced-motion:reduce){
  .lime-scheda,.lime-pg-tasto{transition:none}
  .lime-scheda:hover,.lime-pg-tasto:hover{transform:none}
}
/* Le fasce a tutta larghezza (100vw) sporgono della larghezza della barra
   verticale e facevano comparire la barra ORIZZONTALE in fondo: stesse
   regole che il carosello mette gia' sulla home. */
html,body{overflow-x:hidden}
html{overflow-x:clip}

/* --- lime-imm-contatti-stile --- */
.lime-imm-contatti{background:linear-gradient(150deg,#f2f7fb 0%,#e8f1f7 100%);
  border:1px solid #dbe6ef;border-radius:18px;padding:26px 24px;margin:26px 0 18px;
  text-align:center;font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.lime-imm-contatti p.lime-imm-c-testo{margin:0 0 18px;color:#3d4b58;font-size:16px;
  font-weight:300;line-height:1.55;text-align:center !important;text-align-last:center}
.lime-imm-c-tasti{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:stretch}
.lime-imm-c-tasti a{display:inline-flex;align-items:center;gap:10px;text-decoration:none !important;
  padding:14px 28px;border-radius:10px;font-weight:600;font-size:16px;line-height:1.2;
  transition:transform .16s ease,box-shadow .2s,background .2s}
.lime-imm-c-tasti a svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor}
.lime-imm-c-tasti a:hover{transform:translateY(-2px)}
.lime-imm-c-tasti a:active{transform:translateY(1px)}
.lime-imm-wa{background:#25d366;color:#fff !important;border-bottom:3px solid #128c3e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(37,211,102,.28)}
.lime-imm-wa:hover{background:#1fbb5a;color:#fff !important}
.lime-imm-tel{background:#fff;color:#12263a !important;border:1px solid #c9d8e5;
  box-shadow:0 6px 16px rgba(16,26,40,.08)}
.lime-imm-tel:hover{background:#12263a;color:#fff !important;border-color:#12263a}
.lime-imm-tel small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;opacity:.62;margin-bottom:1px}
.lime-imm-saluto{text-align:center !important;text-align-last:center;
  font-size:17px;font-weight:600;color:#12263a;
  line-height:1.5;max-width:760px;margin:22px auto 8px;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
@media (max-width:560px){
  .lime-imm-contatti{padding:22px 16px}
  .lime-imm-c-tasti{flex-direction:column}
  .lime-imm-c-tasti a{justify-content:center}
  .lime-imm-saluto{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
  .lime-imm-c-tasti a{transition:none}
  .lime-imm-c-tasti a:hover{transform:none}
}

/* --- lime-ancora-stile --- */
.lime-ancora{display:block;height:0;overflow:hidden}#preventivo,#modulo,.lime-ancora{scroll-margin-top:110px}

/* --- lime-recaptcha --- */
.grecaptcha-badge{visibility:hidden!important}.lime-recaptcha-nota{font-size:12.5px;line-height:1.5;color:#8b93a1;margin:14px 0 0;text-align:center}.lime-recaptcha-nota a{color:#8b93a1;text-decoration:underline}

/* --- lime-sfondo --- */
:root{--lime-fondo:#efeff1}
html,body,#page,.site,.site-content,#content,#primary,.ast-container,
.site-main,article.page,.entry-content{background-color:var(--lime-fondo)}
/* Le superfici che devono restare bianche: se prendessero il grigio del
   fondo, schede e campi sparirebbero dentro la pagina. */
.lime-acc-uno,.lime-info-riquadro,.lime-sei-tel,
.lime-modulo input[type=text],.lime-modulo input[type=tel],
.lime-modulo input[type=email],.lime-modulo select,.lime-modulo textarea,
.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 input[type=email],
.wpcf7 select,.wpcf7 textarea{background-color:#fff}
/* il cerchio delle garanzie resta bianco finché non si illumina */
.lime-gar-cerchio{background:#fff}
/* il piè di pagina ha il suo fondo scuro */
.lime-piede-sito{background:#20293a}
/* il carosello a tutta larghezza non deve mostrare bordi grigi ai lati */
.lime-slide{background:#20293a}

/* --- lime-niente-astra --- */
.ast-small-footer,.site-below-footer-wrap,.ast-footer-copyright,
.site-footer .ast-builder-html-element{display:none !important}

/* --- lime-esca-stile --- */
.lime-esca{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important}

/* --- lime-barra-stretta --- */
.site-branding,.ast-site-identity,.site-title,.site-description{display:none !important}
.main-header-bar,.ast-primary-header-bar,.main-header-bar-wrap,.ast-below-header-bar,
.main-header-bar .ast-container,.ast-primary-header-bar .ast-container,
.ast-builder-layout-element,.site-primary-header-wrap{min-height:0 !important}
.main-header-bar,.ast-primary-header-bar{padding-top:4px !important;padding-bottom:4px !important}
.main-header-menu .menu-link,.main-header-menu > .menu-item > .menu-link{
  line-height:1.35 !important;height:auto !important;
  padding-top:7px !important;padding-bottom:7px !important;font-size:14.5px}
.ast-builder-menu .main-header-menu{line-height:1.35 !important}
/* Niente barra in alto: la navigazione sta tutta nel menu' laterale
   (le stesse voci ci sono anche nel pie' di pagina). Il programma che
   misura la testata leggera' 0 e sistemera' da solo pulsante e carosello. */
#masthead,.site-header{display:none !important}