/*
 * Studio Arfia · caso «Preventivi lenti» · v0.95 · 03/11/2026 (inc/casi/preventivo.php)
 * L'iPad fotografico vero in orizzontale; sopra lo schermo dell'immagine composta lo stesso schermo in HTML che fa nascere il
 * preventivo UNA volta (solo sotto .as-demo-vivo, iterazione 1, fill both: si finisce sul fotogramma da fermo; fuori schermo
 * .as-demo-pausa). Schermo dell'iPad girato nella tela 2247 × 1626: 89, 89 → 2162, 1540 (raggio 41 px), cioè left 3,961%,
 * top 5,474%, width 92,256%, height 89,237%. Il vetro rifatto in CSS come in Eventi (velo bianco al 12,4%, poi la curva).
 * L'app: tela 796 × 556, --u = 1/796 della larghezza dello schermo. Famiglia del preventivatore dell'impresa (luce colorata,
 * vetri, squircle, Bricolage Grotesque e Albert Sans, un colore per categoria, un vetro scuro per la cifra grande).
 */
@font-face { font-family: 'Bricolage Grotesque'; src: url('../../fonts/schermate/bricolage-grotesque-latin.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Albert Sans'; src: url('../../fonts/schermate/albert-sans-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

/* ── La scena ── */
.as-k-preventivo { position: relative; width: 100%; }
.as-k-preventivo__ipad { position: relative; margin: 0; }
.as-k-preventivo__ipad > img { display: block; width: 100%; height: auto; filter: drop-shadow(0 22px 26px rgba(40, 30, 70, .26)) drop-shadow(0 4px 6px rgba(20, 20, 30, .16)); }
.as-k-preventivo__schermo { position: absolute; left: 3.961%; top: 5.474%; width: 92.256%; height: 89.237%; overflow: hidden; border-radius: 1.98% / 2.83%; container-type: inline-size; filter: brightness(.97) contrast(1.1); }
.as-k-preventivo__schermo::after { content: ''; position: absolute; inset: 0; z-index: 20; background: rgba(255, 255, 255, .124); pointer-events: none; }

/* ── La schermata da fotografare (pagina nuda) ── */
.as-k-preventivo-schermo { position: relative; overflow: hidden; container-type: inline-size; }

/* ── L'app ── */
.as-k-preventivo-app {
	--u: calc(100cqw / 796);
	--ink: #14202B;
	--muted: #6B7180;
	--teal: #1E4D5C;
	--vetro: rgba(255, 255, 255, .64);
	--filo: inset 0 0 0 1px rgba(255, 255, 255, .9);
	--ombra: 0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) rgba(52, 36, 96, .42);
	--f-t: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
	position: absolute;
	inset: 0;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #F3EEF6;
	color: var(--ink);
	font-family: 'Albert Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: calc(10.5 * var(--u));
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
	font-variant-numeric: tabular-nums;
}
.as-k-preventivo-app::before { content: ''; position: absolute; z-index: -1; inset: -6%; background: radial-gradient(38% 46% at 0% 30%, #FF9E7F 0, rgba(255, 158, 127, 0) 70%), radial-gradient(34% 40% at 40% -4%, #FF92C8 0, rgba(255, 146, 200, 0) 70%), radial-gradient(40% 50% at 104% 26%, #8DB4FF 0, rgba(141, 180, 255, 0) 70%), radial-gradient(46% 46% at 74% 108%, #A98CFF 0, rgba(169, 140, 255, 0) 70%), radial-gradient(34% 42% at 6% 104%, #86E0BD 0, rgba(134, 224, 189, 0) 70%); }
.as-k-preventivo-app p { margin: 0; }
.as-k-preventivo-app :is(b, small, em, i, u) { font-style: normal; text-decoration: none; }
.as-k-preventivo-app img { display: block; width: 100%; height: 100%; object-fit: cover; }
.as-k-preventivo-app svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@supports (corner-shape: squircle) {
	.as-k-preventivo-app :is(.as-k-preventivo-app__url, .as-k-preventivo-app__scelte, .as-k-preventivo-app__bagno, .as-k-preventivo-app__scelta > i, .as-k-preventivo-app__carta, .as-k-preventivo-app__voce > i, .as-k-preventivo-app__totale, .as-k-preventivo-app__firma, .as-k-preventivo-app__pdf) { corner-shape: squircle; }
}

/* La barra di stato e Safari di iPadOS (in «Testo più grande») */
.as-k-preventivo-app__stato { display: flex; flex: none; align-items: center; justify-content: space-between; height: calc(16 * var(--u)); padding: 0 calc(14 * var(--u)) 0 calc(16 * var(--u)); background: rgba(250, 249, 252, .84); font-family: -apple-system, 'SF Pro Text', system-ui, sans-serif; font-size: calc(9.5 * var(--u)); color: #000; }
.as-k-preventivo-app__stato > span:first-child { display: flex; gap: calc(5 * var(--u)); font-weight: 500; }
.as-k-preventivo-app__stato > span:first-child b { font-weight: 600; }
.as-k-preventivo-app__icone { display: flex; align-items: center; gap: calc(4 * var(--u)); }
.as-k-preventivo-app__icone b { font-size: calc(9 * var(--u)); font-weight: 600; }
.as-k-preventivo-app__icone svg { height: calc(7.5 * var(--u)); width: auto; fill: #000; stroke: #000; }
.as-k-preventivo-app__icone svg:first-child circle { stroke: none; }
.as-k-preventivo-app__icone svg:last-child { height: calc(8.5 * var(--u)); stroke: none; }
.as-k-preventivo-app__icone svg:last-child .is-guscio { fill: none; stroke: rgba(0, 0, 0, .4); }
.as-k-preventivo-app__icone svg:last-child .is-nasello { fill: rgba(0, 0, 0, .4); }
.as-k-preventivo-app__safari { display: grid; flex: none; grid-template-columns: 1fr calc(250 * var(--u)) 1fr; align-items: center; height: calc(34 * var(--u)); padding: 0 calc(12 * var(--u)); background: rgba(250, 249, 252, .84); box-shadow: 0 1px 0 rgba(20, 20, 40, .08); }
.as-k-preventivo-app__tasti { display: flex; align-items: center; gap: calc(15 * var(--u)); }
.as-k-preventivo-app__tasti.is-dx { justify-content: flex-end; gap: calc(16 * var(--u)); }
.as-k-preventivo-app__tasti svg { width: calc(15 * var(--u)); height: calc(15 * var(--u)); stroke: #2B2B30; stroke-width: 1.8; }
.as-k-preventivo-app__tasti svg.is-spento { stroke: #B7B7BE; }
.as-k-preventivo-app__url { position: relative; display: flex; align-items: center; justify-content: center; height: calc(24 * var(--u)); border-radius: calc(8 * var(--u)); background: rgba(118, 118, 128, .12); font-family: -apple-system, 'SF Pro Text', system-ui, sans-serif; font-size: calc(10.5 * var(--u)); color: #1C1C1E; }
.as-k-preventivo-app__aa { position: absolute; left: calc(8 * var(--u)); font-size: calc(9 * var(--u)); font-weight: 600; color: #3A3A3F; }
.as-k-preventivo-app__aa b { font-size: calc(11 * var(--u)); font-weight: 600; }
.as-k-preventivo-app__url > svg { position: absolute; right: calc(7 * var(--u)); width: calc(11 * var(--u)); height: calc(11 * var(--u)); stroke: #3A3A3F; stroke-width: 2.2; }

/* Il sito: la testata, a sinistra le scelte, a destra il preventivo */
.as-k-preventivo-app__sito { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 0 calc(12 * var(--u)) calc(12 * var(--u)); }
.as-k-preventivo-app__testa { display: flex; flex: none; align-items: center; justify-content: space-between; height: calc(38 * var(--u)); padding: 0 calc(2 * var(--u)); }
.as-k-preventivo-app .as-sw2-logo { display: flex; align-items: center; gap: calc(7 * var(--u)); font-family: var(--f-t); color: #12313A; }
.as-k-preventivo-app .as-sw2-logo > svg { flex: none; width: calc(22 * var(--u)); height: calc(22 * var(--u)); filter: drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) rgba(18, 49, 58, .25)); }
.as-k-preventivo-app .as-sw2-logo > span { display: grid; gap: calc(2 * var(--u)); line-height: 1; }
.as-k-preventivo-app .as-sw2-logo b { font-size: calc(12 * var(--u)); font-weight: 600; letter-spacing: -.02em; white-space: nowrap; }
.as-k-preventivo-app .as-sw2-logo small { font-family: 'Albert Sans', sans-serif; font-size: calc(6.5 * var(--u)); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(18, 49, 58, .55); white-space: nowrap; }
.as-k-preventivo-app__passi { display: flex; align-items: center; gap: calc(8 * var(--u)); font-size: calc(10 * var(--u)); font-weight: 600; color: var(--muted); }
.as-k-preventivo-app__passi span { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); }
.as-k-preventivo-app__passi i { display: grid; place-items: center; width: calc(16 * var(--u)); height: calc(16 * var(--u)); border-radius: 50%; background: rgba(20, 32, 43, .08); font-size: calc(9 * var(--u)); font-weight: 700; }
.as-k-preventivo-app__passi .is-fatto { color: var(--teal); }
.as-k-preventivo-app__passi .is-fatto i { background: #DDF2D3; color: #2F7A3A; }
.as-k-preventivo-app__passi .is-fatto svg { width: calc(10 * var(--u)); height: calc(10 * var(--u)); stroke-width: 3; }
.as-k-preventivo-app__passi u { width: calc(18 * var(--u)); height: 1px; background: rgba(20, 32, 43, .2); }
.as-k-preventivo-app__passi .is-ora { color: var(--ink); }
.as-k-preventivo-app__passi .is-ora i { background: var(--teal); color: #fff; }
.as-k-preventivo-app__corpo { display: grid; flex: 1; grid-template-columns: calc(206 * var(--u)) minmax(0, 1fr); gap: calc(12 * var(--u)); min-height: 0; }

/* Le scelte: un vetro bianco, poche righe */
.as-k-preventivo-app__scelte { display: flex; flex-direction: column; gap: calc(8 * var(--u)); min-height: 0; padding: calc(8 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u)); border-radius: calc(16 * var(--u)); background: var(--vetro); box-shadow: var(--filo), var(--ombra); }
.as-k-preventivo-app__bagno { position: relative; flex: none; height: calc(116 * var(--u)); overflow: hidden; border-radius: calc(11 * var(--u)); color: #fff; }
.as-k-preventivo-app__bagno img { position: absolute; inset: 0; object-position: 30% 62%; transform: scale(1.3); transform-origin: 22% 62%; }
.as-k-preventivo-app__bagno::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 18, 28, 0) 35%, rgba(14, 18, 28, .78) 100%); }
.as-k-preventivo-app__bagno span { position: absolute; z-index: 1; left: calc(9 * var(--u)); bottom: calc(8 * var(--u)); display: grid; gap: calc(1 * var(--u)); }
.as-k-preventivo-app__bagno b { font-family: var(--f-t); font-size: calc(15 * var(--u)); font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
.as-k-preventivo-app__bagno small { font-size: calc(8.5 * var(--u)); color: rgba(255, 255, 255, .85); }
.as-k-preventivo-app__scelte-h { padding: calc(2 * var(--u)) calc(3 * var(--u)) 0; font-size: calc(9.5 * var(--u)); font-weight: 600; color: var(--muted); }
.as-k-preventivo-app__scelta { display: flex; align-items: center; gap: calc(8 * var(--u)); padding: 0 calc(2 * var(--u)); }
.as-k-preventivo-app__scelta i { flex: none; width: calc(30 * var(--u)); height: calc(30 * var(--u)); overflow: hidden; border-radius: calc(8 * var(--u)); box-shadow: 0 calc(4 * var(--u)) calc(8 * var(--u)) calc(-5 * var(--u)) rgba(30, 24, 60, .5); }
.as-k-preventivo-app__scelta i img { transform: scale(1.8); }
.as-k-preventivo-app__scelta span { display: grid; min-width: 0; line-height: 1.25; }
.as-k-preventivo-app__scelta b { font-size: calc(11 * var(--u)); font-weight: 600; }
.as-k-preventivo-app__scelta small { font-size: calc(9 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__modifica { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); margin: auto calc(3 * var(--u)) 0 !important; padding-bottom: calc(2 * var(--u)); box-shadow: inset 0 -1px 0 rgba(30, 77, 92, .4); align-self: flex-start; font-size: calc(9.5 * var(--u)); font-weight: 600; color: var(--teal); }
.as-k-preventivo-app__modifica svg { width: calc(10 * var(--u)); height: calc(10 * var(--u)); stroke-width: 2.2; }

/* Il preventivo: il foglio dell'impresa */
.as-k-preventivo-app__foglio { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.as-k-preventivo-app__esito { display: grid; flex: none; }
.as-k-preventivo-app__esito > span { grid-area: 1 / 1; display: inline-flex; align-items: center; justify-self: end; gap: calc(6 * var(--u)); height: calc(22 * var(--u)); padding: 0 calc(10 * var(--u)) 0 calc(6 * var(--u)); border-radius: 999px; font-size: calc(10 * var(--u)); font-weight: 700; white-space: nowrap; }
.as-k-preventivo-app__esito .is-lavora { background: #F2F1F6; color: var(--muted); opacity: 0; }
.as-k-preventivo-app__esito .is-lavora i { width: calc(10 * var(--u)); height: calc(10 * var(--u)); border: calc(1.8 * var(--u)) solid rgba(30, 77, 92, .2); border-top-color: var(--teal); border-radius: 50%; }
.as-k-preventivo-app__esito .is-pronto { background: #E4F4E8; color: #1E7A37; }
.as-k-preventivo-app__esito .is-pronto em { display: grid; place-items: center; width: calc(14 * var(--u)); height: calc(14 * var(--u)); border-radius: 50%; background: #1E8E3E; }
.as-k-preventivo-app__esito .is-pronto svg { width: calc(9 * var(--u)); height: calc(9 * var(--u)); stroke: #fff; stroke-width: 3.4; }
.as-k-preventivo-app__carta { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)); border-radius: calc(12 * var(--u)); background: #fff; box-shadow: 0 0 0 1px rgba(20, 20, 40, .04), 0 calc(16 * var(--u)) calc(30 * var(--u)) calc(-16 * var(--u)) rgba(52, 36, 96, .45); }
.as-k-preventivo-app__intesta { display: flex; flex: none; align-items: center; justify-content: space-between; padding-bottom: calc(9 * var(--u)); border-bottom: calc(2 * var(--u)) solid var(--teal); }
.as-k-preventivo-app__numero { display: grid; justify-items: end; gap: calc(1 * var(--u)); line-height: 1.2; }
.as-k-preventivo-app__numero b { font-family: var(--f-t); font-size: calc(13 * var(--u)); font-weight: 600; letter-spacing: -.01em; }
.as-k-preventivo-app__numero span { font-size: calc(9 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__per { display: flex; flex: none; align-items: center; justify-content: space-between; gap: calc(10 * var(--u)); padding: calc(8 * var(--u)) 0 calc(5 * var(--u)); font-size: calc(10.5 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__per b { font-weight: 600; color: var(--ink); }
.as-k-preventivo-app__th, .as-k-preventivo-app__voce { display: grid; grid-template-columns: minmax(0, 1fr) calc(108 * var(--u)) calc(66 * var(--u)); align-items: center; column-gap: calc(10 * var(--u)); }
.as-k-preventivo-app__th { grid-template-columns: calc(28 * var(--u)) minmax(0, 1fr) calc(104 * var(--u)) calc(70 * var(--u)); flex: none; padding: calc(4 * var(--u)) 0; border-bottom: 1px solid rgba(20, 32, 43, .1); font-size: calc(8.5 * var(--u)); font-weight: 600; color: var(--muted); }
.as-k-preventivo-app__th span:first-child { grid-column: 1 / 3; }
.as-k-preventivo-app__th span:last-child, .as-k-preventivo-app__euro { text-align: right; }
.as-k-preventivo-app__voci { flex: none; }
.as-k-preventivo-app__voce { position: relative; grid-template-columns: calc(28 * var(--u)) minmax(0, 1fr) calc(104 * var(--u)) calc(70 * var(--u)); height: calc(35 * var(--u)); border-bottom: 1px solid rgba(20, 32, 43, .06); }
.as-k-preventivo-app__voce > i { width: calc(28 * var(--u)); height: calc(28 * var(--u)); overflow: hidden; border-radius: calc(7 * var(--u)); }
.as-k-preventivo-app__voce > i img { transform: scale(1.6); }
.as-k-preventivo-app__desc { display: grid; min-width: 0; line-height: 1.2; }
.as-k-preventivo-app__desc b { overflow: hidden; font-size: calc(11.5 * var(--u)); font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.as-k-preventivo-app__desc small { display: flex; align-items: center; gap: calc(4 * var(--u)); font-size: calc(9 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__desc u { width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: var(--c); }
.as-k-preventivo-app__qta { font-size: calc(9.5 * var(--u)); color: var(--muted); white-space: nowrap; }
.as-k-preventivo-app__euro { font-size: calc(12 * var(--u)); font-weight: 600; white-space: nowrap; }
.as-k-preventivo-app__conti { display: grid; flex: none; grid-template-columns: minmax(0, 1fr) calc(206 * var(--u)); align-items: end; gap: calc(12 * var(--u)); margin-top: auto; padding-top: calc(8 * var(--u)); }
.as-k-preventivo-app__validita { display: grid; gap: calc(3 * var(--u)); padding-bottom: calc(4 * var(--u)); font-size: calc(10 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__validita b { font-weight: 600; color: var(--ink); }
.as-k-preventivo-app__totale { display: grid; gap: calc(3 * var(--u)); padding: calc(9 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u)); border-radius: calc(12 * var(--u)); background: radial-gradient(70% 70% at 100% 0%, rgba(139, 92, 246, .7) 0, rgba(139, 92, 246, 0) 70%), radial-gradient(60% 60% at 0% 100%, rgba(238, 69, 150, .5) 0, rgba(238, 69, 150, 0) 70%), radial-gradient(50% 50% at 100% 100%, rgba(47, 123, 255, .45) 0, rgba(47, 123, 255, 0) 70%), #16142A; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 calc(14 * var(--u)) calc(24 * var(--u)) calc(-14 * var(--u)) rgba(22, 20, 42, .8); }
.as-k-preventivo-app__sub { display: flex; justify-content: space-between; font-size: calc(9 * var(--u)); color: rgba(255, 255, 255, .7); }
.as-k-preventivo-app__sub b { font-weight: 600; color: rgba(255, 255, 255, .92); }
.as-k-preventivo-app__tot { display: flex; align-items: baseline; justify-content: space-between; margin-top: calc(2 * var(--u)) !important; font-size: calc(10 * var(--u)); color: rgba(255, 255, 255, .8); }
.as-k-preventivo-app__cifra { display: inline-grid; justify-items: end; font-family: var(--f-t); font-size: calc(26 * var(--u)); font-weight: 600; letter-spacing: -.03em; line-height: 1; color: #fff; }
.as-k-preventivo-app__cifra > span { grid-area: 1 / 1; }
.as-k-preventivo-app__cifra .is-1, .as-k-preventivo-app__cifra .is-2 { opacity: 0; }
.as-k-preventivo-app__azioni { display: flex; flex: none; gap: calc(8 * var(--u)); margin-top: calc(10 * var(--u)) !important; }
.as-k-preventivo-app__firma, .as-k-preventivo-app__pdf { display: inline-flex; align-items: center; justify-content: center; gap: calc(6 * var(--u)); height: calc(30 * var(--u)); border-radius: calc(10 * var(--u)); font-size: calc(10.5 * var(--u)); font-weight: 600; }
.as-k-preventivo-app__firma { flex: 1.4; background: linear-gradient(180deg, #FF8A3D 0%, #F26A1B 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 calc(10 * var(--u)) calc(18 * var(--u)) calc(-10 * var(--u)) rgba(242, 106, 27, .9); color: #fff; }
.as-k-preventivo-app__firma svg { width: calc(11 * var(--u)); height: calc(11 * var(--u)); stroke: #fff; stroke-width: 2.4; }
.as-k-preventivo-app__pdf { flex: 1; background: #F2F1F6; box-shadow: inset 0 0 0 1px rgba(20, 32, 43, .08); color: var(--ink); }
.as-k-preventivo-app__pdf svg { width: calc(12 * var(--u)); height: calc(12 * var(--u)); stroke-width: 2; }
.as-k-preventivo-app__home { position: absolute; left: 50%; bottom: calc(4 * var(--u)); width: calc(110 * var(--u)); height: calc(3.5 * var(--u)); border-radius: 999px; background: rgba(0, 0, 0, .7); transform: translateX(-50%); }

/* ── Il preventivo nasce: UNA volta all'apertura della tab, poi resta finito (fill both) ── */
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__esito .is-lavora { animation: as-k-prev-lavora 4.9s linear 0s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__esito .is-lavora i { animation: as-k-prev-gira .8s linear 0s 6 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__esito .is-pronto { animation: as-k-prev-pronto .55s cubic-bezier(.2, .9, .3, 1.2) 4.7s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__per { animation: as-k-prev-entra .5s ease-out .25s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__voce > * { animation: as-k-prev-voce .55s cubic-bezier(.16, 1, .3, 1) calc(.7s + var(--k) * .42s) 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__voce { animation: as-k-prev-luce 1.1s ease-out calc(.7s + var(--k) * .42s) 1 forwards; } /* forwards: prima del suo turno la riga non è verde */
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__voce::before { animation: as-k-prev-ombra calc(.7s + var(--k) * .42s) linear 0s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__validita { animation: as-k-prev-entra .5s ease-out 3.4s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__totale { animation: as-k-prev-totale .6s cubic-bezier(.2, .9, .3, 1.1) 3.3s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__sub:nth-child(1) { animation: as-k-prev-entra .4s ease-out 3.6s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__sub:nth-child(2) { animation: as-k-prev-entra .4s ease-out 3.85s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__cifra .is-1 { animation: as-k-prev-c1 1.1s linear 3.8s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__cifra .is-2 { animation: as-k-prev-c2 1.1s linear 3.8s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__cifra .is-3 { animation: as-k-prev-c3 1.1s linear 3.8s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__azioni { animation: as-k-prev-entra .55s ease-out 5s 1 both; }
.as-demo-vivo .as-k-preventivo-app .as-k-preventivo-app__firma { animation: as-k-prev-alone 1.4s ease-out 5.5s 1 both; }
/* le righe vuote che aspettano la loro voce (la carta non resta bianca mentre si scrive) */
.as-k-preventivo-app__voce::before { content: ''; position: absolute; inset: calc(11 * var(--u)) 0 calc(11 * var(--u)) calc(38 * var(--u)); background: linear-gradient(90deg, rgba(20, 32, 43, .07) 0 46%, transparent 46% 74%, rgba(20, 32, 43, .07) 74% 88%, transparent 88% 92%, rgba(20, 32, 43, .07) 92%); border-radius: calc(4 * var(--u)); opacity: 0; pointer-events: none; }
@keyframes as-k-prev-lavora { 0% { opacity: 0; transform: translateY(calc(-4 * var(--u))); } 5%, 93% { opacity: 1; transform: none; } 100% { opacity: 0; transform: scale(.94); } }
@keyframes as-k-prev-gira { to { transform: rotate(360deg); } }
@keyframes as-k-prev-pronto { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: none; } }
@keyframes as-k-prev-entra { from { opacity: 0; transform: translateY(calc(6 * var(--u))); } to { opacity: 1; transform: none; } }
@keyframes as-k-prev-voce { from { opacity: 0; transform: translateX(calc(14 * var(--u))); } to { opacity: 1; transform: none; } }
@keyframes as-k-prev-luce { from { background: rgba(30, 142, 62, .1); } to { background: rgba(30, 142, 62, 0); } }
@keyframes as-k-prev-ombra { 0%, 99% { opacity: 1; } 100% { opacity: 0; } }
@keyframes as-k-prev-totale { from { opacity: 0; transform: translateY(calc(8 * var(--u))) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes as-k-prev-c1 { 0%, 30% { opacity: 1; } 33%, 100% { opacity: 0; } }
@keyframes as-k-prev-c2 { 0%, 30% { opacity: 0; } 33%, 64% { opacity: 1; } 67%, 100% { opacity: 0; } }
@keyframes as-k-prev-c3 { 0%, 64% { opacity: 0; } 67%, 100% { opacity: 1; } }
@keyframes as-k-prev-alone { 0% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 0 rgba(242, 106, 27, .55); } 60% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 calc(8 * var(--u)) rgba(242, 106, 27, 0); } 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 calc(10 * var(--u)) calc(18 * var(--u)) calc(-10 * var(--u)) rgba(242, 106, 27, .9); } }

/* Chi richiama: il volto di Paolo, in fondo alla colonna delle scelte */
.as-k-preventivo-app__chi { display: flex; align-items: center; gap: calc(8 * var(--u)); margin-top: auto !important; padding: calc(7 * var(--u)); border-radius: calc(11 * var(--u)); background: rgba(255, 255, 255, .78); box-shadow: 0 calc(6 * var(--u)) calc(12 * var(--u)) calc(-9 * var(--u)) rgba(30, 24, 60, .5); }
.as-k-preventivo-app__chi i { flex: none; width: calc(30 * var(--u)); height: calc(30 * var(--u)); overflow: hidden; border-radius: calc(9 * var(--u)); }
.as-k-preventivo-app__chi span { display: grid; line-height: 1.25; }
.as-k-preventivo-app__chi b { font-size: calc(10.5 * var(--u)); font-weight: 600; }
.as-k-preventivo-app__chi small { font-size: calc(9 * var(--u)); color: var(--muted); }
.as-k-preventivo-app__scelte .as-k-preventivo-app__modifica { margin-top: calc(2 * var(--u)) !important; }
@supports (corner-shape: squircle) { .as-k-preventivo-app :is(.as-k-preventivo-app__chi, .as-k-preventivo-app__chi i) { corner-shape: squircle; } }

/* v0.99 (Rami, 04/11): via la composizione da telefono di questo caso («mockup giganteschi»): da telefono la scena
   è quella da computer, rimpicciolita come una foto nella card della fila (soluzioni.css, motion.js «fila»). */