/* La casetta di Slammy (04/10/2026, Riccardo: «una piccola casetta dove con animazione esce da lì dentro»).
   Solo nella home. Novità = comignolo che fuma + finestra accesa + bandierina della posta: niente numeri. */
.slc{--slc-w:64px;--slc-amb:#F9A72B;--slc-rosso:#ED1C24;--slc-carbone:#231F20;--slc-luce:#FFD98A;--slc-bianco:#fff;
 position:fixed;right:22px;bottom:16px;z-index:9000;width:var(--slc-w);aspect-ratio:120/112;border:0;padding:0;background:none;cursor:pointer;
 -webkit-tap-highlight-color:transparent;transition:opacity .25s,transform .25s}
.slc:focus-visible{outline:2px solid var(--slc-amb);outline-offset:4px;border-radius:10px}
.slc[hidden]{display:none!important}
.slc .slc-casa{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
.slc .slc-porta{position:absolute;left:39.2%;top:55.4%;width:21.7%;height:31.5%;border-radius:50% 50% 6% 6%/38% 38% 4% 4%;
 background:linear-gradient(90deg,#c9141b,var(--slc-rosso) 45%,#d8171e);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);transform-origin:0 50%;
 transform:perspective(140px) rotateY(0);transition:transform .32s cubic-bezier(.4,.1,.3,1.2);z-index:3}
.slc .slc-porta::after{content:"";position:absolute;right:13%;top:58%;width:14%;aspect-ratio:1;border-radius:50%;background:var(--slc-luce)}
.slc.slc-aperta .slc-porta{transform:perspective(140px) rotateY(-78deg)}
.slc .slc-soglia{position:absolute;left:39.2%;top:55.4%;width:21.7%;height:31.5%;border-radius:50% 50% 6% 6%/38% 38% 4% 4%;overflow:hidden;z-index:2;
 background:radial-gradient(ellipse at 50% 85%,#7a4a10 0%,#2a1a0c 70%)}
/* Slammy: un fotogramma del foglio 3×2 (casetta-happy.png / casetta-thinking.png) */
.slc .slc-pg{display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;background-image:url("/static/operatore/slammy/images/casetta-happy.png")}
.slc .slc-pg.slc-pensa{background-image:url("/static/operatore/slammy/images/casetta-thinking.png")}
.slc .slc-soglia .slc-pg{position:absolute;left:50%;bottom:-6%;width:150%;transform:translate(-50%,105%);transition:transform .32s cubic-bezier(.3,1.4,.5,1)}
.slc.slc-sbircia .slc-soglia .slc-pg{transform:translate(-50%,38%)}
.slc .slc-fuori{position:absolute;z-index:4;pointer-events:none;left:50%;bottom:6%;width:62%;transform-origin:50% 100%;transform:translate(-50%,0) scale(.42);opacity:0;
 transition:transform .42s cubic-bezier(.3,1.5,.45,1),opacity .12s,left .42s ease;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}
.slc.slc-esce .slc-fuori{opacity:1;left:-16%;transform:translate(-50%,0) scale(1.6)}
.slc .slc-finestra{transition:fill .4s}
.slc.slc-novita .slc-finestra{fill:var(--slc-luce)}
.slc .slc-fumo circle{fill:#d9d9d9;opacity:0;transform-box:fill-box;transform-origin:center}
.slc.slc-novita .slc-fumo circle{animation:slc-fumo 2.6s ease-out infinite}
.slc.slc-novita .slc-fumo circle:nth-child(2){animation-delay:.85s}.slc.slc-novita .slc-fumo circle:nth-child(3){animation-delay:1.7s}
@keyframes slc-fumo{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:.75}100%{opacity:0;transform:translate(6px,-26px) scale(1.5)}}
.slc .slc-bandiera{transform-box:fill-box;transform-origin:0% 100%;transform:rotate(90deg);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.slc.slc-novita .slc-bandiera{transform:rotate(0deg)}
.slc-fum{position:fixed;right:96px;bottom:84px;z-index:9001;max-width:250px;background:var(--slc-bianco,#fff);color:#231F20;border-radius:14px;padding:10px 13px;
 font:600 13px/1.35 "Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.28);opacity:0;transform:translateY(8px) scale(.94);
 transform-origin:100% 100%;transition:.25s;pointer-events:none}
.slc-fum.slc-vis{opacity:1;transform:none}
.slc-fum b{color:#ED1C24}
.slc-fum small{display:block;color:#6b6b6b;font-weight:500;margin-top:3px}
.slc-fum::after{content:"";position:absolute;right:16px;bottom:-7px;border:7px solid transparent;border-top-color:#fff;border-bottom:0}
@media (prefers-reduced-motion:reduce){.slc *,.slc-fum{transition:none!important;animation:none!important}}
@media print{.slc,.slc-fum{display:none!important}}
/* ── con la casetta attiva: niente maialino grande con la pedana, niente pillola viola; il pannello sta sopra la casetta ── */
html.slc-attiva #slammy-launch,html.slc-attiva #slammy-alert,html.slc-attiva #dgMacchineFerme{display:none!important}
/* il velo del benvenuto e il contenitore di Slammy restano com'erano: si nasconde solo il maialino grande */
html.slc-attiva:not(.slc-in-home) #slammy-dock{display:none!important}
@media (min-width:700px){html.slc-attiva #slammy-dock #slammy-panel{bottom:76px!important;left:auto!important;right:0!important}}