/* =========================================================================
   TEMI STAGIONALI — Halloween e Natale (27/10/2026, versione «di impatto»)
   Livello temporaneo SOPRA tema e struttura scelti: ricolora il sito con la palette di periodo
   (testate, fasce, accenti, footer), aggiunge bordo decorato alla testata, scenografia sopra il
   footer, effetti sulle foto di apertura, nastro, cappello sullo stemma e un'apertura animata
   alla prima visita. Markup aggiunto da assets/js/stagioni.js. Solo sito pubblico.
   ========================================================================= */

/* ---------- PALETTE DI PERIODO (sovrascrive i token di tutte le pelli) ---------- */
body.stag-halloween{
  --stag-a:#FF7A1A; --stag-a2:#9B4DFF; --stag-bg:#140a1d; --stag-band:#1f0f2c; --stag-band2:#2b1640; --stag-ink:#FFB25E;
  --cop-hi:#FF7A1A; --cop-hi-ink:#1a0b00; --cop-deep:#1f0f2c; --cop-deep2:#2b1640; --cop-night:#140a1d; --cop-gold:#FF7A1A; --cop-gold-l:#FFB25E;
  --m-acc:#FF7A1A; --m-acc-ink:#1a0b00; --m-acc-text:#C9500B; --m-head-bg:#1f0f2c; --m-head-ink:#fff; --m-foot-bg:#140a1d; --m-foot-ink:#e9d9f5;
  --c-accent:#E8650F; --c-accent-text:#B9480A; --c-header-bg:#1f0f2c; --c-header-text:#fff; --c-footer-bg:#140a1d; --c-footer-text:#e9d9f5;
  --ed-acc:#FF7A1A; --lat-bg:#1f0f2c; --lat-ink:#fff; --lat-acc:#FF7A1A;
}
body.stag-natale{
  --stag-a:#E63946; --stag-a2:#2E8B57; --stag-bg:#0b2a1e; --stag-band:#0f3b2a; --stag-band2:#14492f; --stag-ink:#ffffff; --stag-gold:#F2C14E;
  --cop-hi:#E63946; --cop-hi-ink:#fff; --cop-deep:#0f3b2a; --cop-deep2:#14492f; --cop-night:#0b2a1e; --cop-gold:#F2C14E; --cop-gold-l:#F7D774;
  --m-acc:#E63946; --m-acc-ink:#fff; --m-acc-text:#B5202D; --m-head-bg:#0f3b2a; --m-head-ink:#fff; --m-foot-bg:#0b2a1e; --m-foot-ink:#e3f1e8;
  --c-accent:#D62839; --c-accent-text:#A8192A; --c-header-bg:#0f3b2a; --c-header-text:#fff; --c-footer-bg:#0b2a1e; --c-footer-text:#e3f1e8;
  --ed-acc:#E63946; --lat-bg:#0f3b2a; --lat-ink:#fff; --lat-acc:#F2C14E;
}
/* testate che nelle pelli usano colori fissi: forzo la tinta di periodo */
body.stag-on :is(.site-header,.cen-head,.gio-head){background:var(--stag-band) !important;color:#fff}
body.stag-on .cop-head:not(.is-over),body.stag-on .cop-head.is-solid{background:var(--stag-band)}
body.stag-on :is(.site-header,.cen-head,.gio-head) :is(.site-nav>ul>li>a,.cen-link,.gio-link,.brand-name,.brand-tagline,.header-icons a,.gio-ico,.cen-my){color:#fff}
body.stag-on .gio-sub,body.stag-on .cen-top{background:var(--stag-bg)}
body.stag-on .site-footer{background:var(--stag-bg) !important;color:#e9e4ef}
body.stag-on .site-footer :is(a,h4,.footer-claim){color:inherit}
body.stag-on .footer-cta{background:var(--stag-band2) !important}
body.stag-on :is(.btn-primary,.cop-btn){background:var(--stag-a) !important;color:var(--cop-hi-ink) !important;border-color:var(--stag-a) !important}

/* ---------- nastro in cima alla testata ---------- */
.stag-ribbon{position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 16px;min-height:52px;box-sizing:border-box;
  background:var(--stag-bg);color:var(--stag-ink);font:900 13.5px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;
  border-top:3px solid var(--rb-line,currentColor);border-bottom:3px solid var(--rb-line,currentColor)}
/* stemma classico ripetuto «in serigrafia»: silhouette monocolore usata come maschera, tinta per stagione */
.stag-ribbon::before{content:"";position:absolute;inset:0;background:var(--rb-print,#fff);opacity:var(--rb-op,.18);pointer-events:none;
  -webkit-mask:url(../img/stemma-serigrafia.png) repeat-x 0 50%/auto 100%;mask:url(../img/stemma-serigrafia.png) repeat-x 0 50%/auto 100%}
.stag-ribbon > *{position:relative;z-index:1}
.stag-ribbon span{padding:4px 14px;border-radius:999px;background:var(--rb-pill,transparent)}
.stag-ribbon svg{flex:none;width:22px;height:22px}
.stag-ribbon-halloween{--rb-line:#FF7A1A;--rb-print:#FF7A1A;--rb-op:.26;--rb-pill:rgba(20,10,29,.78);background:linear-gradient(90deg,#140a1d,#3a1450 30%,#5a1e2a 50%,#3a1450 70%,#140a1d);color:#FFB15C;text-shadow:0 0 12px rgba(255,122,26,.6)}
.stag-ribbon-natale{--rb-line:#F2C14E;--rb-print:#fff;--rb-op:.2;--rb-pill:rgba(140,20,32,.85);background:#B5202D;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}
@media(max-width:860px){ .stag-ribbon{font-size:10.5px;letter-spacing:.08em;padding:8px 8px;gap:6px;min-height:44px} .stag-ribbon span{padding:3px 8px} .stag-ribbon svg{width:16px;height:16px} }
@media(min-width:861px){ body.menu-laterale .stag-ribbon{display:none} }

/* ---------- bordo decorato sotto la testata (inserito dallo script) ---------- */
.stag-edge{position:absolute;left:0;right:0;top:100%;pointer-events:none;z-index:1}
body.stag-halloween .stag-edge{height:34px;filter:drop-shadow(0 0 4px rgba(255,122,26,.85));background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 34'%3E%3Cpath fill='%231f0f2c' stroke='%23FFA14D' stroke-width='1.6' d='M0 0h240v6c-8 0-9 10-14 10s-5-10-12-10c-6 0-6 22-12 22s-6-22-12-22c-9 0-8 8-15 8s-7-8-14-8c-6 0-6 16-11 16s-6-16-12-16c-8 0-9 26-15 26s-6-26-13-26c-7 0-7 9-13 9s-7-9-14-9c-6 0-6 14-11 14s-6-14-12-14c-8 0-8 6-14 6s-6-6-13-6c-6 0-7 18-12 18S9 6 0 6z'/%3E%3C/svg%3E") repeat-x 0 -1px/240px 34px}
body.stag-natale .stag-edge{height:40px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath fill='%23ffffff' d='M0 0h200v8c-10 0-12 9-22 9s-10-7-20-7-12 12-24 12-11-10-22-10-10 6-20 6-12-9-22-9-11 13-24 13S34 10 24 10 12 16 0 16z'/%3E%3Cpath d='M0 26 Q25 38 50 26 T100 26 T150 26 T200 26' fill='none' stroke='%23233' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 0/200px 40px}
/* lucine sul filo (Natale), che si accendono a turno */
.stag-bulbs{position:absolute;left:0;right:0;top:calc(100% + 22px);height:14px;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 25px 7px,#F2C14E 0 4px,transparent 5px) 0 0/100px 14px repeat-x,
    radial-gradient(circle at 50px 9px,#3CCF7A 0 4px,transparent 5px) 0 0/100px 14px repeat-x,
    radial-gradient(circle at 75px 7px,#4FB7FF 0 4px,transparent 5px) 0 0/100px 14px repeat-x,
    radial-gradient(circle at 100px 9px,#FF4F5E 0 4px,transparent 5px) 0 0/100px 14px repeat-x;
  filter:drop-shadow(0 0 4px rgba(255,230,150,.9));animation:stag-twinkle 1.6s steps(2) infinite}
@keyframes stag-twinkle{50%{filter:brightness(.45) drop-shadow(0 0 0 transparent)}}

/* ---------- cappello sullo stemma ---------- */
.stag-hat{position:absolute;z-index:4;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
.stag-hat svg{display:block;width:100%;height:auto}

/* ---------- foto di apertura: nebbia e luna / lucine sfocate ---------- */
.stag-fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
body.stag-halloween .stag-fx{background:radial-gradient(ellipse at 50% 120%,rgba(255,122,26,.35),transparent 60%),linear-gradient(180deg,rgba(60,20,90,.35),transparent 50%)}
.stag-moon{position:absolute;right:8%;top:14%;width:clamp(90px,12vw,190px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#fff7da 0 30%,#ffd98a 55%,#f0a43a 100%);box-shadow:0 0 60px 20px rgba(255,190,90,.35)}
.stag-moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 70% 60%,rgba(180,120,40,.35) 0 10%,transparent 11%),radial-gradient(circle at 40% 70%,rgba(180,120,40,.25) 0 7%,transparent 8%)}
.stag-fog{position:absolute;left:-10%;right:-10%;bottom:-6%;height:42%;opacity:.75;
  background:radial-gradient(ellipse at 20% 70%,rgba(220,210,240,.55),transparent 45%),radial-gradient(ellipse at 60% 80%,rgba(220,210,240,.5),transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(220,210,240,.45),transparent 45%);
  filter:blur(6px);animation:stag-fog 22s ease-in-out infinite alternate}
@keyframes stag-fog{to{transform:translateX(8%)}}
body.stag-natale .stag-fx{background:linear-gradient(180deg,rgba(10,40,30,.25),transparent 40%),radial-gradient(ellipse at 50% 120%,rgba(242,193,78,.25),transparent 60%)}
.stag-bokeh{position:absolute;border-radius:50%;filter:blur(2px);opacity:.0;animation:stag-bokeh 5s ease-in-out infinite}
@keyframes stag-bokeh{30%,70%{opacity:.7}}

/* ---------- ragno appeso sotto la testata (Halloween) ---------- */
.stag-spider{position:absolute;top:0;right:14vw;z-index:260;pointer-events:none;width:calc(110px * var(--ss,1));animation:stag-spider 6s ease-in-out infinite;
  filter:drop-shadow(0 0 2px rgba(20,10,29,.9)) drop-shadow(0 0 8px rgba(255,122,26,.35))}
.stag-spider::before{content:"";position:absolute;left:50%;bottom:70%;width:1.5px;height:100vh;background:rgba(247,243,251,.85);box-shadow:0 0 1px rgba(20,10,29,.8)}
@keyframes stag-spider{0%,100%{transform:translateY(var(--sy,140px))}50%{transform:translateY(calc(var(--sy,140px) + var(--sa,100px)))}}

/* ---------- pipistrelli, ragnatele, neve ---------- */
.stag-deco{position:fixed;inset:0;z-index:250;pointer-events:none;overflow:hidden}
.stag-snow{position:fixed;inset:0;z-index:250;pointer-events:none}
.stag-web{position:fixed;right:0;bottom:0;width:340px;height:340px;opacity:.95;z-index:250;pointer-events:none;filter:drop-shadow(0 0 1.2px rgba(20,10,29,.95)) drop-shadow(0 0 1px rgba(20,10,29,.6))}
.stag-bat{position:absolute;top:0;left:-140px;width:110px;opacity:0;animation:stag-bat 14s linear infinite;
  filter:drop-shadow(0 0 2px rgba(20,10,29,.9)) drop-shadow(0 0 10px rgba(255,122,26,.3))}
.stag-bat svg{width:100%;height:auto;display:block;overflow:visible}
.stag-bat .bw{animation:stag-wing-l .26s ease-in-out infinite alternate}
.stag-bat .bw-l{transform-origin:55px 28px}
.stag-bat .bw-r{transform-origin:65px 28px;animation-name:stag-wing-r}
@keyframes stag-wing-l{from{transform:rotate(22deg) scaleX(.92)}to{transform:rotate(-30deg) scaleX(1)}}
@keyframes stag-wing-r{from{transform:rotate(-22deg) scaleX(.92)}to{transform:rotate(30deg) scaleX(1)}}
.stag-spider svg{display:block;width:100%;height:auto;overflow:visible;animation:stag-spider-sway 3.2s ease-in-out infinite;transform-origin:50% 0}
.stag-spider .sl{animation:stag-leg-l 1.1s ease-in-out infinite alternate}
.stag-spider .sl-l{transform-origin:44px 47px}
.stag-spider .sl-r{transform-origin:56px 47px;animation-name:stag-leg-r;animation-delay:-.55s}
@keyframes stag-leg-l{to{transform:rotate(-7deg)}}
@keyframes stag-leg-r{to{transform:rotate(7deg)}}
@keyframes stag-spider-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes stag-bat{0%{transform:translate(0,var(--y0)) scale(var(--s));opacity:0}4%{opacity:.9}50%{transform:translate(55vw,var(--y1)) scale(var(--s))}92%{opacity:.9}100%{transform:translate(calc(100vw + 120px),var(--y0)) scale(var(--s));opacity:0}}
@keyframes stag-flap{to{transform:scaleY(.5)}}

/* ---------- scenografia sopra il footer ---------- */
.stag-scene{position:relative;display:block;width:100%;height:clamp(120px,16vw,230px);margin-bottom:-1px;pointer-events:none;background:transparent}
.stag-scene svg{position:absolute;inset:0;width:100%;height:100%}

/* ---------- apertura animata (una volta per visita) ---------- */
.stag-splash{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  background:radial-gradient(circle at 50% 45%,var(--stag-band2),var(--stag-bg) 70%);color:#fff;text-align:center;cursor:pointer;
  animation:stag-splash-out .6s ease 2.4s forwards}
.stag-splash svg{width:min(42vw,260px);height:auto;animation:stag-pop .8s cubic-bezier(.2,1.4,.4,1) both}
.stag-splash b{font:900 clamp(2.2rem,7vw,5rem)/.95 var(--cop-display,var(--font-display,'Oswald',sans-serif));text-transform:uppercase;letter-spacing:.02em;
  color:var(--stag-a);text-shadow:0 0 30px rgba(255,255,255,.15);animation:stag-pop .8s .15s cubic-bezier(.2,1.4,.4,1) both}
.stag-splash span{font:600 14px/1.3 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
body.stag-natale .stag-splash b{color:#fff;text-shadow:0 0 24px rgba(242,193,78,.7)}
@keyframes stag-pop{from{transform:scale(.4);opacity:0}}
@keyframes stag-splash-out{to{opacity:0;visibility:hidden}}

/* ---------- innesti nelle strutture a template ---------- */
body.stag-halloween.struttura-copertina .site-footer::before{color:var(--stag-a);text-shadow:0 0 40px rgba(255,122,26,.55)}
body.stag-natale.struttura-copertina .site-footer::before{color:#fff;text-shadow:0 6px 0 #E63946,0 0 30px rgba(242,193,78,.6)}
body.stag-halloween.str-tpl :is(.cop-h2,.cen-h2,.lat-h2,.gio-h2,.cop-h1){text-shadow:0 0 22px rgba(255,122,26,.35)}
body.stag-halloween.str-tpl :is(.cop-h2,.cen-h2,.lat-h2,.gio-h2)::after{content:"";display:inline-block;width:.6em;height:.55em;margin-left:.3em;vertical-align:.05em;border-radius:45%;
  background:radial-gradient(circle at 35% 40%,#FFB25E 0 30%,#FF7A1A 60%,#C24E00 100%);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
body.stag-natale.str-tpl :is(.cop-h2,.cen-h2,.lat-h2,.gio-h2)::after{content:"★";margin-left:.25em;font-size:.6em;vertical-align:.3em;color:#F2C14E;text-shadow:0 0 10px rgba(242,193,78,.8)}
body.stag-natale .cop-story,body.stag-natale .cen-ncard img,body.stag-natale .cop-player{box-shadow:0 0 0 3px #fff,0 0 0 6px #E63946}
body.stag-halloween .cop-story,body.stag-halloween .cop-player{box-shadow:0 0 0 2px #FF7A1A,0 0 22px rgba(255,122,26,.35)}

@media(max-width:860px){ .stag-web{width:190px;height:190px} .stag-spider{width:calc(72px * var(--ss,1))} .stag-bat{width:72px} }
@media(prefers-reduced-motion:reduce){
  .stag-bat,.stag-spider,.stag-splash{display:none}
  .stag-bulbs,.stag-fog,.stag-bokeh{animation:none}
  .stag-bokeh{opacity:.5}
}

/* testata trasparente sulla copertina: il bordo decorato compare solo quando diventa piena */
body.stag-on .cop-head.is-over:not(.is-solid) :is(.stag-edge,.stag-bulbs){display:none}
body.stag-natale .cop-kicker.is-hi{color:#F2C14E}
body.stag-natale.stag-logo :is(.site-header .brand-logo,.cop-brand img,.cen-brand img,.gio-brand img){transform:scale(1.22);transform-origin:50% 40%}

/* Natale: pupazzo di neve (in basso a sinistra) e brina «Jack Frost» (in basso a destra) */
.stag-snowman{position:fixed;left:-46px;bottom:-12px;width:250px;z-index:250;pointer-events:none;transform-origin:30% 100%;transform:rotate(28deg);
  animation:stag-sm-lean 4s ease-in-out infinite;filter:drop-shadow(0 0 1.5px rgba(5,20,35,.85)) drop-shadow(0 0 10px rgba(5,20,35,.45))}
.stag-snowman svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes stag-sm-lean{0%,100%{transform:rotate(28deg)}50%{transform:rotate(33deg)}}
.stag-sm-pom{transform-origin:100px 32px;animation:stag-sm-pom 1.3s ease-in-out infinite alternate}
@keyframes stag-sm-pom{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
.stag-crest-ice{position:fixed;right:-70px;bottom:-56px;width:410px;z-index:250;pointer-events:none;transform:rotate(-24deg);transform-origin:70% 100%;
  filter:drop-shadow(0 0 1.5px rgba(5,20,35,.85)) drop-shadow(0 0 10px rgba(5,20,35,.45))}
.stag-crest-ice svg{display:block;width:100%;height:auto;overflow:visible}
.stag-ci-sp path{transform-box:fill-box;transform-origin:center;animation:stag-ci-tw 2.4s ease-in-out infinite}
.stag-ci-sp path:nth-child(2n){animation-delay:.8s}.stag-ci-sp path:nth-child(3n){animation-delay:1.6s}
@keyframes stag-ci-rot{to{transform:rotate(360deg)}}
.stag-ci-flake{transform-origin:130px 130px;animation:stag-ci-rot 60s linear infinite}
@keyframes stag-ci-tw{0%,100%{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}
@media(max-width:860px){ .stag-snowman{width:140px;left:-26px;bottom:-6px} .stag-crest-ice{width:220px;right:-40px;bottom:-30px} }
@media(prefers-reduced-motion:reduce){ .stag-snowman,.stag-sm-pom,.stag-ci-sp path,.stag-ci-flake{animation:none} }

/* Natale: luci moderne nel nastro in alto (filo + lampadine a capsula in sequenza) */
.stag-ribbon.has-rl{padding-bottom:24px}
.stag-rl{position:absolute;left:0;right:0;bottom:0;height:20px;pointer-events:none;z-index:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 20'%3E%3Cpath d='M0 3Q24 13 48 3' fill='none' stroke='rgba(255,255,255,.55)' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 0/48px 20px}
.stag-rl i{position:absolute;top:7px;width:8px;height:12px;margin-left:0;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:currentColor;opacity:.35;
  animation:stag-rl 1.4s ease-in-out infinite}
.stag-rl i::before{content:"";position:absolute;left:1.5px;top:-3px;width:5px;height:4px;border-radius:1px;background:#d9dde3}
@keyframes stag-rl{0%,100%{opacity:.35;box-shadow:none}45%,55%{opacity:1;box-shadow:0 0 8px 2px currentColor,0 0 16px 4px currentColor}}
@media(max-width:860px){ .stag-ribbon.has-rl{padding-bottom:20px} }
@media(prefers-reduced-motion:reduce){ .stag-rl i{animation:none;opacity:1;box-shadow:0 0 6px 1px currentColor} }

/* Halloween – rifiniture: ragnatela ridotta fuori dalla home e attenuata mentre si scorre */
.stag-web{transition:opacity .35s ease}
.stag-web.stag-web--sm{width:210px;height:210px}
.stag-web.is-dim{opacity:.3}
@media(max-width:860px){ .stag-web.stag-web--sm{width:140px;height:140px} }
/* stemma che si accende al passaggio e pipistrello che ne esce */
.stag-logo-glow{filter:drop-shadow(0 0 6px #FF7A1A) drop-shadow(0 0 16px rgba(255,122,26,.7));transition:filter .25s ease}
.stag-flyout{position:fixed;width:60px;z-index:400;pointer-events:none;animation:stag-flyout 1.3s cubic-bezier(.3,.6,.4,1) forwards}
.stag-flyout svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes stag-flyout{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate(240px,-160px) scale(1.1) rotate(-12deg);opacity:0}}
/* nastro cliccabile */
.stag-ribbon-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1}
.stag-ribbon-link span{background:var(--rb-pill,transparent)}
.stag-ribbon-link b{font-weight:900}
.stag-ribbon-link:hover span{text-decoration:underline;text-underline-offset:3px}
/* card del contenuto di periodo in home */
.stag-promo-wrap{position:relative;z-index:3;max-width:1180px;margin:34px auto;padding:0 20px}
.stag-promo{display:flex;align-items:stretch;gap:0;text-decoration:none;color:#fff;border-radius:18px;overflow:hidden;background:#140a1d;
  border:2px solid #FFA14D;box-shadow:0 0 0 1px rgba(255,161,77,.3),0 0 22px rgba(255,122,26,.45),inset 0 0 22px rgba(255,122,26,.12)}
body.stag-natale .stag-promo{background:#0b1d2b;border-color:#bfe9ff;box-shadow:0 0 0 1px rgba(191,233,255,.3),0 0 22px rgba(92,200,255,.45),inset 0 0 22px rgba(92,200,255,.12)}
.stag-promo-img{flex:0 0 42%;min-height:220px;position:relative}
.stag-promo-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.stag-promo-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px 30px}
.stag-promo-kicker{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#FFA14D}
body.stag-natale .stag-promo-kicker{color:#7fd6ff}
.stag-promo .stag-promo-title{color:#fff !important;font:800 clamp(20px,2.4vw,30px)/1.15 system-ui,sans-serif}
.stag-promo .stag-promo-sum{color:#e9dcff !important;opacity:.85;font-size:15px;line-height:1.45}
.stag-promo-cta{font-weight:800;color:#FFA14D}
body.stag-natale .stag-promo-cta{color:#7fd6ff}
.stag-promo:hover{transform:translateY(-2px);transition:transform .2s ease}
@media(max-width:700px){ .stag-promo{flex-direction:column} .stag-promo-img{min-height:170px} .stag-promo-body{padding:18px 18px 22px} }
@media(prefers-reduced-motion:reduce){ .stag-flyout{display:none} .stag-promo:hover{transform:none} }