/* ═══════════════════════════════════════════════════════════
   dCreativo · illustrazioni animate delle schede Servizi
   - ogni illustrazione vive in .svc-art (container query: misure in cqw)
   - stato base (senza animazione) = scena completa e leggibile
   - le animazioni sono in loop, partono solo quando la scheda è visibile (.live)
   - nessuno stile inline: la CSP del sito lo vieta
═══════════════════════════════════════════════════════════ */

.svc-art {
    --art-bg-a: #14204d; --art-bg-b: #0a1030;
    position: relative; isolation: isolate; overflow: hidden; container-type: inline-size;
    aspect-ratio: 16 / 10; width: 100%;
    background: radial-gradient(120% 90% at 20% 0%, var(--art-bg-a), var(--art-bg-b) 70%);
    user-select: none; -webkit-user-select: none; pointer-events: none;
}
.svc-art::after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06); }

/* browser senza container query (unità cqw): resta lo sfondo, la scena viene nascosta */
@supports not (width: 1cqw) { .svc-art > * { display: none; } }

/* le animazioni girano solo con la scheda in vista (JS aggiunge .live) */
.js .svc:not(.live) .svc-art *,
.js .svc:not(.live) .svc-art *::before,
.js .svc:not(.live) .svc-art *::after { animation-play-state: paused !important; }

/* movimento ridotto: resta la scena completa, ferma */
.reduced .svc-art *, .reduced .svc-art *::before, .reduced .svc-art *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
    .svc-art *, .svc-art *::before, .svc-art *::after { animation: none !important; transition: none !important; }
}

/* ── SCHEDE: i frammenti sono sotto ─────────────────────── */

