[data-dispositivo=ios] .solo-android,[data-dispositivo=ios] .solo-desktop,[data-dispositivo=android] .solo-ios,[data-dispositivo=android] .solo-desktop,[data-dispositivo=desktop] .solo-ios:not(.anche-desktop),[data-dispositivo=desktop] .solo-android:not(.anche-desktop),[data-senza-appstore] .solo-ios{display:none!important}.presto{color:var(--inchiostro-tenue);font-size:15px;display:none}[data-dispositivo=ios][data-senza-appstore] .presto{display:block}.scena{--p:0;--mx:0;--my:0;perspective:1400px;height:600px;position:relative}.mondo{transform-style:preserve-3d;transform:rotateX(calc(8deg - var(--my) * 14deg + var(--p) * 14deg)) rotateY(calc(-18deg + var(--mx) * 22deg + var(--p) * 40deg));transition:transform .25s ease-out;position:absolute;inset:0}.scena .pezzo{--dx:0px;--dy:0px;--z:0px;--rz:0deg;transform-style:preserve-3d;transform:translate3d(calc(var(--dx) * var(--p)), calc(var(--dy) * var(--p)), calc(var(--z) + var(--p) * 160px)) rotateZ(var(--rz));position:absolute}.telefono{width:270px;height:568px;box-shadow:inset 0 0 0 2px #6d665b, 30px 40px 60px var(--ombra);background:linear-gradient(145deg,#4a443c,#1d1a17 60%);border-radius:46px;margin:-284px 0 0 -135px;padding:10px;top:50%;left:50%}.scena .telefono{transform:scale(calc(1 - var(--p) * .12))}.schermo{background:#fffbf6;border-radius:37px;height:100%;position:relative;overflow:hidden}.schermo img{object-fit:cover;object-position:top;width:100%;height:100%}.schermo:after{content:"";background:#0d0c0b;border-radius:20px;width:76px;height:22px;margin-left:-38px;position:absolute;top:9px;left:50%}.quaderno{--riga:30px;background:linear-gradient(90deg, transparent 47px, var(--marchio-terracotta) 47px 49px, transparent 49px), repeating-linear-gradient(to bottom, var(--carta) 0 calc(var(--riga) - 1px), color-mix(in srgb, var(--salvia) 28%, transparent) calc(var(--riga) - 1px) var(--riga));background-color:var(--carta);line-height:var(--riga);color:var(--inchiostro);padding:14px 20px 18px 64px;font-size:18px;font-weight:600;position:relative}.quaderno:before{content:"";background:radial-gradient(circle at 7px 15px, var(--sfondo) 5.5px, transparent 6px) 0 0 / 14px 30px repeat-y;width:14px;position:absolute;top:0;bottom:0;left:12px}.quaderno .chi{color:var(--salvia);font-size:13px;font-weight:800;display:block}.quaderno .scritta{display:block}.polaroid{background:var(--carta);box-shadow:0 6px 14px var(--ombra);border-radius:3px;margin:0;padding:10px 10px 0;position:relative}.polaroid .foto{aspect-ratio:1;border-radius:1px;place-items:center;font-size:64px;display:grid}.polaroid figcaption{text-align:center;padding:8px 2px 12px;font-size:15px;font-weight:700}.polaroid:before{content:"";background:color-mix(in srgb, var(--salvia) 38%, transparent);width:66px;height:18px;margin-left:-33px;position:absolute;top:-9px;left:50%;transform:rotate(-4deg)}.calendarino{background:var(--carta);text-align:center;width:96px;box-shadow:0 8px 16px var(--ombra);border-radius:10px 10px 2px 2px}.calendarino .mese{background:var(--terracotta);color:#fffbf6;border-radius:10px 10px 0 0;padding:6px 0 5px;font-size:13px;font-weight:800;position:relative}.calendarino .mese:before,.calendarino .mese:after{content:"";background:#6d665b;border-radius:3px;width:6px;height:13px;position:absolute;top:-7px}.calendarino .mese:before{left:24px}.calendarino .mese:after{right:24px}.calendarino .giorno{padding:4px 0 0;font-size:44px;font-weight:800;line-height:1.05}.calendarino .dow{color:var(--inchiostro-tenue);padding-bottom:10px;font-size:12px;font-weight:700}.scena .scontrino-3d{--z:120px;--rz:4deg;--dx:90px;--dy:-30px;width:210px;top:16%;right:-4%}.scena .polaroid-3d{--z:60px;--rz:-7deg;--dx:-90px;--dy:-50px;width:150px;top:7%;left:0}.scena .quaderno-3d{--z:90px;--rz:-3deg;--dx:-100px;--dy:60px;width:250px;font-size:16px;bottom:4%;left:-3%}.scena .calendario-3d{--z:170px;--rz:6deg;--dx:80px;--dy:70px;bottom:8%;right:6%}.scena .scontrino-3d .scontrino{animation:1.4s cubic-bezier(.3,.6,.2,1) .4s backwards stampaCarta}@keyframes stampaCarta{0%{clip-path:inset(0 0 100%);translate:0 -30px}to{clip-path:inset(0);translate:0}}@media (width<=900px){.scena{width:100%;max-width:520px;height:540px;margin:0 auto}.scena .telefono{transform:scale(calc(.88 - var(--p) * .1))}.scena .scontrino-3d{width:180px;right:-2%}.scena .polaroid-3d{width:120px;left:2%}.scena .quaderno-3d{width:210px;left:0}}@media (width<=520px){.scena{height:490px}.scena .telefono{transform:scale(calc(.78 - var(--p) * .08))}.scena .scontrino-3d{--dx:40px;width:150px;top:20%;right:-4%}.scena .scontrino-3d .scontrino{padding-inline:12px;font-size:11px}.scena .polaroid-3d{--dx:-40px;width:100px;left:-4%}.scena .polaroid-3d .foto{font-size:44px}.scena .polaroid-3d figcaption{font-size:12px}.scena .quaderno-3d{--dx:-40px;width:180px;font-size:14px;bottom:2%;left:-4%}.scena .calendario-3d{--dx:40px;bottom:4%;right:-2%}}.chiusura .firma{font-size:clamp(54px,8vw,100px)}.carrelli{margin-top:32px}.carrelli ul{flex-wrap:wrap;margin:6px 0 0;padding:0;font-size:20px;font-weight:700;list-style:none;display:flex}.carrelli li:not(:last-child):after{content:"·";color:var(--marchio-terracotta);margin-inline:10px}.avvertenza{color:var(--inchiostro-tenue);max-width:34em;margin-top:24px;font-size:15px}.ricette{background:var(--superficie);overflow-x:clip}.bacheca{grid-template-columns:repeat(3,minmax(0,220px)) minmax(0,1fr);align-items:start;gap:28px;margin-top:48px;display:grid}.bacheca .polaroid:first-child{transform:rotate(-3deg)}.bacheca .polaroid:nth-child(2){transform:rotate(2deg)translateY(18px)}.bacheca .polaroid:nth-child(3){transform:rotate(-1.5deg)}.bacheca .quaderno{margin-left:12px}@media (width<=980px){.bacheca{grid-template-columns:repeat(3,minmax(0,1fr))}.bacheca .quaderno{grid-column:1/-1;margin:12px 0 0}}@media (width<=560px){.bacheca{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bacheca .polaroid:nth-child(3){display:none}.polaroid .foto{font-size:52px}}.anima .bacheca .polaroid.rivela-i{opacity:0;translate:0 -90px;rotate:-14deg}.anima .bacheca.visto .polaroid.rivela-i{opacity:1;translate:0;rotate:0deg}.anima .bacheca .scritta.rivela-i{--ritardo:.45s;clip-path:inset(0 100% 0 0)}.anima .bacheca.visto .scritta.rivela-i{clip-path:inset(0)}.anima .carrelli .rivela-i{opacity:0;translate:0 6px}.anima .carrelli.visto .rivela-i{opacity:1;translate:0}
