/* VP-ACQUISTA su tutte le pagine (titolare, 05.11.2026: «i due bottoni della home sono
   piaciuti moltissimo: li vogliamo ancora piu' grandi e visibili, su tutte le pagine»).
   Pulsante arancione in stile Amazon (#FFA41C, testo #0F1111: contrasto oltre 9:1) e
   WhatsApp premium verde su nero. L'ora di risposta la scrive /vp-risposta.js (CLM-024).
   Le regole valgono solo dentro .vp-acq e per la barra mobile .vp-mbar: niente altro. */
.vp-acq{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px;margin:20px 0 8px}
.vp-acq--centro{margin-left:auto;margin-right:auto}
.vp-acq a{text-decoration:none!important}
.vp-acq .vp-buy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:78px;padding:16px 26px 14px;border-radius:999px;border:1px solid #E47911;background:linear-gradient(180deg,#FFC266 0%,#FFA41C 52%,#F08804 100%);color:#0F1111!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.14),0 14px 32px rgba(255,164,28,.34),0 2px 6px rgba(0,0,0,.4);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;overflow:hidden;font-family:var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);text-align:center}
.vp-acq .vp-buy-t{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;line-height:1.15;letter-spacing:.005em;color:#0F1111}
.vp-acq .vp-buy-t svg{width:20px;height:20px;flex:none}
.vp-acq .vp-buy-s{font-weight:600;font-size:14px;line-height:1.3;color:#2A1A04}
.vp-acq .vp-buy-s strong{color:#0F1111;font-weight:800}
.vp-acq .vp-buy::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:vpAcqLuce 6s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes vpAcqLuce{0%,72%{left:-60%}100%{left:135%}}
.vp-acq .vp-buy:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.14),0 20px 40px rgba(255,164,28,.42),0 3px 8px rgba(0,0,0,.4)}
.vp-acq .vp-buy:active{transform:translateY(1px)}
.vp-acq .vp-wa2{display:flex;align-items:center;gap:14px;padding:11px 20px 11px 11px;border-radius:999px;background:linear-gradient(180deg,#3DE27B 0%,#25D366 55%,#1DB954 100%);border:1px solid #17A34A;color:#04270F!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.12),0 14px 30px rgba(37,211,102,.32),0 2px 6px rgba(0,0,0,.4);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.vp-acq .vp-wa2-ico{flex:none;width:54px;height:54px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(4,39,15,.25)}
.vp-acq .vp-wa2-ico svg{width:29px;height:29px;fill:#1DB954}
.vp-acq .vp-wa2-x{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-align:left}
.vp-acq .vp-wa2-t{font-family:var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);font-weight:800;font-size:17.5px;line-height:1.2;color:#04270F}
.vp-acq .vp-wa2-s{font-family:var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);font-weight:600;font-size:13.5px;line-height:1.35;color:#063B18}
.vp-acq .vp-wa2-go{flex:none;color:#04270F;font-size:22px;line-height:1;transition:transform .18s ease}
.vp-acq .vp-wa2:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 20px 38px rgba(37,211,102,.4),0 3px 8px rgba(0,0,0,.4)}
.vp-acq .vp-wa2:hover .vp-wa2-go{transform:translateX(4px)}
.vp-acq .vp-buy:focus-visible,.vp-acq .vp-wa2:focus-visible{outline:2px solid #EDEAE3;outline-offset:3px}
.vp-acq .vp-acq-tel{margin:2px 0 0;padding-left:22px;font-size:13.5px;line-height:1.4;color:#C9C3B6;text-align:left}
.vp-acq--centro .vp-acq-tel{padding-left:0;text-align:center}
.vp-acq .vp-acq-tel a{color:#D9C176!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:600px){.vp-acq{margin:16px 0 6px}.vp-acq .vp-buy{min-height:74px;padding:14px 18px 12px}.vp-acq .vp-buy-t{font-size:17.5px}.vp-acq .vp-wa2-t{font-size:16px}.vp-acq .vp-wa2-ico{width:48px;height:48px}}
/* barra mobile delle pagine interne: stessi colori dei due pulsanti */
.vp-mbar .vp-mbar-p{background:linear-gradient(180deg,#FFC266 0%,#FFA41C 52%,#F08804 100%)!important;color:#0F1111!important;font-weight:800}
.vp-mbar .vp-mbar-w{background:#25D366!important;color:#04270F!important;font-weight:800}
@media(prefers-reduced-motion:reduce){.vp-acq .vp-buy::after{animation:none;display:none}.vp-acq .vp-buy,.vp-acq .vp-wa2,.vp-acq .vp-wa2-go{transition:none}}
/* lotto 11 (05.11.2026): la firma «specialisti» sopra la coppia di pulsanti, CLM-027; colore del contesto */
.vp-acq .vp-acq-sig{margin:0 0 2px;font-family:var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);font-size:13px;line-height:1.45;letter-spacing:.02em;color:inherit;text-align:left;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.vp-acq .vp-acq-sig::before{content:"";flex:none;width:26px;height:1px;background:#C4A84A;margin-right:4px}
.vp-acq .vp-acq-sig-k{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11.5px}
.vp-acq--centro .vp-acq-sig{justify-content:center;text-align:center}

/* ==========================================================================
   PREMIUM v2 (07.11.2026, titolare: «pulsanti piu' premium e conversion oriented»)
   Stessa coppia arancione / verde, resa piu' ricca: metallo caldo con riflesso champagne,
   alone d'oro, freccia in medaglione scuro, rilievo al tocco, bersaglio da 52 px sul telefono.
   Si applica ai pulsanti della coppia (.vp-buy, .vp-wa2), anche nella home. Solo CSS:
   per tornare indietro si toglie questo blocco (fino a FINE PREMIUM v2).
   ========================================================================== */
html body .vp-buy{
  min-height:84px;
  background:linear-gradient(180deg,#FFD98A 0%,#FFBA3F 34%,#FFA41C 60%,#EC8504 100%);
  border:1px solid #CF7208;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(120,60,0,.16),
    0 0 0 1px rgba(217,193,118,.55),0 0 0 6px rgba(255,164,28,.14),
    0 16px 34px -10px rgba(255,150,10,.55),0 3px 8px rgba(0,0,0,.35);
  animation:vpHalo 3.8s ease-in-out 2s infinite;
}
html body .vp-buy{padding-left:20px;padding-right:20px}
html body .vp-buy .vp-buy-t{font-size:19px;letter-spacing:.008em;gap:10px}
html body .vp-buy .vp-buy-t svg{
  box-sizing:border-box;width:30px;height:30px;padding:7px;border-radius:50%;
  background:#0F1111;color:#FFC15A;flex:none;
  box-shadow:0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,193,90,.4);
  transition:transform .2s ease;
}
html body .vp-buy:hover .vp-buy-t svg{transform:translateX(3px)}
html body .vp-buy:hover{
  transform:translateY(-2px);filter:brightness(1.04) saturate(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(120,60,0,.18),
    0 0 0 1px rgba(217,193,118,.7),0 0 0 8px rgba(255,164,28,.2),
    0 22px 42px -10px rgba(255,150,10,.65),0 4px 10px rgba(0,0,0,.4);
}
html body .vp-buy:active{transform:translateY(1px);filter:brightness(.98)}
html body .vp-wa2{
  background:linear-gradient(180deg,#52EC93 0%,#2FDB75 40%,#1FBF5E 100%);
  border:1px solid #14944A;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,70,30,.18),
    0 0 0 1px rgba(255,255,255,.35),0 16px 32px -12px rgba(31,191,94,.6),0 3px 8px rgba(0,0,0,.3);
}
html body .vp-wa2 .vp-wa2-ico{box-shadow:0 0 0 3px rgba(255,255,255,.35),0 3px 10px rgba(4,39,15,.3)}
html body .vp-wa2 .vp-wa2-go{
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:#04270F;color:#7CF0AB;font-size:17px;flex:none;
}
html body .vp-wa2:hover{transform:translateY(-2px);filter:brightness(1.04)}
@keyframes vpHalo{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(120,60,0,.16),0 0 0 1px rgba(217,193,118,.55),0 0 0 6px rgba(255,164,28,.14),0 16px 34px -10px rgba(255,150,10,.55),0 3px 8px rgba(0,0,0,.35)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(120,60,0,.16),0 0 0 1px rgba(217,193,118,.7),0 0 0 12px rgba(255,164,28,.07),0 18px 38px -10px rgba(255,150,10,.7),0 3px 8px rgba(0,0,0,.35)}
}
@media(max-width:600px){
  html body .vp-buy{min-height:80px}
  html body .vp-buy .vp-buy-t{font-size:17.5px}
  .vp-mbar .vp-mbar-p,.vp-mbar .vp-mbar-w{min-height:52px;border-radius:14px}
  .vp-mbar{padding-bottom:max(8px,env(safe-area-inset-bottom,0px));box-shadow:0 -12px 30px rgba(0,0,0,.35);border-top:1px solid rgba(217,193,118,.5)}
}
@media(prefers-reduced-motion:reduce){html body .vp-buy{animation:none}html body .vp-buy .vp-buy-t svg{transition:none}}
/* FINE PREMIUM v2 */

/* ==========================================================================
   PERGOLA IN VETRINA (07.11.2026, titolare: «nelle home dedicate alle pergole bioclimatiche
   inserisci in maniera splendente e chiarissima la foto allegata»). Blocco .vp-pf dopo
   l'apertura delle 47 pagine pergole-bioclimatiche-*. Fascia chiara champagne, foto alla sua
   grandezza reale (800 px: mai ingrandita), passe-partout bianco e ombra calda; foto e testo
   affiancati sul computer, in colonna sul telefono. Colori del testo: inchiostro e oro scuro
   (6,9:1 sul fondo chiaro).
   ========================================================================== */
.vp-pf{background:linear-gradient(180deg,#F7F3EA 0%,#EFE6CF 100%);color:#0A0908;padding:clamp(28px,5vw,56px) 16px;border-top:1px solid rgba(102,82,26,.18);border-bottom:1px solid rgba(102,82,26,.18)}
.vp-pf-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(22px,4vw,44px);align-items:center}
.vp-pf-fig{margin:0}
.vp-pf-fig img{display:block;width:100%;height:auto;max-width:800px;border-radius:14px;border:10px solid #fff;box-shadow:0 30px 60px -28px rgba(60,44,10,.55),0 4px 14px -6px rgba(60,44,10,.25);background:#fff}
.vp-pf-fig figcaption{margin-top:10px;font:600 13px/1.4 var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);letter-spacing:.02em;color:#4D483F}
.vp-pf-k{display:block;font:700 12px/1.2 var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#66521A;margin-bottom:10px}
.vp-pf-tx h2{font:600 clamp(26px,3.4vw,38px)/1.15 var(--font-h,'Cormorant Garamond',Georgia,serif);color:#0A0908;margin:0 0 14px;text-wrap:balance}
.vp-pf-tx ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.vp-pf-tx li{position:relative;padding-left:28px;font:500 16px/1.5 var(--font-b,'Satoshi','Figtree',system-ui,sans-serif);color:#2A2620}
.vp-pf-tx li::before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:8px;border-left:2.5px solid #66521A;border-bottom:2.5px solid #66521A;transform:rotate(-45deg)}
.vp-pf-tx li strong{color:#0A0908}
.vp-pf .vp-acq{max-width:520px;margin:0}
@media(max-width:820px){.vp-pf-in{grid-template-columns:1fr}.vp-pf-fig img{border-width:7px}}