/* ── Siti web e siti vetrina ─────────────────────────────── */
/* vetrina · sito vetrina: click su "Contatti" e pannello informazioni (timeline unica 10s, loop) */
.art-vetrina{--art-bg-a:#17307a;--art-bg-b:#090d28;--ink:#14141e;--soft:#5a6375;--blue:#4285F4;--blue-dk:#0d47a1;--lime:#b5f241;--orange:#ff6b2b;--navy:#0b2e5c;--spring:cubic-bezier(.2,1.4,.4,1)}
.art-vetrina::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.17) 0 .14cqw,transparent .2cqw);background-size:3.6cqw 3.6cqw;opacity:.55}
.art-vetrina [class^="avetrina-"]{position:absolute;box-sizing:border-box;animation-duration:10s;animation-iteration-count:infinite}
.art-vetrina .avetrina-glow{inset:0;background:radial-gradient(circle at 90% 6%,rgba(66,133,244,.5),transparent 38%),radial-gradient(circle at 4% 100%,rgba(255,107,43,.24),transparent 36%)}
.art-vetrina .avetrina-win{left:3cqw;top:4.5cqw;width:78cqw;height:55cqw;border-radius:2.4cqw;overflow:hidden;background:#fff;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.38)}
.art-vetrina .avetrina-bar{left:0;top:0;width:100%;height:6cqw;background:#e8eaf0}
.art-vetrina .avetrina-dots{left:2.6cqw;top:2.3cqw;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#ff7a6b;box-shadow:2.2cqw 0 0 #ffcb4d,4.4cqw 0 0 #5fd48a}
.art-vetrina .avetrina-url{left:11cqw;top:1.1cqw;width:38cqw;height:3.8cqw;border-radius:1.9cqw;background:#fff;color:var(--soft);font-size:3cqw;line-height:3.8cqw;font-weight:500;padding-left:4.8cqw;white-space:nowrap}
.art-vetrina .avetrina-url::before{content:'';position:absolute;left:2cqw;top:1.9cqw;width:1.3cqw;height:1cqw;border-radius:.25cqw;background:#7cb800}
.art-vetrina .avetrina-url::after{content:'';position:absolute;left:2.2cqw;top:1.1cqw;width:.9cqw;height:.9cqw;border:.25cqw solid #7cb800;border-bottom:0;border-radius:.5cqw .5cqw 0 0}
.art-vetrina .avetrina-site{left:0;top:6cqw;width:100%;height:49cqw}
.art-vetrina .avetrina-head{left:0;top:0;width:100%;height:7cqw;background:#fff;border-bottom:1px solid #eceef4}
.art-vetrina .avetrina-logo{left:3.5cqw;top:1.7cqw;width:3.6cqw;height:3.6cqw;border-radius:1cqw;background:var(--navy)}
.art-vetrina .avetrina-logo::before{content:'';position:absolute;right:.55cqw;top:.55cqw;width:1.2cqw;height:1.2cqw;border-radius:50%;background:#ff7a1a}
.art-vetrina .avetrina-logo::after{content:'';position:absolute;left:4.8cqw;top:1cqw;width:9cqw;height:1.6cqw;border-radius:.8cqw;background:var(--navy);opacity:.85}
.art-vetrina .avetrina-m{top:0;height:7cqw;line-height:7cqw;text-align:center;font-size:3.1cqw;font-weight:600;color:var(--soft);z-index:0;white-space:nowrap}
.art-vetrina .avetrina-m1{left:35cqw;width:13cqw}
.art-vetrina .avetrina-m2{left:48.5cqw;width:10.5cqw}
.art-vetrina .avetrina-m3{left:59.5cqw;width:15cqw;color:#fff;animation-name:art-vetrina-txt}
.art-vetrina .avetrina-m3::before{content:'';position:absolute;left:0;right:0;top:1.3cqw;bottom:1.3cqw;border-radius:1.8cqw;background:var(--blue);z-index:-1}
.art-vetrina .avetrina-hero{left:3.5cqw;top:8.5cqw;width:71cqw;height:19cqw;border-radius:2.2cqw;overflow:hidden;background:linear-gradient(115deg,var(--blue-dk) 0%,#2b6fe0 45%,#6aa6ff 100%)}
.art-vetrina .avetrina-hero::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:9cqw;background:rgba(255,255,255,.2);clip-path:polygon(0 74%,12% 44%,25% 78%,44% 8%,62% 66%,79% 26%,100% 72%,100% 100%,0 100%)}
.art-vetrina .avetrina-hero::after{content:'';position:absolute;right:12cqw;top:2.5cqw;width:5.5cqw;height:5.5cqw;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1.2cqw rgba(181,242,65,.25)}
.art-vetrina .avetrina-t1{left:3.5cqw;top:2.6cqw;width:20cqw;height:2.6cqw;border-radius:1.3cqw;background:#fff}
.art-vetrina .avetrina-t2{left:3.5cqw;top:6.3cqw;width:14cqw;height:2.6cqw;border-radius:1.3cqw;background:#fff}
.art-vetrina .avetrina-t3{left:3.5cqw;top:10.3cqw;width:17cqw;height:1.1cqw;border-radius:.55cqw;background:rgba(255,255,255,.6)}
.art-vetrina .avetrina-btn{left:3.5cqw;top:12.7cqw;width:15cqw;height:4.4cqw;border-radius:2.2cqw;background:var(--orange);color:#fff;font-size:3cqw;line-height:4.4cqw;font-weight:700;text-align:center;box-shadow:0 .6cqw 1.4cqw rgba(255,107,43,.5)}
.art-vetrina .avetrina-tile{top:30cqw;width:21.9cqw;height:15.5cqw;border-radius:2.2cqw;background:#f3f4f8}
.art-vetrina .avetrina-tile1{left:3.5cqw}
.art-vetrina .avetrina-tile2{left:28.4cqw}
.art-vetrina .avetrina-tile3{left:53.1cqw}
.art-vetrina .avetrina-tile::before{content:'';position:absolute;left:2.2cqw;top:8.6cqw;width:11cqw;height:1.6cqw;border-radius:.8cqw;background:var(--ink);opacity:.8}
.art-vetrina .avetrina-tile::after{content:'';position:absolute;left:2.2cqw;top:11.8cqw;width:15cqw;height:1.1cqw;border-radius:.55cqw;background:#c9cfdb}
.art-vetrina .avetrina-ico{left:2.2cqw;top:2.2cqw;width:4.6cqw;height:4.6cqw;border-radius:1.4cqw;background:var(--blue)}
.art-vetrina .avetrina-ico::before{content:'';position:absolute;left:1.4cqw;top:1.4cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;background:rgba(255,255,255,.9)}
.art-vetrina .avetrina-tile2 .avetrina-ico{background:var(--orange)}
.art-vetrina .avetrina-tile3 .avetrina-ico{background:var(--lime)}
.art-vetrina .avetrina-tile3 .avetrina-ico::before{background:rgba(11,46,92,.75)}
.art-vetrina .avetrina-panel{left:30.5cqw;top:7.4cqw;width:44cqw;height:21.5cqw;border-radius:2.4cqw;background:#fff;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.38);transform-origin:84% 0;animation-name:art-vetrina-panel}
.art-vetrina .avetrina-panel::before{content:'';position:absolute;right:6cqw;top:-1cqw;width:2cqw;height:2cqw;background:#fff;border-radius:.3cqw;transform:rotate(45deg)}
.art-vetrina .avetrina-row{left:0;width:100%;height:6.3cqw;line-height:6.3cqw;font-size:3.1cqw;font-weight:600;color:var(--ink);padding-left:8.6cqw;white-space:nowrap}
.art-vetrina .avetrina-r1{top:1.3cqw;animation-name:art-vetrina-r1}
.art-vetrina .avetrina-r2{top:7.6cqw;animation-name:art-vetrina-r2}
.art-vetrina .avetrina-r3{top:13.9cqw;animation-name:art-vetrina-r3}
.art-vetrina .avetrina-r2::before,.art-vetrina .avetrina-r3::before{content:'';position:absolute;left:2cqw;right:2cqw;top:0;height:1px;background:#eceef4}
.art-vetrina .avetrina-ic{left:2cqw;top:.95cqw;width:4.4cqw;height:4.4cqw;padding:1cqw;border-radius:50%}
.art-vetrina .avetrina-r1 .avetrina-ic{background:#e6efff;color:var(--blue-dk)}
.art-vetrina .avetrina-r2 .avetrina-ic{background:#ffeee5;color:var(--orange)}
.art-vetrina .avetrina-r3 .avetrina-ic{background:#eef7d6;color:#5f9100}
.art-vetrina .avetrina-ok{right:2cqw;top:1.35cqw;width:3.6cqw;height:3.6cqw;border-radius:50%;background:var(--lime)}
.art-vetrina .avetrina-ok::before{content:'';position:absolute;left:.85cqw;top:.8cqw;width:1.9cqw;height:.95cqw;border-left:.4cqw solid #2c4a00;border-bottom:.4cqw solid #2c4a00;transform:rotate(-45deg)}
.art-vetrina .avetrina-phone{left:79.5cqw;top:18.5cqw;width:18cqw;height:37cqw;border-radius:3.4cqw;background:#10163a;z-index:1;box-shadow:0 0 0 .25cqw rgba(255,255,255,.24),0 2cqw 4.5cqw rgba(0,0,0,.45);animation-name:art-vetrina-float}
.art-vetrina .avetrina-scr{left:.9cqw;top:.9cqw;width:16.2cqw;height:35.2cqw;border-radius:2.6cqw;background:#fff;overflow:hidden}
.art-vetrina .avetrina-scr::before{content:'';position:absolute;left:5.6cqw;top:.7cqw;width:5cqw;height:1cqw;border-radius:.5cqw;background:#10163a}
.art-vetrina .avetrina-pmark{left:1.4cqw;top:2.9cqw;width:2.4cqw;height:2.4cqw;border-radius:.7cqw;background:var(--navy)}
.art-vetrina .avetrina-pmark::before{content:'';position:absolute;right:.35cqw;top:.35cqw;width:.8cqw;height:.8cqw;border-radius:50%;background:#ff7a1a}
.art-vetrina .avetrina-burger{left:12.4cqw;top:3.3cqw;width:2.4cqw;height:.35cqw;border-radius:.2cqw;background:var(--ink);box-shadow:0 .75cqw 0 var(--ink),0 1.5cqw 0 var(--ink)}
.art-vetrina .avetrina-phero{left:1.1cqw;top:6.6cqw;width:14cqw;height:11cqw;border-radius:1.5cqw;background:radial-gradient(circle at 82% 28%,var(--lime) 0 1.5cqw,transparent 1.6cqw),linear-gradient(115deg,var(--blue-dk),#4d8cf0)}
.art-vetrina .avetrina-phero::before{content:'';position:absolute;left:1.2cqw;top:1.5cqw;width:7cqw;height:1.1cqw;border-radius:.55cqw;background:#fff}
.art-vetrina .avetrina-phero::after{content:'';position:absolute;left:1.2cqw;top:3.4cqw;width:5cqw;height:1.1cqw;border-radius:.55cqw;background:rgba(255,255,255,.7)}
.art-vetrina .avetrina-pbtn{left:1.2cqw;top:6.4cqw;width:5.6cqw;height:2.4cqw;border-radius:1.2cqw;background:var(--orange)}
.art-vetrina .avetrina-ptile{width:6.7cqw;height:3.7cqw;border-radius:1.2cqw;background:#f3f4f8}
.art-vetrina .avetrina-pt1{left:1.1cqw;top:18.7cqw}
.art-vetrina .avetrina-pt2{left:8.4cqw;top:18.7cqw}
.art-vetrina .avetrina-pt3{left:1.1cqw;top:23.5cqw}
.art-vetrina .avetrina-pt4{left:8.4cqw;top:23.5cqw}
.art-vetrina .avetrina-ptile::before{content:'';position:absolute;left:.7cqw;top:.7cqw;width:1.3cqw;height:1.3cqw;border-radius:.4cqw;background:var(--blue)}
.art-vetrina .avetrina-pt2::before,.art-vetrina .avetrina-pt4::before{background:var(--orange)}
.art-vetrina .avetrina-ptile::after{content:'';position:absolute;left:.7cqw;top:2.6cqw;width:4cqw;height:.6cqw;border-radius:.3cqw;background:#c9cfdb}
.art-vetrina .avetrina-sheet{left:0;bottom:0;width:100%;height:12.4cqw;border-radius:2.4cqw 2.4cqw 0 0;background:#fff;box-shadow:0 -.5cqw 2cqw rgba(8,8,15,.28);animation-name:art-vetrina-sheet}
.art-vetrina .avetrina-sheet::before{content:'';position:absolute;left:6.3cqw;top:.8cqw;width:3.6cqw;height:.5cqw;border-radius:.25cqw;background:#d5d9e3}
.art-vetrina .avetrina-srow{left:5cqw;height:1.1cqw;border-radius:.55cqw;background:#aab2c2;animation-name:art-vetrina-srow}
.art-vetrina .avetrina-srow::before{content:'';position:absolute;left:-3.3cqw;top:-.55cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--lime)}
.art-vetrina .avetrina-s1{top:3.7cqw;width:8cqw}
.art-vetrina .avetrina-s2{top:6.7cqw;width:5.4cqw}
.art-vetrina .avetrina-s3{top:9.7cqw;width:6.6cqw}
.art-vetrina .avetrina-rip{left:71.3cqw;top:12cqw;width:7cqw;height:7cqw;border-radius:50%;border:.35cqw solid var(--lime);background:rgba(181,242,65,.28);opacity:0;z-index:3;animation-name:art-vetrina-rip}
.art-vetrina .avetrina-cur{left:73.9cqw;top:15cqw;width:4.5cqw;height:4.5cqw;z-index:3;overflow:visible;transform-origin:20% 12%;filter:drop-shadow(0 .4cqw .6cqw rgba(0,0,0,.35));animation-name:art-vetrina-cur}
.art-vetrina .avetrina-m3::before{animation:art-vetrina-pill 10s infinite}
.art-vetrina .avetrina-k1{animation-name:art-vetrina-k1}
.art-vetrina .avetrina-k2{animation-name:art-vetrina-k2}
.art-vetrina .avetrina-k3{animation-name:art-vetrina-k3}
@keyframes art-vetrina-cur{0%,5%{transform:translate(-43cqw,28cqw) scale(1);opacity:1;animation-timing-function:cubic-bezier(.5,0,1,1)}
16%{transform:translate(-17cqw,12cqw) scale(1);opacity:1;animation-timing-function:cubic-bezier(0,0,.2,1)}
28%{transform:translate(0,0) scale(1);opacity:1;animation-timing-function:ease-in-out}
30%{transform:translate(0,0) scale(.82);opacity:1;animation-timing-function:var(--spring)}
33%,88%{transform:translate(0,0) scale(1);opacity:1;animation-timing-function:ease-in}
92%{transform:translate(0,0) scale(1);opacity:0}
97%{transform:translate(-43cqw,28cqw) scale(1);opacity:0}
100%{transform:translate(-43cqw,28cqw) scale(1);opacity:1}
}
@keyframes art-vetrina-rip{0%,29%{opacity:0;transform:scale(.3);animation-timing-function:ease-out}
30%{opacity:.9;transform:scale(.4);animation-timing-function:ease-out}
40%,100%{opacity:0;transform:scale(1.5)}
}
@keyframes art-vetrina-txt{0%,30%{color:#5a6375}
31%,90%{color:#fff}
94%,100%{color:#5a6375}
}
@keyframes art-vetrina-pill{0%,29%{opacity:0;transform:scale(.6);animation-timing-function:var(--spring)}
33%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:scale(.6)}
}
@keyframes art-vetrina-panel{0%,30%{opacity:0;transform:translateY(-1.5cqw) scale(.9);animation-timing-function:var(--spring)}
37%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
95%,100%{opacity:0;transform:translateY(-1.5cqw) scale(.9)}
}
@keyframes art-vetrina-r1{0%,36%{opacity:0;transform:translateX(3cqw);animation-timing-function:var(--spring)}
42%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:translateX(3cqw)}
}
@keyframes art-vetrina-r2{0%,43%{opacity:0;transform:translateX(3cqw);animation-timing-function:var(--spring)}
49%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:translateX(3cqw)}
}
@keyframes art-vetrina-r3{0%,50%{opacity:0;transform:translateX(3cqw);animation-timing-function:var(--spring)}
56%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:translateX(3cqw)}
}
@keyframes art-vetrina-k1{0%,41%{transform:scale(0);animation-timing-function:var(--spring)}
46%,90%{transform:scale(1);animation-timing-function:ease-in}
93%,100%{transform:scale(0)}
}
@keyframes art-vetrina-k2{0%,48%{transform:scale(0);animation-timing-function:var(--spring)}
53%,90%{transform:scale(1);animation-timing-function:ease-in}
93%,100%{transform:scale(0)}
}
@keyframes art-vetrina-k3{0%,55%{transform:scale(0);animation-timing-function:var(--spring)}
60%,90%{transform:scale(1);animation-timing-function:ease-in}
93%,100%{transform:scale(0)}
}
@keyframes art-vetrina-float{0%,100%{transform:translateY(0);animation-timing-function:ease-in-out}
50%{transform:translateY(-.9cqw);animation-timing-function:ease-in-out}
}
@keyframes art-vetrina-sheet{0%,56%{transform:translateY(105%);animation-timing-function:var(--spring)}
64%,90%{transform:none;animation-timing-function:ease-in}
95%,100%{transform:translateY(105%)}
}
@keyframes art-vetrina-srow{0%,60%{opacity:0;transform:translateX(1.5cqw);animation-timing-function:var(--spring)}
67%,90%{opacity:1;transform:none;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:translateX(1.5cqw)}
}

/* ── E-commerce e shop online ─────────────────────────────── */
.art-shop{--art-bg-a:#1a2b66;--art-bg-b:#080c2a}
.art-shop *,.art-shop *::before,.art-shop *::after{box-sizing:border-box;animation-duration:11s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.art-shop [class*="ashop-"]{position:absolute}
.art-shop::before{content:'';position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.22) .16cqw,transparent .22cqw) 0 0/3.4cqw 3.4cqw;opacity:.45;mask:radial-gradient(80% 90% at 50% 40%,#000,transparent)}
.art-shop .ashop-glow{width:56cqw;height:56cqw;border-radius:50%}
.art-shop .ashop-g1{left:-14cqw;top:-22cqw;background:radial-gradient(circle,rgba(66,133,244,.5),transparent 66%)}
.art-shop .ashop-g2{right:-16cqw;bottom:-26cqw;background:radial-gradient(circle,rgba(255,107,43,.32),transparent 66%)}
.art-shop .ashop-win{left:7cqw;top:4cqw;width:86cqw;height:54.5cqw;z-index:1;overflow:hidden;border-radius:3.2cqw;background:#f6f7fb;color:#14141e;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.35)}

.art-shop .ashop-top{left:0;top:0;width:100%;height:8.4cqw;z-index:5;background:#fff;border-bottom:1px solid #e6e9f1}
.art-shop .ashop-logo{left:3.4cqw;top:2.1cqw;width:4.2cqw;height:4.2cqw;border-radius:1.3cqw;background:linear-gradient(135deg,#0b2e5c,#4285f4)}
.art-shop .ashop-logo::after{content:'';position:absolute;right:.5cqw;bottom:.5cqw;width:1.2cqw;height:1.2cqw;border-radius:50%;background:#b5f241}
.art-shop .ashop-lname{left:8.8cqw;top:3.5cqw;width:13cqw;height:1.5cqw;border-radius:1cqw;background:#dde1ea}
.art-shop .ashop-open{left:27cqw;top:2.1cqw;height:4.2cqw;padding:0 2cqw 0 4.6cqw;border-radius:2.1cqw;background:#eaf1ff;color:#0d47a1;font-size:3cqw;font-weight:800;line-height:4.2cqw;white-space:nowrap}
.art-shop .ashop-open::before{content:'';position:absolute;left:1.9cqw;top:1.45cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#7cc41a;box-shadow:0 0 0 .5cqw rgba(124,196,26,.25)}
.art-shop .ashop-cart{animation-name:art-shop-cart;right:4.2cqw;top:1.5cqw;width:5.4cqw;height:5.4cqw}
.art-shop .ashop-cart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.art-shop .ashop-badge{animation-name:art-shop-badge;right:-2.3cqw;top:-1.7cqw;width:4.3cqw;height:4.3cqw;border-radius:50%;border:.3cqw solid #fff;background:#ff6b2b;color:#fff;font-size:3cqw;font-weight:800;line-height:3.7cqw;text-align:center}

.art-shop .ashop-pic{left:48cqw;top:11.4cqw;width:34cqw;height:34cqw;border-radius:3cqw;background:radial-gradient(circle at 50% 46%,rgba(66,133,244,.2) 0,rgba(66,133,244,0) 62%),linear-gradient(150deg,#dce7ff,#f5f7fd 72%);box-shadow:inset 0 0 0 1px rgba(20,32,77,.07)}
.art-shop .ashop-pic::before{content:'';position:absolute;left:8cqw;top:25.6cqw;width:18cqw;height:2cqw;border-radius:50%;background:rgba(11,46,92,.14)}
.art-shop .ashop-pic::after{content:'Novità';position:absolute;left:2cqw;top:2cqw;height:4.2cqw;padding:0 1.5cqw;border-radius:1.3cqw;background:#b5f241;color:#0b2e5c;font-size:3cqw;font-weight:800;line-height:4.2cqw}
.art-shop .ashop-hp{left:5cqw;top:4.4cqw;width:24cqw;height:24cqw}
.art-shop .ashop-name{left:4cqw;top:11.8cqw;font-size:4.8cqw;font-weight:800;line-height:1.2;white-space:nowrap}
.art-shop .ashop-line{left:4cqw;height:1.5cqw;border-radius:1cqw;background:#dfe3ec}
.art-shop .ashop-l1{top:19cqw;width:34cqw}
.art-shop .ashop-l2{top:22.2cqw;width:24cqw}
.art-shop .ashop-price{left:4cqw;top:26cqw;font-size:8cqw;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.art-shop .ashop-add,.art-shop .ashop-pay{border-radius:2.4cqw;background:linear-gradient(180deg,#ff8548,#ff6b2b);color:#fff;box-shadow:0 1cqw 2.4cqw rgba(255,107,43,.4)}
.art-shop .ashop-add{animation-name:art-shop-add;left:4cqw;top:37.4cqw;width:40cqw;height:8cqw;font-size:3.8cqw;font-weight:800;line-height:8cqw;text-align:center}
.art-shop .ashop-dim{animation-name:art-shop-dim;left:0;top:8.4cqw;width:100%;height:46.1cqw;z-index:3;background:rgba(10,16,48,.55)}

.art-shop .ashop-sheet{animation-name:art-shop-sheet;left:0;bottom:0;width:100%;height:36.4cqw;z-index:4;border-radius:3.6cqw 3.6cqw 0 0;background:#fff;box-shadow:0 -1.2cqw 3.5cqw rgba(8,8,15,.28)}
.art-shop .ashop-sheet::before{content:'';position:absolute;left:38cqw;top:1.2cqw;width:10cqw;height:.9cqw;border-radius:1cqw;background:#dde1ea}
.art-shop .ashop-sheet::after{content:'';position:absolute;left:0;top:100%;width:100%;height:5cqw;background:#fff}
.art-shop .ashop-rowa{left:4cqw;top:3.6cqw;width:78cqw;height:6.4cqw}
.art-shop .ashop-th{left:0;top:0;width:6.4cqw;height:6.4cqw;border-radius:1.8cqw;background:linear-gradient(150deg,#dce7ff,#f5f7fd)}
.art-shop .ashop-tn{left:8.6cqw;top:-.2cqw;font-size:3.6cqw;font-weight:800;line-height:1.3;white-space:nowrap}
.art-shop .ashop-ts{left:8.6cqw;top:3.6cqw;color:#8892a4;font-size:3cqw;line-height:1.3}
.art-shop .ashop-tp{right:0;top:.8cqw;font-size:3.8cqw;font-weight:800}
.art-shop .ashop-card{left:4cqw;top:11.4cqw;width:78cqw;height:7.2cqw;border:1px solid #e3e6ee;border-radius:2.2cqw;background:#f3f4f8}
.art-shop .ashop-ci{left:1.4cqw;top:1.1cqw;width:7.2cqw;height:4.7cqw;border-radius:1cqw;background:linear-gradient(135deg,#0d47a1,#4285f4)}
.art-shop .ashop-ci::before{content:'';position:absolute;left:1cqw;top:1.1cqw;width:1.8cqw;height:1.3cqw;border-radius:.35cqw;background:#f2c66d}
.art-shop .ashop-ci::after{content:'';position:absolute;left:1cqw;bottom:.8cqw;width:4.6cqw;height:.55cqw;border-radius:.3cqw;background:rgba(255,255,255,.6)}
.art-shop .ashop-cd{left:10.8cqw;top:0;font-size:3.6cqw;font-weight:700;letter-spacing:.05em;line-height:7cqw;white-space:nowrap}
.art-shop .ashop-ce{right:2.2cqw;top:0;color:#8892a4;font-size:3cqw;line-height:7cqw}
.art-shop .ashop-tot{left:4cqw;top:21.2cqw;width:78cqw;height:4.8cqw;border-top:1px solid #e6e9f1}
.art-shop .ashop-tl{left:0;top:.9cqw;color:#5a6375;font-size:3.4cqw;line-height:3.6cqw}
.art-shop .ashop-tv{right:0;top:.3cqw;font-size:4.8cqw;font-weight:800;line-height:4.4cqw}
.art-shop .ashop-pay{animation-name:art-shop-pay;left:4cqw;top:27.4cqw;width:78cqw;height:7cqw;opacity:0}
.art-shop .ashop-pl{animation-name:art-shop-pl;inset:0;font-size:3.8cqw;font-weight:800;line-height:7cqw;text-align:center}
.art-shop .ashop-spin{animation-name:art-shop-spin;animation-timing-function:linear;left:50%;top:50%;width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;opacity:0;border-radius:50%;border:.55cqw solid rgba(255,255,255,.35);border-top-color:#fff}

.art-shop .ashop-ok{animation-name:art-shop-ok;left:0;top:2.6cqw;width:100%;height:18.4cqw;background:#fff}
.art-shop .ashop-ckc{animation-name:art-shop-ckc;left:37.7cqw;top:1cqw;z-index:2;width:10.6cqw;height:10.6cqw;border-radius:50%;background:linear-gradient(145deg,#cdf97a,#b5f241 55%,#9ad92a);box-shadow:0 1cqw 3cqw rgba(150,210,40,.5)}
.art-shop .ashop-ckc::before{content:'';position:absolute;inset:-1cqw;border-radius:50%;border:.4cqw solid rgba(181,242,65,.6)}
.art-shop .ashop-ckc svg{position:absolute;left:2.1cqw;top:2.1cqw;width:6.4cqw;height:6.4cqw;fill:none;stroke:#0b2e5c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.art-shop .ashop-ckc path{stroke-dasharray:1}
.art-shop .ashop-tt{animation-name:art-shop-tt;left:0;top:12.9cqw;width:100%;font-size:4cqw;font-weight:800;line-height:1.2;text-align:center}
.art-shop .ashop-cf{left:43cqw;top:6.3cqw;width:0;height:0}
.art-shop .ashop-cf::before,.art-shop .ashop-cf::after{content:'';position:absolute;left:-1cqw;top:-.5cqw;width:2cqw;height:1cqw;border-radius:.25cqw;background:var(--c1);transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);animation-name:art-shop-cf}
.art-shop .ashop-cf::after{--x:var(--x2);--y:var(--y2);left:-.65cqw;top:-.65cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:var(--c2)}
.art-shop .ashop-cf:nth-child(3){--x:-22cqw;--y:0cqw;--x2:22cqw;--y2:1cqw;--r:35deg;--c1:#ff6b2b;--c2:#4285f4}
.art-shop .ashop-cf:nth-child(4){--x:-18.5cqw;--y:-4.8cqw;--x2:18.5cqw;--y2:-4.4cqw;--r:-50deg;--c1:#b5f241;--c2:#ff6b2b}
.art-shop .ashop-cf:nth-child(5){--x:-12.5cqw;--y:-6.2cqw;--x2:12cqw;--y2:-5.8cqw;--r:70deg;--c1:#4285f4;--c2:#9ad92a}
.art-shop .ashop-cf:nth-child(6){--x:-9cqw;--y:-5cqw;--x2:8.8cqw;--y2:-4.8cqw;--r:-20deg;--c1:#ffc83d;--c2:#4285f4}
.art-shop .ashop-cf:nth-child(7){--x:-16cqw;--y:4.5cqw;--x2:16.5cqw;--y2:4cqw;--r:120deg;--c1:#9ad92a;--c2:#ffc83d}
.art-shop .ashop-cf:nth-child(8){--x:-27cqw;--y:3cqw;--x2:27cqw;--y2:2.5cqw;--r:-75deg;--c1:#4285f4;--c2:#ff6b2b}
.art-shop .ashop-lab{animation-name:art-shop-lab;left:0;right:0;top:28.4cqw;width:max-content;height:5cqw;margin:0 auto;padding:0 2.6cqw 0 5.2cqw;border-radius:2.5cqw;background:#b5f241;color:#0b2e5c;font-size:3.3cqw;font-weight:800;line-height:5cqw;white-space:nowrap}
.art-shop .ashop-lab::before{content:'';position:absolute;left:2.2cqw;top:1.25cqw;width:.95cqw;height:1.9cqw;border:solid #0b2e5c;border-width:0 .45cqw .45cqw 0;transform:rotate(45deg)}

.art-shop .ashop-fly{animation-name:art-shop-fx;left:60cqw;top:19.8cqw;width:24cqw;height:24cqw;z-index:6;opacity:0}
.art-shop .ashop-fly svg{display:block;width:100%;height:100%}
.art-shop .ashop-cur{animation-name:art-shop-cur;left:0;top:0;width:4.6cqw;height:4.6cqw;z-index:8;opacity:0;transform:translate(88cqw,53cqw)}
.art-shop .ashop-cur svg{display:block;width:100%;height:100%;transform-origin:0 0}
.art-shop .ashop-cur::after{content:'';position:absolute;left:-2.4cqw;top:-2.4cqw;width:4.8cqw;height:4.8cqw;opacity:0;border-radius:50%;border:.4cqw solid rgba(255,255,255,.95);background:rgba(255,255,255,.3);transform:scale(0)}

.art-shop .ashop-cur svg{animation-name:art-shop-prs}
.art-shop .ashop-cur::after{animation-name:art-shop-rip}
.art-shop .ashop-fly svg{animation-name:art-shop-fy}
.art-shop .ashop-ckc::before{animation-name:art-shop-ring}
.art-shop .ashop-ckc path{animation-name:art-shop-ck}
@keyframes art-shop-cur{
0%{transform:translate(88cqw,53cqw);opacity:0}
3%{transform:translate(88cqw,53cqw);opacity:1}
13.5%,17.6%{transform:translate(33cqw,46.3cqw);opacity:1}
27%{transform:translate(55cqw,38cqw);opacity:1}
29.5%{transform:translate(58cqw,36cqw);opacity:0}
43%{transform:translate(84cqw,57cqw);opacity:0}
45%{transform:translate(84cqw,57cqw);opacity:1}
52%,59%{transform:translate(54cqw,53cqw);opacity:1}
62%{transform:translate(58cqw,54.5cqw);opacity:0}
62.5%,100%{transform:translate(88cqw,53cqw);opacity:0}}
@keyframes art-shop-prs{0%,14.6%{transform:scale(1)}15.6%{transform:scale(.8)}17.6%,53%{transform:scale(1)}54%{transform:scale(.8)}56%,100%{transform:scale(1)}}
@keyframes art-shop-rip{
0%,15%{opacity:0;transform:scale(0)}
15.4%{opacity:.95;transform:scale(.25)}
19.5%{opacity:0;transform:scale(1.8)}
53%{opacity:0;transform:scale(0)}
53.6%{opacity:.95;transform:scale(.25)}
58%{opacity:0;transform:scale(1.8)}
100%{opacity:0;transform:scale(0)}}
@keyframes art-shop-add{0%,14.6%{transform:scale(1)}16.2%{transform:scale(.92)}19%{transform:scale(1.03)}21%,100%{transform:scale(1)}}
@keyframes art-shop-fx{
0%,15.6%{opacity:0;transform:translateX(0) scale(1)}
16%{opacity:1;transform:translateX(0) scale(1);animation-timing-function:cubic-bezier(.3,.6,.4,1)}
21.5%{opacity:1;transform:translateX(19cqw) scale(.5);animation-timing-function:cubic-bezier(.4,0,.6,1)}
25.5%{opacity:1;transform:translateX(14.1cqw) scale(.26)}
26%,100%{opacity:0;transform:translateX(14.1cqw) scale(.26)}}
@keyframes art-shop-fy{
0%,15.6%{transform:translateY(0) rotate(0)}
16%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.2,.8,.4,1)}
18%{transform:translateY(-3.5cqw) rotate(-8deg);animation-timing-function:cubic-bezier(.35,0,.7,.8)}
25.5%,100%{transform:translateY(-23.6cqw) rotate(24deg)}}
@keyframes art-shop-cart{0%,25.5%{transform:scale(1) rotate(0)}28%{transform:scale(1.22) rotate(-10deg)}30.5%{transform:scale(.96) rotate(5deg)}32.5%,100%{transform:scale(1) rotate(0)}}
@keyframes art-shop-badge{0%,26%{transform:scale(0)}29.5%{transform:scale(1.5)}32.5%{transform:scale(.9)}34.5%,90.5%{transform:scale(1)}96%,100%{transform:scale(0)}}
@keyframes art-shop-dim{0%,39%{opacity:0}46%,91%{opacity:1}98%,100%{opacity:0}}
@keyframes art-shop-sheet{
0%{transform:translateY(108%)}
39.5%{transform:translateY(108%);animation-timing-function:cubic-bezier(.22,1.15,.36,1)}
47.5%,90.5%{transform:translateY(0)}
97%,100%{transform:translateY(108%)}}
@keyframes art-shop-pay{0%,53.6%{opacity:1;transform:scale(1)}54.8%{opacity:1;transform:scale(.95)}56.6%,63.5%{opacity:1;transform:scale(1)}65%,97%{opacity:0;transform:scale(.97)}98.5%,100%{opacity:1;transform:scale(1)}}
@keyframes art-shop-pl{0%,56%{opacity:1}57.5%,98%{opacity:0}100%{opacity:1}}
@keyframes art-shop-spin{0%,56%{opacity:0;transform:rotate(0)}57%{opacity:1;transform:rotate(0)}63.5%{opacity:1;transform:rotate(720deg)}64.5%,100%{opacity:0;transform:rotate(720deg)}}
@keyframes art-shop-ok{0%,63.5%{opacity:0}64.5%,97%{opacity:1}98.5%,100%{opacity:0}}
@keyframes art-shop-ckc{0%,63.5%{transform:scale(0)}67.5%{transform:scale(1.18)}70%{transform:scale(.96)}72%,100%{transform:scale(1)}}
@keyframes art-shop-ring{0%,66%{transform:scale(.75);opacity:0}69%{transform:scale(1.3);opacity:.85}73%,97%{transform:scale(1);opacity:.6}98.5%,100%{transform:scale(1);opacity:0}}
@keyframes art-shop-ck{0%,66%{stroke-dashoffset:1}71%,100%{stroke-dashoffset:0}}
@keyframes art-shop-tt{0%,67%{opacity:0;transform:translateY(1.2cqw)}71%,100%{opacity:1;transform:translateY(0)}}
@keyframes art-shop-lab{0%,71%{opacity:0;transform:scale(.6)}74.5%{opacity:1;transform:scale(1.07)}77%,91%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.6)}}
@keyframes art-shop-cf{
0%,63.5%{opacity:0;transform:translate(0,0) rotate(0) scale(.2)}
64%{opacity:1;transform:translate(0,0) rotate(0) scale(1);animation-timing-function:cubic-bezier(.1,.8,.3,1)}
74%,97%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}
98%,100%{opacity:0;transform:translate(0,0) rotate(0) scale(.2)}}

/* ── Prenotazioni online ─────────────────────────────── */
/* Prenotazioni online · il cliente prenota da solo · timeline unica 10s · stato base = scena completa */
.art-prenota{--art-bg-a:#16245a;--art-bg-b:#090d2b;--pop:cubic-bezier(.2,1.4,.4,1);--mv:cubic-bezier(.45,0,.2,1);--sh:0 1.5cqw 4cqw rgba(0,0,0,.35);--dm:translateY(1.2cqw) scale(.94);--hid:translateY(-16cqw) scale(.96)}
.art-prenota *{box-sizing:border-box;margin:0;padding:0;font-style:normal;font-family:inherit}
.art-prenota::before{content:'';position:absolute;inset:0;background:radial-gradient(34cqw 34cqw at 94% 6%,rgba(66,133,244,.34),transparent 70%),radial-gradient(30cqw 30cqw at 6% 104%,rgba(181,242,65,.13),transparent 70%),radial-gradient(rgba(255,255,255,.08) .2cqw,transparent .3cqw) 0 0/4cqw 4cqw}

/* calendario */
.art-prenota .aprenota-cal{position:absolute;left:4cqw;top:7cqw;padding:2.5cqw;border-radius:3cqw;background:#fff;display:grid;grid-template-columns:repeat(7,6cqw);grid-template-rows:6cqw 4.2cqw repeat(5,6.6cqw);color:#14141e;font-size:3.3cqw;font-weight:600;line-height:1}
.art-prenota .aprenota-cal,.art-prenota .aprenota-ok,.art-prenota .aprenota-ban{box-shadow:var(--sh)}
.art-prenota .aprenota-cal b{grid-column:1/-1;position:relative;display:grid;place-items:center;font-size:3.8cqw;font-weight:800}
.art-prenota .aprenota-cal b::before,.art-prenota .aprenota-cal b::after{position:absolute;top:.5cqw;width:5cqw;height:5cqw;border-radius:50%;background:#f3f4f8;color:#5a6375;font-size:4.2cqw;font-weight:700;line-height:4.6cqw;text-align:center}
.art-prenota .aprenota-cal b::before{content:'\2039';left:0}
.art-prenota .aprenota-cal b::after{content:'\203A';right:0}
.art-prenota .aprenota-cal i{display:grid;place-items:center;font-size:3cqw;font-weight:700;color:#8892a4}
.art-prenota .aprenota-cal span{position:relative;z-index:0;display:grid;place-items:center}
.art-prenota .aprenota-cal span:first-of-type{grid-column:4}
.art-prenota .aprenota-cal .aprenota-w{color:#a3abbb;font-weight:500}
.art-prenota .aprenota-cal .aprenota-x{color:#b9c0cd;font-weight:500;text-decoration:line-through;text-decoration-thickness:.3cqw}
.art-prenota .aprenota-cal .aprenota-on{color:#fff}
.art-prenota .aprenota-on::before,.art-prenota .aprenota-on::after{content:'';position:absolute;z-index:-1;inset:0;margin:auto;width:5.6cqw;height:5.6cqw;border-radius:50%}
.art-prenota .aprenota-on::before{background:#4285F4;box-shadow:0 .6cqw 1.6cqw rgba(66,133,244,.5)}
.art-prenota .aprenota-on::after{border:.35cqw solid #b5f241;opacity:0}

/* orari e conferma */
.art-prenota .aprenota-lbl{position:absolute;left:55cqw;top:12.9cqw;font-size:3.1cqw;font-weight:600;line-height:3cqw;color:rgba(255,255,255,.78)}
.art-prenota .aprenota-slots{position:absolute;left:55cqw;top:16.8cqw;width:41cqw;display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw}
.art-prenota .aprenota-c{position:relative;z-index:0;height:6cqw;border-radius:3cqw;display:grid;place-items:center;font-size:3.4cqw;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.14);border:.25cqw solid rgba(255,255,255,.3)}
.art-prenota .aprenota-c:nth-child(3)::before{content:'';position:absolute;z-index:-1;inset:-.25cqw;border-radius:inherit;background:#ff6b2b;box-shadow:0 1cqw 2.4cqw rgba(255,107,43,.45)}
.art-prenota .aprenota-btn{position:absolute;z-index:0;left:55cqw;top:32.2cqw;width:41cqw;height:5.8cqw;border-radius:2.9cqw;background:#4285F4;box-shadow:0 1cqw 2.4cqw rgba(0,0,0,.3);display:grid;place-items:center;font-size:3.4cqw;font-weight:800;color:#0b2e5c}
.art-prenota .aprenota-btn::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:#b5f241}

/* scheda di conferma */
.art-prenota .aprenota-ghost{position:absolute;left:55cqw;top:40cqw;width:41cqw;height:19.7cqw;border-radius:2.8cqw;border:.3cqw dashed rgba(255,255,255,.22);display:grid;place-items:center;font-size:3.1cqw;font-weight:600;color:rgba(255,255,255,.42);opacity:0}
.art-prenota .aprenota-ghost.aprenota-gb{top:2.8cqw;height:8.6cqw;border-radius:2.6cqw}
.art-prenota .aprenota-ok{position:absolute;left:55cqw;top:40cqw;width:41cqw;height:19.7cqw;border-radius:2.8cqw;background:#fff}
.art-prenota .aprenota-chk{position:absolute;left:2.2cqw;top:2.2cqw;width:8.4cqw;height:8.4cqw;border-radius:50%;background:#b5f241;display:grid;place-items:center}
.art-prenota .aprenota-chk::after{content:'';position:absolute;inset:0;border-radius:50%;border:.4cqw solid #7cb800;opacity:0}
.art-prenota .aprenota-chk svg{width:5.4cqw;height:5.4cqw;stroke-dasharray:1 2}
.art-prenota .aprenota-ot{position:absolute;left:11.8cqw;top:2.7cqw;width:27cqw;font-size:3.3cqw;line-height:1.2;font-weight:800;color:#14141e}
.art-prenota .aprenota-p1,.art-prenota .aprenota-p2{position:absolute;top:12.6cqw;height:4.8cqw;border-radius:2.4cqw;display:grid;place-items:center;font-size:3.1cqw;font-weight:800;font-variant-numeric:tabular-nums}
.art-prenota .aprenota-p1{left:2.2cqw;width:20cqw;background:#e3edfd;color:#0d47a1}
.art-prenota .aprenota-p2{left:24.6cqw;width:12.6cqw;background:#ff6b2b;color:#fff}

/* notifica */
.art-prenota .aprenota-ban{position:absolute;left:55cqw;top:2.8cqw;width:41cqw;height:8.6cqw;border-radius:2.6cqw;background:#fff}
.art-prenota .aprenota-tile{position:absolute;left:1.4cqw;top:1.4cqw;width:5.8cqw;height:5.8cqw;border-radius:1.8cqw;background:linear-gradient(135deg,#4285F4,#0d47a1);display:grid;place-items:center}
.art-prenota .aprenota-tile::after{content:'';position:absolute;right:-.7cqw;top:-.7cqw;width:2cqw;height:2cqw;border-radius:50%;background:#ff6b2b;border:.3cqw solid #fff}
.art-prenota .aprenota-bell{width:3.7cqw;height:3.7cqw;transform-origin:50% 12%}
.art-prenota .aprenota-bt,.art-prenota .aprenota-bs{position:absolute;left:8.9cqw;font-size:3.1cqw;line-height:1.15;font-weight:800;color:#14141e;white-space:nowrap}
.art-prenota .aprenota-bt{top:1.8cqw}
.art-prenota .aprenota-bs{top:5cqw;font-size:3cqw;font-weight:500;color:#5a6375}

/* cursore */
.art-prenota .aprenota-cur{position:absolute;left:0;top:0;width:4.6cqw;height:5.6cqw;opacity:0;translate:41cqw 52cqw}
.art-prenota .aprenota-cur svg{position:absolute;left:-.5cqw;top:-.4cqw;width:4.6cqw;height:5.6cqw;transform-origin:11% 7%;filter:drop-shadow(0 .4cqw .6cqw rgba(0,0,0,.4))}
.art-prenota .aprenota-cur::after{content:'';position:absolute;left:-2.6cqw;top:-2.6cqw;width:5.2cqw;height:5.2cqw;border-radius:50%;border:.35cqw solid #4285F4;background:rgba(66,133,244,.22);opacity:0;transform:scale(.3)}

/* timeline unica 10s: stessa durata per tutto, nessun ritardo */
.art-prenota *,.art-prenota ::before,.art-prenota ::after{animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.art-prenota .aprenota-cur{animation-name:art-prenota-cur}
.art-prenota .aprenota-cur svg{animation-name:art-prenota-prs}
.art-prenota .aprenota-cur::after{animation-name:art-prenota-rip}
.art-prenota .aprenota-on{animation-name:art-prenota-seln}
.art-prenota .aprenota-on::before{animation-name:art-prenota-selc}
.art-prenota .aprenota-on::after{animation-name:art-prenota-selr}
.art-prenota .aprenota-lbl{animation-name:art-prenota-lbl}
.art-prenota .aprenota-c:nth-child(1){animation-name:art-prenota-c1}
.art-prenota .aprenota-c:nth-child(2){animation-name:art-prenota-c2}
.art-prenota .aprenota-c:nth-child(3){animation-name:art-prenota-c3}
.art-prenota .aprenota-c:nth-child(3)::before{animation-name:art-prenota-sel3}
.art-prenota .aprenota-c:nth-child(4){animation-name:art-prenota-c4}
.art-prenota .aprenota-btn{animation-name:art-prenota-btn}
.art-prenota .aprenota-btn::before{animation-name:art-prenota-lime}
.art-prenota .aprenota-ghost{animation-name:art-prenota-ghost}
.art-prenota .aprenota-gb{animation-name:art-prenota-gb}
.art-prenota .aprenota-ok{animation-name:art-prenota-ok}
.art-prenota .aprenota-chk{animation-name:art-prenota-chk}
.art-prenota .aprenota-chk::after{animation-name:art-prenota-ring}
.art-prenota .aprenota-chk svg{animation-name:art-prenota-tick}
.art-prenota .aprenota-p2{animation-name:art-prenota-p2}
.art-prenota .aprenota-ban{animation-name:art-prenota-ban}
.art-prenota .aprenota-bell{animation-name:art-prenota-bell}
.art-prenota .aprenota-tile::after{animation-name:art-prenota-dot}

/* cursore: entra, sceglie il giorno, poi l'orario, poi Conferma, esce */
@keyframes art-prenota-cur{
0%,3%{opacity:0;translate:41cqw 52cqw}
5%{opacity:1;translate:41cqw 52cqw;animation-timing-function:var(--mv)}
15.5%,31%{translate:29.6cqw 44.6cqw;animation-timing-function:var(--mv)}
40%,47%{translate:73cqw 29.2cqw;animation-timing-function:var(--mv)}
52.4%,58%{opacity:1;translate:82cqw 35.8cqw}
62%,99%{opacity:0;translate:88cqw 40cqw}
100%{opacity:0;translate:41cqw 52cqw}}
@keyframes art-prenota-prs{
0%,16.8%,19%,41.2%,43.4%,53.4%,55.6%,100%{transform:scale(1)}
17.4%,41.8%,54%{transform:scale(.84)}}
@keyframes art-prenota-rip{
0%,17.2%,21.6%,41.6%,45.6%,53.9%,100%{opacity:0;transform:scale(.3)}
17.5%,41.9%,54.2%{opacity:.95;transform:scale(.3)}
21.5%,45.5%,58.2%{opacity:0;transform:scale(1.5)}}

/* giorno scelto: cerchio blu che si espande dietro il numero + anello lime */
@keyframes art-prenota-selc{
0%,17.3%{transform:scale(0);animation-timing-function:var(--pop)}
21.5%{transform:scale(1)}
90%{transform:scale(1);animation-timing-function:ease-in}
94.5%,100%{transform:scale(0)}}
@keyframes art-prenota-selr{
0%,17.3%{opacity:0;transform:scale(.9)}
18%{opacity:.9;transform:scale(.9)}
24%,100%{opacity:0;transform:scale(2)}}
@keyframes art-prenota-seln{0%,17.4%,94.5%,100%{color:#14141e}19.2%,92%{color:#fff}}
@keyframes art-prenota-lbl{0%,21%,99%,100%{opacity:.35}27%,94%{opacity:1}}

/* fasce orarie a cascata, poi 15:00 diventa arancio */
@keyframes art-prenota-c1{0%,23%{opacity:.3;transform:var(--dm);animation-timing-function:var(--pop)}27%,90%{opacity:1;transform:none}97%,100%{opacity:.3;transform:var(--dm)}}
@keyframes art-prenota-c2{0%,25%{opacity:.3;transform:var(--dm);animation-timing-function:var(--pop)}29%,90%{opacity:1;transform:none}97%,100%{opacity:.3;transform:var(--dm)}}
@keyframes art-prenota-c4{0%,29%{opacity:.3;transform:var(--dm);animation-timing-function:var(--pop)}33%,90%{opacity:1;transform:none}97%,100%{opacity:.3;transform:var(--dm)}}
@keyframes art-prenota-c3{
0%,27%{opacity:.3;transform:var(--dm);animation-timing-function:var(--pop)}
31%,41.2%{opacity:1;transform:none;animation-timing-function:ease-in}
42.4%{opacity:1;transform:scale(.92);animation-timing-function:var(--pop)}
45%{opacity:1;transform:scale(1.06)}
47.4%,90%{opacity:1;transform:none}
97%,100%{opacity:.3;transform:var(--dm)}}
@keyframes art-prenota-sel3{0%,42.4%,96%,100%{opacity:0}44.5%,90%{opacity:1}}

/* Conferma: si attiva, viene premuto, diventa lime */
@keyframes art-prenota-btn{
0%,30%{opacity:.28;transform:none;color:#fff}
34%,45%{opacity:.55}
48.6%,53.2%{opacity:1;transform:none;color:#fff;animation-timing-function:ease-in}
54.4%{opacity:1;transform:scale(.93);animation-timing-function:var(--pop)}
57%{transform:scale(1.03)}
59%,90%{opacity:1;transform:none;color:#0b2e5c}
97%,100%{opacity:.28;transform:none;color:#fff}}
@keyframes art-prenota-lime{0%,55.5%,97%,100%{opacity:0}58%,90%{opacity:1}}

/* segnaposto: visibili finche' non arrivano scheda e notifica */
@keyframes art-prenota-ghost{0%,55%,100%{opacity:1}59%,96%{opacity:0}}
@keyframes art-prenota-gb{0%,60%,100%{opacity:1}64%,96%{opacity:0}}

/* scheda: pop, check che si disegna, anello, pillola */
@keyframes art-prenota-ok{
0%,55%{opacity:0;transform:translateY(2.4cqw) scale(.86);animation-timing-function:var(--pop)}
60.5%{opacity:1;transform:none}
90%{opacity:1;transform:none;animation-timing-function:ease-in}
96%{opacity:0;transform:translateY(1cqw) scale(.94)}
100%{opacity:0;transform:translateY(2.4cqw) scale(.86)}}
@keyframes art-prenota-chk{0%,57%{transform:scale(0);animation-timing-function:var(--pop)}62%,96%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes art-prenota-ring{0%,59%{opacity:0;transform:scale(1)}60%{opacity:.9}67%,100%{opacity:0;transform:scale(1.6)}}
@keyframes art-prenota-tick{0%,59%,100%{stroke-dashoffset:1.2}63.5%,96%{stroke-dashoffset:0}}
@keyframes art-prenota-p2{0%,60.5%,100%{opacity:0;transform:translateY(1cqw) scale(.7);animation-timing-function:var(--pop)}65%,96%{opacity:1;transform:none}}

/* notifica "Promemoria inviato": scivola dentro, la campanella vibra */
@keyframes art-prenota-ban{
0%,62%{opacity:0;transform:var(--hid);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
68%{opacity:1;transform:none}
90%{opacity:1;transform:none;animation-timing-function:ease-in}
95%{opacity:1;transform:var(--hid)}
95.1%,100%{opacity:0;transform:var(--hid)}}
@keyframes art-prenota-bell{0%,67%,75.4%,100%{transform:rotate(0)}68.2%{transform:rotate(22deg)}69.4%{transform:rotate(-19deg)}70.6%{transform:rotate(14deg)}71.8%{transform:rotate(-10deg)}73%{transform:rotate(6deg)}74.2%{transform:rotate(-3deg)}}
@keyframes art-prenota-dot{0%,66%,95%,100%{transform:scale(0);animation-timing-function:var(--pop)}69%,90%{transform:scale(1)}}

/* ── Applicazioni web e PWA ─────────────────────────────── */
/* app: timeline 10s - 0-8 Home col buco; 8-22 icona cade; 40-47 push; 41-53 portale; 48-55 badge; 55-90 finale; 90-100 reset */
.art-app{--navy:#0b2e5c;--or:#ff7a1a;--lime:#b5f241;--ink:#14141e;--mut:#5a6375;--art-bg-a:#16245a;--art-bg-b:#090e2c}
.art-app *,.art-app *::before,.art-app *::after{box-sizing:border-box;margin:0}
.art-app i,.art-app b{font-style:normal;display:block}
.art-app b{font-weight:800}
.art-app::before{content:'';position:absolute;left:-12cqw;top:-18cqw;width:78cqw;height:78cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(66,133,244,.38),rgba(66,133,244,0))}
.art-app .aapp-orb{position:absolute;left:52cqw;top:0;width:48cqw;height:62.5cqw;background:radial-gradient(closest-side at 62% 52%,rgba(255,122,26,.2),rgba(255,122,26,0)),radial-gradient(rgba(255,255,255,.13) .22cqw,transparent .3cqw) 0 0 / 4cqw 4cqw;-webkit-mask-image:radial-gradient(closest-side at 55% 50%,#000 40%,transparent);mask-image:radial-gradient(closest-side at 55% 50%,#000 40%,transparent)}
.art-app .aapp-phone{position:absolute;left:4cqw;top:2.8cqw;width:46cqw;height:70cqw;padding:1.2cqw;border-radius:6.4cqw;background:#0a0c18;box-shadow:0 2cqw 5cqw rgba(0,0,0,.45),inset 0 0 0 .3cqw #2e3456;transform-origin:50% 60%;animation-name:art-app-buzz}
.art-app .aapp-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5.2cqw;background:radial-gradient(70% 38% at 85% 6%,rgba(255,255,255,.2),rgba(255,255,255,0)),linear-gradient(172deg,#5079dd 0%,#3250b4 52%,#1f2f82 100%)}
.art-app .aapp-isl{position:absolute;left:calc(50% - 5cqw);top:1.3cqw;width:10cqw;height:2.8cqw;border-radius:1.4cqw;background:#05060d;z-index:3}
.art-app .aapp-sb{position:absolute;left:4.2cqw;top:1.8cqw;width:5cqw;height:1.1cqw;border-radius:.6cqw;background:rgba(255,255,255,.85)}
.art-app .aapp-sb::after{content:'';position:absolute;left:29.4cqw;top:-.1cqw;width:5.6cqw;height:1.3cqw;border-radius:.65cqw;background:rgba(255,255,255,.85)}
.art-app .aapp-grid{position:absolute;left:2.2cqw;right:2.2cqw;top:6.8cqw;display:grid;grid-template-columns:repeat(4,1fr);row-gap:5cqw}
.art-app .aapp-grid i,.art-app .aapp-dock i{position:relative;justify-self:center;width:7.8cqw;height:7.8cqw;border-radius:2.1cqw;background:var(--c,#fff);box-shadow:0 .5cqw 1.2cqw rgba(5,10,40,.22)}
.art-app .aapp-grid i::before,.art-app .aapp-dock i::before{content:'';position:absolute;inset:27%;border-radius:var(--gr,50%);background:var(--gl,rgba(255,255,255,.92))}
.art-app .aapp-grid i::after{content:'';position:absolute;left:50%;top:calc(100% + 1.2cqw);width:3.4cqw;height:.9cqw;margin-left:-1.7cqw;border-radius:.5cqw;background:rgba(255,255,255,.55)}
.art-app .aapp-grid i:nth-child(1){--c:#f2f4fa;--gl:#4a6fe0;--gr:50%}
.art-app .aapp-grid i:nth-child(2){--c:#f2b441;--gr:.9cqw}
.art-app .aapp-grid i:nth-child(3){--c:#4dc3a0;--gr:50%}
.art-app .aapp-grid i:nth-child(4){--c:#8b7cf6;--gr:.9cqw}
.art-app .aapp-grid i:nth-child(5){--c:#ef6b73;--gr:50%}
.art-app .aapp-grid i:nth-child(6){--c:#46b6e8;--gr:.9cqw}
.art-app .aapp-grid i:nth-child(8){--c:#e9edf5;--gl:#6b7690;--gr:.9cqw}
.art-app .aapp-grid i:nth-child(9){--c:#7c8cab;--gr:50%}
.art-app .aapp-grid i:nth-child(10){--c:#2ea8a0;--gr:.9cqw}
.art-app .aapp-grid i:nth-child(11){--c:#c39bf0;--gr:50%}
.art-app .aapp-grid i:nth-child(12){--c:#b7c0d6;--gr:.9cqw}
.art-app .aapp-grid .aapp-hole{background:rgba(8,14,52,.26);box-shadow:inset 0 .3cqw .9cqw rgba(0,0,0,.3);transform:scale(.94)}
.art-app .aapp-grid .aapp-hole::before,.art-app .aapp-grid .aapp-hole::after{display:none}
.art-app .aapp-dock{position:absolute;left:2.2cqw;right:2.2cqw;top:44.2cqw;height:10.6cqw;border-radius:3.6cqw;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:rgba(255,255,255,.22)}
.art-app .aapp-dock i:nth-child(1){--c:#5ec27a;--gr:.9cqw}
.art-app .aapp-dock i:nth-child(2){--c:#f2f4fa;--gl:#ef6b73;--gr:50%}
.art-app .aapp-dock i:nth-child(3){--c:#f2b441;--gr:50%}
.art-app .aapp-dock i:nth-child(4){--c:#8b7cf6;--gr:.9cqw}
.art-app .aapp-notif{position:absolute;left:1cqw;right:1cqw;top:5.2cqw;height:10.2cqw;z-index:4;border-radius:3cqw;background:rgba(255,255,255,.97);box-shadow:0 1cqw 3cqw rgba(5,10,40,.38);animation-name:art-app-notif}
.art-app .aapp-ni{position:absolute;left:1.4cqw;top:2.5cqw;width:5.2cqw;height:5.2cqw;border-radius:1.4cqw;background:var(--navy);font-size:3cqw;line-height:5.2cqw;font-weight:800;letter-spacing:-.04em;text-align:center;color:#fff}
.art-app .aapp-ni b,.art-app .aapp-app b{display:inline;color:var(--or)}
.art-app .aapp-nt{position:absolute;left:8.2cqw;top:1.5cqw;font-size:3.2cqw;line-height:3.9cqw;font-weight:700;color:var(--ink);white-space:nowrap}
.art-app .aapp-ns{position:absolute;left:8.2cqw;top:5.2cqw;font-size:3cqw;line-height:3.6cqw;font-weight:500;letter-spacing:-.012em;color:var(--mut);white-space:nowrap}
.art-app .aapp-new{position:absolute;left:23.8cqw;top:20.8cqw;width:7.8cqw;height:7.8cqw;z-index:5;transform-origin:50% 100%;animation-name:art-app-drop}
.art-app .aapp-app{position:absolute;inset:0;border-radius:2.1cqw;background:var(--navy);box-shadow:0 .6cqw 1.4cqw rgba(0,0,0,.35);font-size:4.2cqw;line-height:7.8cqw;font-weight:800;letter-spacing:-.05em;text-align:center;color:#fff}
.art-app .aapp-lab{position:absolute;left:-3.1cqw;top:calc(100% + .5cqw);width:14cqw;text-align:center;white-space:nowrap;font-size:3cqw;line-height:3.2cqw;font-weight:500;letter-spacing:-.01em;color:#fff;text-shadow:0 .2cqw .7cqw rgba(8,14,52,.55);animation-name:art-app-lab}
.art-app .aapp-badge{position:absolute;right:-1.7cqw;top:-1.7cqw;width:4.4cqw;height:4.4cqw;border-radius:50%;background:#ff6b2b;border:.35cqw solid #fff;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.3);font-size:3cqw;line-height:3.7cqw;font-weight:800;text-align:center;color:#fff;animation-name:art-app-badge}
.art-app .aapp-ring{position:absolute;inset:-.6cqw;border-radius:2.7cqw;border:.35cqw solid rgba(255,255,255,.8);opacity:0;animation-name:art-app-ring}
.art-app .aapp-sp1,.art-app .aapp-sp2,.art-app .aapp-sp3{position:absolute;opacity:0;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.art-app .aapp-sp1{left:-3.6cqw;top:-3.2cqw;width:3cqw;height:3cqw;background:var(--lime);animation-name:art-app-sa}
.art-app .aapp-sp2{right:-4.4cqw;top:-2.6cqw;width:3.8cqw;height:3.8cqw;animation-name:art-app-sb}
.art-app .aapp-sp3{right:-3.8cqw;bottom:.2cqw;width:2.4cqw;height:2.4cqw;background:var(--lime);animation-name:art-app-sa}
.art-app .aapp-portal{position:absolute;left:56cqw;top:9.8cqw;width:40cqw;height:42.8cqw;overflow:hidden;border-radius:2.8cqw;background:#fff;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.35)}
.art-app .aapp-tb{position:absolute;left:0;right:0;top:0;height:6.2cqw;background:#f3f4f8;border-bottom:.2cqw solid #e8eaf0}
.art-app .aapp-dots{position:absolute;left:2.2cqw;top:2.45cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#c9cfdb;box-shadow:2cqw 0 0 #c9cfdb,4cqw 0 0 #c9cfdb}
.art-app .aapp-tt{position:absolute;left:9.4cqw;top:0;font-size:3cqw;line-height:6.2cqw;font-weight:600;color:var(--ink)}
.art-app .aapp-chart{position:absolute;left:2.6cqw;top:8.6cqw;width:14cqw;height:13cqw;border-bottom:.3cqw solid #e0e3ec}
.art-app .aapp-chart i{position:absolute;bottom:0;width:3.4cqw;border-radius:.9cqw .9cqw 0 0;background:#4285f4}
.art-app .aapp-b1{left:.5cqw;height:6.4cqw;opacity:.5}
.art-app .aapp-b2{left:5.3cqw;height:9cqw;opacity:.75}
.art-app .aapp-chart .aapp-b3{left:10.1cqw;height:11.6cqw;opacity:1;background:var(--lime);transform-origin:50% 100%;animation-name:art-app-bar}
.art-app .aapp-cnt{position:absolute;left:20.2cqw;top:8.6cqw;width:18.4cqw;height:13cqw}
.art-app .aapp-cl{position:absolute;left:0;top:.6cqw;font-size:3cqw;line-height:3.2cqw;font-weight:600;color:var(--mut)}
.art-app .aapp-num{position:absolute;left:0;top:4.2cqw;width:11cqw;height:8.6cqw;overflow:hidden}
.art-app .aapp-num b{position:absolute;left:0;top:0;font-size:8.2cqw;line-height:8.6cqw;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.art-app .aapp-n11{opacity:0;transform:translateY(-6cqw);animation-name:art-app-n11}
.art-app .aapp-n12{;animation-name:art-app-n12}
.art-app .aapp-plus{position:absolute;left:12cqw;top:5.8cqw;width:5.6cqw;height:4cqw;border-radius:2cqw;background:var(--lime);font-size:3cqw;line-height:4cqw;font-weight:800;text-align:center;color:var(--ink);animation-name:art-app-plus}
.art-app .aapp-list{position:absolute;left:2.2cqw;right:2.2cqw;top:23.2cqw;height:17.6cqw}
.art-app .aapp-row{position:absolute;left:0;right:0;height:5.2cqw;border-radius:1.6cqw;background:#f3f4f8}
.art-app .aapp-r1{top:0;background:#ecfacb;box-shadow:inset 0 0 0 .25cqw rgba(181,242,65,.95);animation-name:art-app-r1}
.art-app .aapp-r2{top:6.2cqw;animation-name:art-app-r2}
.art-app .aapp-r3{top:12.4cqw;animation-name:art-app-r2}
.art-app .aapp-r4{top:12.4cqw;opacity:0;animation-name:art-app-r4}
.art-app .aapp-av{position:absolute;left:1.3cqw;top:1.1cqw;width:3cqw;height:3cqw;border-radius:50%;background:#c9cfdb}
.art-app .aapp-r1 .aapp-av{background:var(--lime)}
.art-app .aapp-ln{position:absolute;left:5.6cqw;top:1.3cqw;width:10cqw;height:1cqw;border-radius:.5cqw;background:#9aa3b5}
.art-app .aapp-ln::after{content:'';position:absolute;left:0;top:1.7cqw;width:6.4cqw;height:.9cqw;border-radius:.5cqw;background:#d4d9e4}
.art-app .aapp-pr{position:absolute;right:1.5cqw;top:0;font-size:3.2cqw;line-height:5.2cqw;font-weight:800;color:var(--ink)}
.art-app .aapp-pr0{position:absolute;right:1.5cqw;top:2.05cqw;width:5cqw;height:1.1cqw;border-radius:.55cqw;background:#c9cfdb}
.art-app [class*=aapp-]{animation-duration:10s;animation-iteration-count:infinite}
@keyframes art-app-drop{0%,8%{opacity:0;transform:translateY(-30cqw) rotate(-14deg) scale(1,1);animation-timing-function:cubic-bezier(.5,0,.85,.5)}
9%{opacity:1;transform:translateY(-26cqw) rotate(-12deg) scale(1,1);animation-timing-function:cubic-bezier(.5,0,.85,.5)}
14%{opacity:1;transform:translateY(0) rotate(0deg) scale(1.14,.82);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
16.5%{opacity:1;transform:translateY(-3.2cqw) rotate(0deg) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.9,.5)}
19%{opacity:1;transform:translateY(0) rotate(0deg) scale(1.07,.92);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
20.5%{opacity:1;transform:translateY(-.9cqw) rotate(0deg) scale(1,1);animation-timing-function:cubic-bezier(.6,0,.9,.5)}
22%,90%{opacity:1;transform:translateY(0) rotate(0deg) scale(1,1);animation-timing-function:ease-in}
94%{opacity:0;transform:translateY(1cqw) rotate(0deg) scale(.6,.6)}
100%{opacity:0;transform:translateY(-30cqw) rotate(-14deg) scale(1,1)}
}
@keyframes art-app-ring{0%,14%{opacity:0;transform:scale(.9);animation-timing-function:cubic-bezier(.1,.6,.3,1)}
14.5%{opacity:.75;transform:scale(.95);animation-timing-function:cubic-bezier(.1,.6,.3,1)}
25%,100%{opacity:0;transform:scale(2)}
}
@keyframes art-app-sa{0%,14.5%{opacity:0;transform:scale(0) rotate(0deg)}
17.5%{opacity:1;transform:scale(1.2) rotate(40deg)}
23%,100%{opacity:0;transform:scale(0) rotate(100deg)}
}
@keyframes art-app-sb{0%,16%{opacity:0;transform:scale(0) rotate(0deg)}
19.5%{opacity:1;transform:scale(1) rotate(-35deg)}
25%,100%{opacity:0;transform:scale(0) rotate(-90deg)}
}
@keyframes art-app-lab{0%,19%{opacity:0;transform:translateY(-1cqw)}
25%,90%{opacity:1;transform:translateY(0)}
94%,100%{opacity:0;transform:translateY(-1cqw)}
}
@keyframes art-app-buzz{0%,40%{transform:translate(0,0) rotate(0deg)}
41.2%{transform:translate(-.4cqw,0) rotate(-.45deg)}
42.4%{transform:translate(.4cqw,0) rotate(.45deg)}
43.6%{transform:translate(-.3cqw,0) rotate(-.3deg)}
44.8%{transform:translate(.2cqw,0) rotate(.2deg)}
46%,100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes art-app-notif{0%,40%{opacity:0;transform:translateY(-17cqw) scale(.97);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
47%{opacity:1;transform:translateY(0) scale(1)}
90%{opacity:1;transform:translateY(0) scale(1);animation-timing-function:ease-in}
95%,100%{opacity:0;transform:translateY(-17cqw) scale(.97)}
}
@keyframes art-app-badge{0%,48%{opacity:0;transform:scale(0)}
49%{opacity:1;transform:scale(.4)}
51.5%{opacity:1;transform:scale(1.4)}
54%{opacity:1;transform:scale(.92)}
55.5%,90%{opacity:1;transform:scale(1)}
93%,100%{opacity:0;transform:scale(0)}
}
@keyframes art-app-bar{0%,41%{transform:scaleY(.58);background-color:#4285f4;animation-timing-function:cubic-bezier(.2,1.35,.4,1)}
48%,90%{transform:scaleY(1);background-color:#b5f241;animation-timing-function:ease-in-out}
95%,100%{transform:scaleY(.58);background-color:#4285f4}
}
@keyframes art-app-n11{0%,42%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.3,1.1,.5,1)}
47%,91%{opacity:0;transform:translateY(-6cqw);animation-timing-function:cubic-bezier(.3,1.1,.5,1)}
96%,100%{opacity:1;transform:translateY(0)}
}
@keyframes art-app-n12{0%,42%{opacity:0;transform:translateY(6cqw);animation-timing-function:cubic-bezier(.3,1.1,.5,1)}
47%,91%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.3,1.1,.5,1)}
96%,100%{opacity:0;transform:translateY(6cqw)}
}
@keyframes art-app-plus{0%,48%{opacity:0;transform:scale(.3)}
50.5%{opacity:1;transform:scale(1.2)}
53%,90%{opacity:1;transform:scale(1)}
94%,100%{opacity:0;transform:scale(.3)}
}
@keyframes art-app-r1{0%,46%{opacity:0;transform:translateY(-2.4cqw) scale(.96);background-color:#d6f885;animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
52%{opacity:1;transform:translateY(0) scale(1);background-color:#d6f885;animation-timing-function:ease-out}
60%,90%{opacity:1;transform:translateY(0) scale(1);background-color:#ecfacb;animation-timing-function:ease-in}
94%,100%{opacity:0;transform:translateY(-2.6cqw) scale(.96);background-color:#ecfacb}
}
@keyframes art-app-r2{0%,46%{transform:translateY(-6.2cqw);animation-timing-function:cubic-bezier(.2,1.2,.4,1)}
53%,90%{transform:translateY(0);animation-timing-function:ease-in-out}
95%,100%{transform:translateY(-6.2cqw)}
}
@keyframes art-app-r4{0%,46%{opacity:1;transform:translateY(0);animation-timing-function:ease-in}
48.5%,91%{opacity:0;transform:translateY(3cqw)}
96%,100%{opacity:1;transform:translateY(0)}
}

/* ── Restyling del brand ─────────────────────────────── */
/* Restyling del brand. Timeline 10s: PRIMA 0-16%, la linea svela il DOPO 16-50%, DOPO completo 50-88% (stato base, sbirciata del PRIMA a destra), ritorno 88-100% */
 .art-restyling{--art-bg-a:#17286a;--art-bg-b:#0a1030;--ser:Georgia,'Times New Roman',Times,serif}
.art-restyling::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.08) 0 .14cqw,transparent .2cqw) 0 0 / 3cqw 3cqw,radial-gradient(42cqw 30cqw at 92% 104%,rgba(255,122,26,.26),transparent 72%),radial-gradient(46cqw 32cqw at 4% -4%,rgba(66,133,244,.30),transparent 72%)}
.art-restyling *::before,.art-restyling *::after{content:'';position:absolute}
.art-restyling *,.art-restyling *::before,.art-restyling *::after{box-sizing:border-box;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}
.art-restyling b,.art-restyling i,.art-restyling u{font:inherit;font-style:normal;font-weight:inherit;text-decoration:none}
.art-restyling .arestyling-board{position:absolute;left:3cqw;top:4cqw;width:94cqw;height:54.5cqw;border-radius:3cqw;background:#d9d1b9;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.38)}
.art-restyling .arestyling-old,.art-restyling .arestyling-new{position:absolute;inset:0;border-radius:3cqw;overflow:hidden}
.art-restyling .arestyling-board *{position:absolute;display:block}
.art-restyling .arestyling-old{background:repeating-linear-gradient(135deg,rgba(90,74,42,.06) 0 .5cqw,transparent .5cqw 1.1cqw),linear-gradient(160deg,#ddd5bd,#c6c0a2);font-family:Georgia,'Times New Roman',Times,serif}
.art-restyling .arestyling-pill{top:2.8cqw;height:5cqw;padding:0 1.4cqw;border-radius:2.5cqw;font:700 3cqw/5cqw Inter,-apple-system,'Segoe UI',Roboto,sans-serif;white-space:nowrap;z-index:3;transform-origin:0 50%}
.art-restyling .arestyling-pill-old{right:1.6cqw;background:#6b6f58;color:#ece4cd;font-family:var(--ser);letter-spacing:.02em}
.art-restyling .arestyling-olog{left:3cqw;top:10.5cqw;width:34.5cqw;height:21.5cqw;background:#efe8d2;border:.45cqw solid #6e5f3c;border-radius:.7cqw;transform:rotate(-1deg);box-shadow:inset 0 0 0 .5cqw #efe8d2,inset 0 0 0 .8cqw #8c9684,.6cqw .6cqw 0 rgba(70,60,35,.35)}
.art-restyling .arestyling-olog svg{left:2.6cqw;top:2.1cqw;width:9cqw;height:10.4cqw}
.art-restyling .arestyling-olog b{left:13.2cqw;top:3.4cqw;font:700 4cqw/1.15 var(--ser);color:#5a4a2a;white-space:nowrap;text-shadow:.2cqw .2cqw 0 #fff,.45cqw .45cqw 0 rgba(140,150,132,.75)}
.art-restyling .arestyling-olog u{left:1.7cqw;right:1.7cqw;bottom:1.7cqw;height:4cqw;background:#8c9684;color:#f4eedb;font:italic 3cqw/4cqw var(--ser);text-align:center;white-space:nowrap;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%)}
.art-restyling .arestyling-oaa{left:40cqw;top:11cqw;width:16.5cqw;height:21cqw;padding-top:2cqw;text-align:center;background:#efe8d2;border:.3cqw dashed #8c9684;border-radius:.5cqw;transform:rotate(2.5deg);font:italic 700 9cqw/1.1 var(--ser);color:#6e5f3c;text-shadow:.3cqw .3cqw 0 #fff,.6cqw .6cqw 0 rgba(140,150,132,.6)}
.art-restyling .arestyling-oaa::before{left:2cqw;top:13.8cqw;width:11cqw;height:.5cqw;background:#8c9684;box-shadow:0 1.6cqw 0 #b3ae90,0 3.2cqw 0 #8c9684}
.art-restyling .arestyling-oico{left:59.5cqw;top:10.5cqw;width:13cqw;height:13cqw;border-radius:1.4cqw;transform:rotate(3deg);background:linear-gradient(#b4bda5,#6f7a62);border:.35cqw solid #4a4636;box-shadow:.4cqw .5cqw 0 rgba(0,0,0,.3),inset 0 .5cqw 0 rgba(255,255,255,.45)}
.art-restyling .arestyling-oico i{left:3cqw;top:3cqw;width:6cqw;height:6cqw;border-radius:50%;border:.3cqw solid #6e5f3c;background:radial-gradient(circle at 35% 30%,#f1e6b4,#b39b4f)}
.art-restyling .arestyling-obtn{left:59cqw;top:26.5cqw;width:13.5cqw;height:5.5cqw;border-radius:.7cqw;text-align:center;background:linear-gradient(#d7d0b3,#a7a182);border:.3cqw solid #6e5f3c;box-shadow:inset 0 .2cqw 0 rgba(255,255,255,.6);font:700 3cqw/4.9cqw var(--ser);color:#4a4636;text-shadow:0 .15cqw 0 rgba(255,255,255,.6)}
.art-restyling .arestyling-osw{left:3cqw;top:39.25cqw;width:7.5cqw;height:7.5cqw;border-radius:.4cqw;background:#b8a97e;box-shadow:9cqw 0 0 #8c9684,18cqw 0 0 #9b8f78,27cqw 0 0 #cfc5a2}
.art-restyling .arestyling-ocard{left:40.5cqw;top:36.5cqw;width:25cqw;height:14cqw;background:#f1ead6;border:.35cqw solid #6e5f3c;border-radius:.6cqw;transform:rotate(-4deg);box-shadow:inset 0 0 0 .5cqw #f1ead6,inset 0 0 0 .75cqw #b39b4f,.5cqw .6cqw 0 rgba(70,60,35,.35)}
.art-restyling .arestyling-ocard i{left:2.3cqw;top:2.1cqw;width:4.2cqw;height:5cqw;background:#8c9684;border:.3cqw solid #5a4a2a;border-radius:.5cqw .5cqw 50% 50%}
.art-restyling .arestyling-ocard b{left:8cqw;top:2.6cqw;font:700 3.3cqw/1.2 var(--ser);color:#5a4a2a;white-space:nowrap}
.art-restyling .arestyling-ocard::before{left:2.4cqw;top:8.6cqw;width:12cqw;height:.5cqw;background:#8c9684;box-shadow:0 1.3cqw 0 #b3ae90,0 2.6cqw 0 #8c9684}
.art-restyling .arestyling-ocard::after{right:2cqw;bottom:2cqw;width:5cqw;height:5cqw;border-radius:50%;background:radial-gradient(circle,#efe8d2 0 35%,#b39b4f 38%)}
.art-restyling .arestyling-oseal{left:81.5cqw;top:38.5cqw;width:10.5cqw;height:10.5cqw;border-radius:50%;border:.4cqw dashed #6e5f3c;transform:rotate(8deg);background:radial-gradient(circle,#efe8d2 0 36%,#b39b4f 38% 58%,#8c9684 60%)}
.art-restyling .arestyling-new{background:linear-gradient(160deg,#f8f9fd,#e6e9f3);font-family:Inter,-apple-system,'Segoe UI',Roboto,sans-serif;clip-path:inset(0 15cqw 0 0);animation-name:art-restyling-wipe}
.art-restyling .arestyling-pill-new{left:1.6cqw;padding-left:4.5cqw;background:#0b2e5c;color:#fff}
.art-restyling .arestyling-pill-new::before{left:1.5cqw;top:1.4cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#ff7a1a}
.art-restyling .arestyling-logo,.art-restyling .arestyling-aa{background:#fff;border-radius:2.4cqw;box-shadow:0 .6cqw 1.8cqw rgba(11,46,92,.13)}
.art-restyling .arestyling-logo{left:3cqw;top:10.5cqw;width:34.5cqw;height:21.5cqw}
.art-restyling .arestyling-logo svg{left:3.4cqw;top:5.4cqw;width:10.7cqw;height:10.7cqw}
.art-restyling .arestyling-logo::after{left:30.2cqw;top:2.1cqw;width:3.2cqw;height:3.2cqw;background:#ff7a1a;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation-name:art-restyling-spark}
.art-restyling .arestyling-wm{left:16.2cqw;top:5.8cqw;white-space:nowrap}
.art-restyling .arestyling-wm b{position:static;display:block;font:800 4cqw/1.15 Inter,sans-serif;letter-spacing:-.02em;color:#0b2e5c}
.art-restyling .arestyling-wm i{position:static;display:block;margin-top:.5cqw;font:600 3cqw/1.2 Inter,sans-serif;letter-spacing:.2em;color:#8892a4}
.art-restyling .arestyling-aa{left:40cqw;top:10.5cqw;width:16.5cqw;height:21.5cqw;padding:1.4cqw 0 0 2cqw;font:800 10.5cqw/1 Inter,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.art-restyling .arestyling-aa b,.art-restyling .arestyling-aa i{position:static;display:inline-block}
.art-restyling .arestyling-aa b{color:#0b2e5c}
.art-restyling .arestyling-aa i{color:#ff7a1a}
.art-restyling .arestyling-aa::before{left:2cqw;top:13.6cqw;width:6cqw;height:1.3cqw;border-radius:.65cqw;background:#b5f241}
.art-restyling .arestyling-aa::after{left:2cqw;top:16.4cqw;width:11.5cqw;height:1.1cqw;border-radius:.55cqw;background:#dde1ec;box-shadow:0 2.2cqw 0 #e8ebf3}
.art-restyling .arestyling-dot{top:39.25cqw;width:7.5cqw;height:7.5cqw;border-radius:50%;box-shadow:0 .6cqw 1.4cqw rgba(11,46,92,.24)}
.art-restyling .arestyling-d1{left:3cqw;background:#0b2e5c}
.art-restyling .arestyling-d2{left:12cqw;background:#ff7a1a}
.art-restyling .arestyling-d3{left:21cqw;background:#b5f241}
.art-restyling .arestyling-d4{left:30cqw;background:#fff;box-shadow:0 .6cqw 1.4cqw rgba(11,46,92,.18),inset 0 0 0 .3cqw #d3d9e6}
.art-restyling .arestyling-app{left:59.5cqw;top:10.5cqw;width:13cqw;height:13cqw;border-radius:3.4cqw;background:linear-gradient(150deg,#14407f,#0b2e5c);box-shadow:0 .8cqw 2cqw rgba(11,46,92,.38)}
.art-restyling .arestyling-app svg{left:2.6cqw;top:2.6cqw;width:7.8cqw;height:7.8cqw}
.art-restyling .arestyling-btn{left:59cqw;top:26.5cqw;width:13.5cqw;height:5.5cqw;border-radius:2.75cqw;text-align:center;background:#ff7a1a;color:#fff;font:700 3cqw/5.5cqw Inter,sans-serif;box-shadow:0 .6cqw 1.4cqw rgba(255,122,26,.42)}
.art-restyling .arestyling-card2,.art-restyling .arestyling-card{top:36.5cqw;width:24.5cqw;height:14cqw;border-radius:1.8cqw;box-shadow:0 .8cqw 2cqw rgba(11,46,92,.28)}
.art-restyling .arestyling-card2{left:45cqw;top:35.4cqw;background:#ff7a1a;transform:rotate(6deg)}
.art-restyling .arestyling-card2::after{right:1.4cqw;top:3cqw;width:1.2cqw;height:6cqw;border-radius:.6cqw;background:#b5f241}
.art-restyling .arestyling-card{left:40cqw;background:#0b2e5c}
.art-restyling .arestyling-card::before{left:2.4cqw;top:2.6cqw;width:2.4cqw;height:2.4cqw;border-radius:50%;background:#ff7a1a}
.art-restyling .arestyling-card::after{right:2.4cqw;top:3cqw;width:6.5cqw;height:1.1cqw;border-radius:.55cqw;background:rgba(255,255,255,.3);box-shadow:0 1.9cqw 0 rgba(255,255,255,.18)}
.art-restyling .arestyling-card b{left:2.4cqw;bottom:2.3cqw;font:800 4cqw/1.1 Inter,sans-serif;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.art-restyling .arestyling-bar{position:absolute;left:0;top:0;width:0;height:100%;z-index:4;transform:translateX(79cqw);animation-name:art-restyling-line}
.art-restyling .arestyling-bar::before{left:-.25cqw;top:2.6cqw;bottom:2.6cqw;width:.5cqw;border-radius:.25cqw;background:#0b2e5c;box-shadow:0 0 0 .22cqw rgba(255,255,255,.9),0 0 1.6cqw rgba(11,46,92,.35)}
.art-restyling .arestyling-knob{position:absolute;left:-2.9cqw;top:50%;width:5.8cqw;height:5.8cqw;margin-top:-2.9cqw;border-radius:50%;background:#ff7a1a;box-shadow:0 0 0 .5cqw #fff,0 1cqw 2.4cqw rgba(8,8,15,.45);animation-name:art-restyling-knob}
.art-restyling .arestyling-knob svg{position:absolute;left:.9cqw;top:.9cqw;width:4cqw;height:4cqw}
.art-restyling .arestyling-knob::after{inset:-.5cqw;border-radius:50%;border:.45cqw solid #fff;opacity:0;animation-name:art-restyling-ring}
.art-restyling .arestyling-pill-new{animation-name:art-restyling-pill}
.art-restyling .arestyling-logo svg{animation-name:art-restyling-mark}
.art-restyling .arestyling-wm{animation-name:art-restyling-wm}
.art-restyling .arestyling-aa b{animation-name:art-restyling-A}
.art-restyling .arestyling-aa i{animation-name:art-restyling-a}
.art-restyling .arestyling-d1{animation-name:art-restyling-d1}
.art-restyling .arestyling-d2{animation-name:art-restyling-d2}
.art-restyling .arestyling-d3{animation-name:art-restyling-d3}
.art-restyling .arestyling-d4{animation-name:art-restyling-d4}
.art-restyling .arestyling-app{animation-name:art-restyling-app}
.art-restyling .arestyling-btn{animation-name:art-restyling-btn}
.art-restyling .arestyling-card2{animation-name:art-restyling-card2}
.art-restyling .arestyling-card{animation-name:art-restyling-card}
@keyframes art-restyling-wipe{0%,16%{clip-path:inset(0 94cqw 0 0);animation-timing-function:cubic-bezier(.4,0,.5,1)}
50%,88%{clip-path:inset(0 15cqw 0 0);animation-timing-function:cubic-bezier(.6,0,.3,1)}
100%{clip-path:inset(0 94cqw 0 0)}
}
@keyframes art-restyling-line{0%,16%{transform:translateX(0);animation-timing-function:cubic-bezier(.4,0,.5,1)}
50%,88%{transform:translateX(79cqw);animation-timing-function:cubic-bezier(.6,0,.3,1)}
100%{transform:translateX(0)}
}
@keyframes art-restyling-knob{0%,5%{transform:translateX(0) scale(1);animation-timing-function:ease-out}
9%{transform:translateX(1.6cqw) scale(1);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
13%{transform:translateX(0) scale(1);animation-timing-function:ease-out}
16%,50%{transform:translateX(0) scale(1.15);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
58%,88%{transform:translateX(0) scale(1);animation-timing-function:ease-in}
100%{transform:translateX(0) scale(1)}
}
@keyframes art-restyling-ring{0%,50%{opacity:0;transform:scale(1);animation-timing-function:ease-out}
52%{opacity:.85;transform:scale(1)}
62%,100%{opacity:0;transform:scale(2.3)}
}
@keyframes art-restyling-spark{0%,30.5%{transform:scale(0) rotate(-90deg);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
36%,56%{transform:scale(1) rotate(0deg);animation-timing-function:ease-in-out}
61%{transform:scale(1.5) rotate(45deg)}
66%,70%{transform:scale(1) rotate(0deg);animation-timing-function:ease-in-out}
75%{transform:scale(1.3) rotate(30deg)}
80%,100%{transform:scale(1) rotate(0deg)}
}
@keyframes art-restyling-pill{0%,19%{opacity:0;transform:scale(.4);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
24%,100%{opacity:1;transform:scale(1)}
}
@keyframes art-restyling-mark{0%,22%{opacity:0;transform:rotate(-30deg) scale(.3);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
28%,100%{opacity:1;transform:none}
}
@keyframes art-restyling-wm{0%,26.5%{opacity:0;transform:translateX(-3cqw);animation-timing-function:cubic-bezier(.2,.9,.3,1)}
32%,100%{opacity:1;transform:none}
}
@keyframes art-restyling-A{0%,32%{opacity:0;transform:translateY(3cqw) scale(.5);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
37%,100%{opacity:1;transform:none}
}
@keyframes art-restyling-a{0%,34%{opacity:0;transform:translateY(3cqw) scale(.5);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
39%,100%{opacity:1;transform:none}
}
@keyframes art-restyling-d1{0%,20.4%{transform:scale(0);animation-timing-function:cubic-bezier(.2,1.5,.4,1)}
25.5%,100%{transform:scale(1)}
}
@keyframes art-restyling-d2{0%,24.5%{transform:scale(0);animation-timing-function:cubic-bezier(.2,1.5,.4,1)}
29.5%,100%{transform:scale(1)}
}
@keyframes art-restyling-d3{0%,27.2%{transform:scale(0);animation-timing-function:cubic-bezier(.2,1.5,.4,1)}
32.2%,100%{transform:scale(1)}
}
@keyframes art-restyling-d4{0%,29.5%{transform:scale(0);animation-timing-function:cubic-bezier(.2,1.5,.4,1)}
34.5%,100%{transform:scale(1)}
}
@keyframes art-restyling-app{0%,37%{opacity:0;transform:rotate(-18deg) scale(.3);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
42.5%,100%{opacity:1;transform:none}
}
@keyframes art-restyling-btn{0%,38.5%{opacity:0;transform:scale(.5);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}
43.5%,100%{opacity:1;transform:scale(1)}
}
@keyframes art-restyling-card2{0%,33.5%{opacity:0;transform:translateY(3cqw) rotate(-6deg);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
39.5%,100%{opacity:1;transform:rotate(6deg)}
}
@keyframes art-restyling-card{0%,31.8%{opacity:0;transform:translateY(4cqw) rotate(-10deg);animation-timing-function:cubic-bezier(.2,1.3,.4,1)}
37.5%,100%{opacity:1;transform:none}
}

/* ── SEO e presenza su Google ─────────────────────────────── */
/* Scheda "SEO e presenza su Google" · timeline unica 10s: digitazione 5-25%, scheda 29-35%, pin 35-43%, stelle 41-52%, pulsanti 52-60%, risultato 58-64%, anello+1° 64-72%, scena completa 72-90%, uscita 90-96% */

.art-google { --g-ink: #14141e; --g-mute: #5a6375; --g-blue: #4285F4; --g-navy: #0d47a1; --g-lime: #b5f241; --g-or: #ff6b2b; --g-gold: #ffb81c; --g-soft: #d5dae5; }
.art-google::before {
    content: ''; position: absolute; inset: 0; z-index: 0;
    background:
        radial-gradient(circle at 88% 6%, rgba(66, 133, 244, .34), transparent 42%),
        radial-gradient(circle at 6% 100%, rgba(181, 242, 65, .13), transparent 40%),
        radial-gradient(circle, rgba(255, 255, 255, .08) 0 .14cqw, transparent .22cqw) 0 0 / 3.4cqw 3.4cqw;
}
.art-google > * { position: absolute; z-index: 1; }
.art-google .agoogle-local > *, .art-google .agoogle-classic > *, .art-google .agoogle-map > * { position: absolute; }

/* ── barra di ricerca ── */
.art-google .agoogle-bar {
    left: 6cqw; top: 2.6cqw; width: 88cqw; height: 7.6cqw; border-radius: 3.8cqw; background: #fff;
    box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .3); display: flex; align-items: center; padding-left: 3cqw;
}
.art-google .agoogle-bar > * { position: static; }
.art-google .agoogle-lens {
    width: 4.2cqw; height: 4.2cqw; flex: none; margin-right: 2.4cqw; fill: none; stroke: var(--g-mute);
    stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; animation: art-google-lens 10s infinite;
}
.art-google .agoogle-type {
    width: 20ch; overflow: hidden; white-space: nowrap; color: var(--g-ink);
    font: 500 3.7cqw/1.35 ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
    animation: art-google-type 10s infinite;
}
.art-google .agoogle-cur { flex: none; width: .4cqw; height: 4.6cqw; margin-left: .3cqw; border-radius: .2cqw; background: var(--g-blue); animation: art-google-blink 10s step-end infinite; }

/* ── scheletro (visibile prima dei risultati) ── */
.art-google .agoogle-ghost { left: 6cqw; width: 88cqw; border-radius: 3cqw; background: rgba(255, 255, 255, .07); }
.art-google .agoogle-ghost::before, .art-google .agoogle-ghost::after { content: ''; position: absolute; border-radius: 1cqw; background: rgba(255, 255, 255, .09); }
.art-google .agoogle-ghost-a { top: 11.8cqw; height: 26cqw; }
.art-google .agoogle-ghost-a::before { left: 2cqw; top: 2cqw; width: 28cqw; height: 14.4cqw; border-radius: 2cqw; }
.art-google .agoogle-ghost-a::after { left: 32.4cqw; top: 3cqw; width: 34cqw; height: 2.2cqw; }
.art-google .agoogle-ghost-b { top: 41.8cqw; height: 16.8cqw; }
.art-google .agoogle-ghost-b::before { left: 3cqw; top: 2.6cqw; width: 52cqw; height: 2.2cqw; }
.art-google .agoogle-ghost-b::after { left: 3cqw; top: 7.4cqw; width: 70cqw; height: 1.6cqw; }

/* ── scheda attività locale ── */
.art-google .agoogle-local {
    left: 6cqw; top: 11.8cqw; width: 88cqw; height: 26cqw; border-radius: 3cqw; background: #fff;
    box-shadow: 0 1.5cqw 4cqw rgba(0, 0, 0, .35); animation: art-google-local 10s infinite;
}
.art-google .agoogle-map {
    left: 2cqw; top: 2cqw; width: 28cqw; height: 14.4cqw; border-radius: 2cqw; overflow: hidden;
    background:
        linear-gradient(#fff, #fff) 0 4.4cqw / 100% 1.1cqw no-repeat,
        linear-gradient(#fff, #fff) 0 10.6cqw / 100% 1.1cqw no-repeat,
        linear-gradient(#fff, #fff) 8cqw 0 / 1.1cqw 100% no-repeat,
        linear-gradient(#fff, #fff) 19cqw 0 / 1.1cqw 100% no-repeat,
        #dfe6f0;
}
.art-google .agoogle-map::before { content: ''; position: absolute; left: 20.1cqw; top: 5.5cqw; width: 8cqw; height: 5.1cqw; border-radius: .8cqw; background: #c9e6bb; }
.art-google .agoogle-map::after { content: ''; position: absolute; left: -2cqw; top: 13cqw; width: 30cqw; height: 1cqw; background: #fff; transform: rotate(-35deg); transform-origin: left center; }
.art-google .agoogle-shadow { left: 11.9cqw; top: 9.05cqw; width: 4.2cqw; height: 1.1cqw; border-radius: 50%; background: rgba(10, 16, 48, .38); animation: art-google-shadow 10s infinite; }
.art-google .agoogle-pin { left: 11.4cqw; top: 2.7cqw; width: 5.2cqw; height: 6.93cqw; animation: art-google-pin 10s infinite; }
.art-google .agoogle-pin path { fill: var(--g-or); }
.art-google .agoogle-pin circle { fill: #fff; }

.art-google .agoogle-name { left: 32.4cqw; top: 1.8cqw; font-size: 4.6cqw; line-height: 1.25; font-weight: 700; color: var(--g-ink); white-space: nowrap; }
.art-google .agoogle-rating { left: 32.4cqw; top: 7.7cqw; display: flex; align-items: center; gap: .5cqw; }
.art-google .agoogle-rating > * { position: static; }
.art-google .agoogle-rating b { margin-right: .8cqw; font-size: 3.9cqw; line-height: 1; font-weight: 700; color: var(--g-ink); }
.art-google .agoogle-star { width: 3.8cqw; height: 3.8cqw; color: var(--g-gold); fill: currentColor; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.art-google .agoogle-star:nth-of-type(1) { animation: art-google-s1 10s infinite; }
.art-google .agoogle-star:nth-of-type(2) { animation: art-google-s2 10s infinite; }
.art-google .agoogle-star:nth-of-type(3) { animation: art-google-s3 10s infinite; }
.art-google .agoogle-star:nth-of-type(4) { animation: art-google-s4 10s infinite; }
.art-google .agoogle-star:nth-of-type(5) { animation: art-google-s5 10s infinite; }
.art-google .agoogle-open { left: 32.4cqw; top: 12.6cqw; font-size: 3.3cqw; line-height: 1.3; color: var(--g-mute); white-space: nowrap; animation: art-google-open 10s infinite; }
.art-google .agoogle-open b { font-weight: 700; color: #188038; }

.art-google .agoogle-btns { left: 2cqw; top: 18.2cqw; width: 84cqw; display: flex; gap: 1.6cqw; }
.art-google .agoogle-btns > * { position: static; }
.art-google .agoogle-btn {
    flex: 1; height: 5.8cqw; display: flex; align-items: center; justify-content: center; gap: .9cqw; border: .25cqw solid #cfd6e4;
    border-radius: 2.9cqw; background: #fff; color: var(--g-navy); font-size: 3.1cqw; font-weight: 600; white-space: nowrap;
}
.art-google .agoogle-btn svg { width: 3.4cqw; height: 3.4cqw; flex: none; fill: currentColor; }
.art-google .agoogle-btn-main { background: var(--g-navy); border-color: var(--g-navy); color: #fff; }
.art-google .agoogle-btn-main svg { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.art-google .agoogle-btn:nth-child(1) { animation: art-google-b1 10s infinite; }
.art-google .agoogle-btn:nth-child(2) { animation: art-google-b2 10s infinite; }
.art-google .agoogle-btn:nth-child(3) { animation: art-google-b3 10s infinite; }

/* ── risultato classico ── */
.art-google .agoogle-classic {
    left: 6cqw; top: 41.8cqw; width: 88cqw; height: 16.8cqw; border-radius: 3cqw; background: #fff;
    box-shadow: 0 1.5cqw 4cqw rgba(0, 0, 0, .35); animation: art-google-classic 10s infinite;
}
.art-google .agoogle-title { left: 3cqw; top: 1.7cqw; font-size: 3.9cqw; line-height: 1.25; font-weight: 600; color: var(--g-blue); white-space: nowrap; }
.art-google .agoogle-url { left: 3cqw; top: 7.1cqw; display: flex; align-items: center; gap: 1cqw; font-size: 3cqw; line-height: 1.25; color: #188038; white-space: nowrap; }
.art-google .agoogle-url > * { position: static; }
.art-google .agoogle-url i { width: 2.6cqw; height: 2.6cqw; border-radius: 50%; background: var(--g-or); }
.art-google .agoogle-line { left: 3cqw; height: 1.3cqw; border-radius: .65cqw; background: #dfe3ec; }
.art-google .agoogle-line-a { top: 11.6cqw; width: 76cqw; }
.art-google .agoogle-line-b { top: 13.9cqw; width: 52cqw; }
.art-google .agoogle-ring {
    inset: -1cqw; border: .5cqw solid var(--g-lime); border-radius: 4cqw; box-shadow: 0 0 3cqw rgba(181, 242, 65, .5);
    animation: art-google-ring 10s infinite;
}
.art-google .agoogle-ring::after {
    content: ''; position: absolute; inset: -.5cqw; border: .4cqw solid var(--g-lime); border-radius: 4.5cqw; opacity: 0;
    animation: art-google-pulse 10s infinite;
}
.art-google .agoogle-badge {
    right: -2.4cqw; top: -3.4cqw; width: 6.2cqw; height: 6.2cqw; border-radius: 50%; display: grid; place-items: center;
    background: var(--g-lime); color: #0a1030; border: .4cqw solid #0a1030; box-shadow: 0 .6cqw 1.6cqw rgba(0, 0, 0, .4);
    font-size: 3.5cqw; line-height: 1; font-weight: 800; animation: art-google-badge 10s infinite;
}

/* ── keyframes ── */
@keyframes art-google-type {
    0% { width: 0; }
    5% { width: 0; animation-timing-function: steps(20, end); }
    25%, 90% { width: 20ch; animation-timing-function: steps(20, end); }
    94%, 100% { width: 0; }
}
@keyframes art-google-blink {
    0%, 5%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95%, 100% { opacity: 1; }
    2.5%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { opacity: 0; }
}
@keyframes art-google-lens {
    0%, 25%, 30%, 100% { transform: none; stroke: #5a6375; }
    27.5% { transform: scale(1.35); stroke: #4285F4; }
}
@keyframes art-google-local {
    0%, 29%, 100% { opacity: 0; transform: translateY(5cqw) scale(.95); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    35%, 90% { opacity: 1; transform: none; }
    94% { opacity: 0; transform: translateY(2cqw) scale(.97); }
}
@keyframes art-google-pin {
    0%, 35%, 98%, 100% { opacity: 0; transform: translateY(-10cqw); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
    36% { opacity: 1; transform: translateY(-10cqw); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
    39% { transform: translateY(0); animation-timing-function: cubic-bezier(0, .55, .45, 1); }
    40.6% { transform: translateY(-2.6cqw); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
    42% { transform: translateY(0); animation-timing-function: cubic-bezier(0, .55, .45, 1); }
    43% { transform: translateY(-.9cqw); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
    43.8%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-shadow {
    0%, 36%, 98%, 100% { opacity: 0; transform: scale(.2); }
    39% { opacity: .38; transform: scale(1); }
    40.6% { opacity: .22; transform: scale(.6); }
    42% { opacity: .38; transform: scale(1); }
    43% { opacity: .3; transform: scale(.82); }
    43.8%, 95% { opacity: .38; transform: scale(1); }
}
@keyframes art-google-s1 {
    0%, 41%, 98%, 100% { color: #d5dae5; transform: scale(.7); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    43.5% { color: #ffb81c; transform: scale(1.4); }
    45.5%, 95% { color: #ffb81c; transform: none; }
}
@keyframes art-google-s2 {
    0%, 43%, 98%, 100% { color: #d5dae5; transform: scale(.7); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    45.5% { color: #ffb81c; transform: scale(1.4); }
    47.5%, 95% { color: #ffb81c; transform: none; }
}
@keyframes art-google-s3 {
    0%, 45%, 98%, 100% { color: #d5dae5; transform: scale(.7); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    47.5% { color: #ffb81c; transform: scale(1.4); }
    49.5%, 95% { color: #ffb81c; transform: none; }
}
@keyframes art-google-s4 {
    0%, 47%, 98%, 100% { color: #d5dae5; transform: scale(.7); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    49.5% { color: #ffb81c; transform: scale(1.4); }
    51.5%, 95% { color: #ffb81c; transform: none; }
}
@keyframes art-google-s5 {
    0%, 49%, 98%, 100% { color: #d5dae5; transform: scale(.7); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    51.5% { color: #ffb81c; transform: scale(1.4); }
    53.5%, 95% { color: #ffb81c; transform: none; }
}
@keyframes art-google-open {
    0%, 52%, 98%, 100% { opacity: 0; transform: translateX(-1.6cqw); animation-timing-function: cubic-bezier(.2, 1, .4, 1); }
    56%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-b1 {
    0%, 53%, 98%, 100% { opacity: 0; transform: translateY(1.6cqw) scale(.6); animation-timing-function: cubic-bezier(.2, 1.5, .4, 1); }
    56.5%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-b2 {
    0%, 55%, 98%, 100% { opacity: 0; transform: translateY(1.6cqw) scale(.6); animation-timing-function: cubic-bezier(.2, 1.5, .4, 1); }
    58.5%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-b3 {
    0%, 57%, 98%, 100% { opacity: 0; transform: translateY(1.6cqw) scale(.6); animation-timing-function: cubic-bezier(.2, 1.5, .4, 1); }
    60.5%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-classic {
    0%, 58%, 100% { opacity: 0; transform: translateY(5cqw) scale(.96); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    64%, 90% { opacity: 1; transform: none; }
    94% { opacity: 0; transform: translateY(2cqw) scale(.97); }
}
@keyframes art-google-ring {
    0%, 64%, 98%, 100% { opacity: 0; transform: scale(1.04, 1.2); animation-timing-function: cubic-bezier(.2, 1.3, .4, 1); }
    68%, 95% { opacity: 1; transform: none; }
}
@keyframes art-google-pulse {
    0%, 67%, 87%, 100% { opacity: 0; transform: none; }
    68% { opacity: .85; transform: none; animation-timing-function: ease-out; }
    74% { opacity: 0; transform: scale(1.035, 1.17); }
    78% { opacity: 0; transform: none; }
    79% { opacity: .85; transform: none; animation-timing-function: ease-out; }
    85% { opacity: 0; transform: scale(1.035, 1.17); }
}
@keyframes art-google-badge {
    0%, 66%, 98%, 100% { opacity: 0; transform: scale(0) rotate(-25deg); animation-timing-function: cubic-bezier(.2, 1.4, .4, 1); }
    71%, 95% { opacity: 1; transform: none; }
}