/*
 * Studio Arfia — mazzo/software.css · v0.103.0 · 04/11/2026
 * I mockup del mazzo di /servizi/software-su-misura/ (inc/mazzo/software.php): il mondo del preventivatore approvato il
 * 02/11 (La tua impresa, petrolio e verde; Bricolage Grotesque per titoli e cifre, Albert Sans per il resto, @font-face in
 * servizi.css). Vetri chiari sulla luce della carta, squircle, un vetro scuro con le luci per i numeri. Tutto in em della
 * scena (11 px da telefono, ~16 da computer): ogni mockup sta in 28 × 20 em, così entra anche nella scena alta 272 px.
 * La vita: quando la carta arriva (.is-viva, mazzo.js) i pezzi entrano in fila; senza script tutto è già fermo e acceso.
 */
.as-mz-so {
	--so-ink: #14202B;
	--so-muted: #6B7180;
	--so-petrolio: #1E4D5C;
	--so-verde: #A6DB8E;
	--so-ok: #12A36B;
	--so-f-t: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
	color: var(--so-ink);
	font-family: 'Albert Sans', 'Helvetica Neue', Arial, sans-serif;
}
.as-mz-so :is(b, small, em, i, u, time) { font-style: normal; text-decoration: none; }
.as-mz-so img { display: block; width: 100%; height: 100%; object-fit: cover; }
.as-mz-so .as-ico { width: 100%; height: 100%; }
.as-mz-so__segno { flex: none; display: block; width: 2.2em; height: 2.2em; filter: drop-shadow(0 .3em .5em rgba(18, 49, 58, .25)); }
.as-mz-so__ok { flex: none; display: block; width: 1.5em; height: 1.5em; padding: .28em; border-radius: 50%; background: var(--so-ok); fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
@supports (corner-shape: squircle) {
	.as-mz-so :is(.as-mz-so__foto img, .as-mz-so__pc > i, .as-mz-so__tile, .as-mz-so__notifica, .as-mz-so__nf img, .as-mz-so__zero) { corner-shape: squircle; }
}

/* ── 01 · la giornata in cantiere ── */
.as-mz-so--giornata { max-width: 25em; margin-inline: auto; margin-bottom: 1.2em; }
.as-mz-so__diario { display: grid; gap: .8em; padding: 1.05em 1.1em 1em; }
.as-mz-so__dh { display: flex; align-items: center; gap: .8em; }
.as-mz-so__dh > span:last-child { display: grid; gap: .15em; line-height: 1.2; min-width: 0; }
.as-mz-so__dh b { font-family: var(--so-f-t); font-size: 1.18em; font-weight: 600; letter-spacing: -.02em; }
.as-mz-so__dh small { font-size: .8em; color: var(--so-muted); }
.as-mz-so__volti { flex: none; display: flex; }
.as-mz-so__volti i { display: grid; place-items: center; width: 2.3em; height: 2.3em; margin-right: -.5em; overflow: hidden; border-radius: 50%; background: #1A1A1A; box-shadow: 0 0 0 .14em #fff; }
.as-mz-so__volti i.is-studio .as-lg { width: 60%; height: auto; }
.as-mz-so__volti i.is-studio img { width: 100%; height: auto; object-fit: contain; }
.as-mz-so__foto { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4em; }
.as-mz-so__foto img { aspect-ratio: 4 / 3; height: auto; border-radius: calc(.7em * var(--as-brm)); }
.as-mz-so__foto span { position: absolute; right: .45em; bottom: .45em; padding: .2em .55em; border-radius: 999px; background: rgba(20, 32, 43, .72); color: #fff; font-size: .72em; font-weight: 600; }
.as-mz-so__nota { display: grid; grid-template-columns: 3.1em minmax(0, 1fr); align-items: baseline; padding-top: .55em; border-top: 1px solid rgba(20, 32, 43, .08); font-size: .95em; line-height: 1.35; }
.as-mz-so__nota time { font-family: var(--so-f-t); font-size: .88em; font-weight: 600; color: var(--so-petrolio); font-variant-numeric: tabular-nums; }
.as-mz-so__bollo { position: absolute; z-index: 2; right: -.5em; bottom: -1.35em; display: flex; align-items: center; gap: .45em; white-space: nowrap; padding: .45em .9em .45em .45em; border-radius: 999px; background: var(--as-arancio); color: #fff; font-size: .82em; font-weight: 600; line-height: 1.15; box-shadow: 0 .8em 1.6em -.8em rgba(243, 112, 34, .8); transform: rotate(-4deg); }
.as-mz-so__bollo b { display: grid; place-items: center; flex: none; width: 1.7em; height: 1.7em; border-radius: 50%; background: #fff; color: var(--as-arancio); font-family: var(--so-f-t); font-size: 1.05em; font-weight: 700; }

/* ── 02 · la prima cosa, misurata ── */
.as-mz-so--misura { display: grid; max-width: 25em; margin-inline: auto; }
.as-mz-so__prev { position: relative; z-index: 2; display: grid; gap: .8em; width: 92%; padding: 1em 1.05em; }
.as-mz-so__ph { display: flex; align-items: center; gap: .7em; }
.as-mz-so__ph > span { display: grid; gap: .1em; line-height: 1.2; }
.as-mz-so__ph b { font-family: var(--so-f-t); font-size: 1.12em; font-weight: 600; letter-spacing: -.02em; }
.as-mz-so__ph small { font-size: .78em; color: var(--so-muted); }
.as-mz-so__pc { display: flex; align-items: center; gap: .75em; padding: .55em; border-radius: calc(.9em * var(--as-brm)); background: rgba(255, 255, 255, .8); }
.as-mz-so__pc > i { flex: none; width: 3.1em; height: 3.1em; overflow: hidden; border-radius: calc(.6em * var(--as-brm)); }
.as-mz-so__pc > span { display: grid; gap: .1em; min-width: 0; line-height: 1.2; }
.as-mz-so__pc b { font-size: .95em; font-weight: 600; }
.as-mz-so__pc small { font-size: .76em; color: var(--so-muted); }
.as-mz-so__pc em { margin-left: auto; font-family: var(--so-f-t); font-size: 1.35em; font-weight: 600; letter-spacing: -.03em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.as-mz-so__pc em small { font-size: .6em; font-weight: 500; color: var(--so-muted); }
.as-mz-so__tempo { display: grid; gap: .7em; width: 92%; margin: -.9em 0 0 auto; padding: 1.9em 1.15em 1.05em; border-radius: calc(1.15em * var(--as-brm)); background: radial-gradient(80% 90% at 0% 0%, rgba(255, 140, 120, .45), transparent 70%), radial-gradient(70% 90% at 100% 100%, rgba(110, 160, 255, .55), transparent 70%), #141A22; color: #fff; box-shadow: 0 1.4em 3em -1.6em rgba(20, 30, 60, .6); }
.as-mz-so__th { font-size: .8em; opacity: .72; }
.as-mz-so__barra { display: grid; grid-template-columns: 3.2em minmax(0, 1fr) 4.4em; align-items: center; gap: .7em; }
.as-mz-so__barra span { font-size: .85em; opacity: .8; }
.as-mz-so__barra i { display: block; height: .75em; border-radius: 999px; background: rgba(255, 255, 255, .1); }
.as-mz-so__barra u { display: block; height: 100%; border-radius: inherit; transform-origin: 0 50%; }
.as-mz-so__barra.is-prima u { width: 100%; background: rgba(255, 255, 255, .38); }
.as-mz-so__barra.is-ora u { width: 17%; background: linear-gradient(90deg, #F37022, #FF9A6A); box-shadow: 0 0 1em rgba(243, 112, 34, .6); }
.as-mz-so__barra b { font-family: var(--so-f-t); font-size: 1.3em; font-weight: 600; letter-spacing: -.02em; text-align: right; white-space: nowrap; }
.as-mz-so__barra.is-ora b { color: #FFB892; }
.as-mz-so__tn { font-size: .74em; opacity: .55; }

/* ── 03 · i dati passano da soli ── */
.as-mz-so--flusso { display: grid; gap: 1.05em; max-width: 25.5em; margin-inline: auto; }
.as-mz-so__dato { position: relative; display: flex; align-items: center; gap: .8em; padding: .75em .85em .75em .75em; }
.as-mz-so__dato + .as-mz-so__dato::before { content: ""; position: absolute; left: 2.05em; top: -1.05em; height: 1.05em; border-left: .14em dashed rgba(20, 32, 43, .28); }
.as-mz-so__tile { flex: none; display: grid; place-items: center; width: 2.6em; height: 2.6em; padding: .55em; border-radius: calc(.75em * var(--as-brm)); background: var(--c); color: #fff; box-shadow: 0 .5em 1em -.5em var(--c); box-sizing: border-box; }
.as-mz-so__tile svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.as-mz-so__dato > span { display: grid; gap: .12em; min-width: 0; line-height: 1.25; }
.as-mz-so__dato small { font-size: .74em; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--c); }
.as-mz-so__dato b { font-size: .95em; font-weight: 600; }
.as-mz-so__chi { flex: none; width: 1.9em; height: 1.9em; margin-left: auto; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 .12em #fff; }
.as-mz-so__dato > .as-mz-so__ok { margin-left: auto; }
.as-mz-so__chi + .as-mz-so__ok { margin-left: 0; }
.as-mz-so__zero { justify-self: center; display: flex; align-items: center; gap: .55em; margin-top: .1em !important; padding: .5em 1em; border-radius: 999px; background: var(--so-ink); color: #fff; font-size: .82em; font-weight: 600; }
.as-mz-so__zero::before { content: ""; width: .55em; height: .55em; border-radius: 50%; background: var(--as-arancio); }

/* ── 04 · dal telefono, in cantiere: l'iPhone del kit (tagliato dal fondo della scena) e la notifica in ufficio ── */
.as-mz-so--tel { align-self: stretch; height: 100%; min-height: 18em; max-width: 30em; margin-inline: auto; }
.as-mz-so__tel { position: absolute; left: 4%; top: .4em; font-size: .78em; }
.as-mz-so__app { position: absolute; inset: 0; overflow: hidden; background: #fff; color: var(--so-ink); font-family: 'Albert Sans', 'Helvetica Neue', Arial, sans-serif; }
.as-mz-so__app p { margin: 0; }
.as-mz-so__app-foto { position: relative; height: calc(268 * var(--u)); }
.as-mz-so__app-foto::after { content: ""; position: absolute; inset: 0 0 auto; height: calc(130 * var(--u)); background: linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0)); }
.as-mz-so__app-nav { position: absolute; z-index: 2; left: calc(16 * var(--u)); top: calc(62 * var(--u)); display: flex; align-items: center; gap: calc(4 * var(--u)); height: calc(36 * var(--u)); padding: 0 calc(14 * var(--u)) 0 calc(10 * var(--u)); border-radius: 999px; background: rgba(255, 255, 255, .26); box-shadow: inset 0 0 0 calc(1 * var(--u)) rgba(255, 255, 255, .45); color: #fff; font: 600 calc(16 * var(--u)) / 1 -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; }
.as-mz-so__app-nav i { font-size: calc(26 * var(--u)); line-height: .7; }
.as-mz-so__app-t { padding: calc(18 * var(--u)) calc(20 * var(--u)) 0; font-family: var(--so-f-t); font-size: calc(32 * var(--u)); font-weight: 600; letter-spacing: -.03em; line-height: 1.1; }
.as-mz-so__app-s { padding: calc(6 * var(--u)) calc(20 * var(--u)) 0; font-size: calc(15 * var(--u)); color: var(--so-muted); }
.as-mz-so__app-av { display: grid; grid-template-columns: auto auto; justify-content: space-between; row-gap: calc(8 * var(--u)); margin: calc(18 * var(--u)) calc(20 * var(--u)) calc(6 * var(--u)); font-size: calc(15 * var(--u)); color: var(--so-muted); }
.as-mz-so__app-av b { font-family: var(--so-f-t); font-weight: 600; color: var(--so-ink); }
.as-mz-so__app-av i { grid-column: 1 / -1; display: block; height: calc(8 * var(--u)); border-radius: 999px; background: #E8ECEF; }
.as-mz-so__app-av u { display: block; width: 70%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--so-petrolio), #2F7D86); transform-origin: 0 50%; }
.as-mz-so__app-v { display: flex; align-items: center; gap: calc(12 * var(--u)); margin: 0 calc(12 * var(--u)); padding: calc(13 * var(--u)) calc(8 * var(--u)); border-top: calc(1 * var(--u)) solid #EEF0F2; font-size: calc(17 * var(--u)); border-radius: calc(12 * var(--u)); }
.as-mz-so__app-v i { flex: none; width: calc(24 * var(--u)); height: calc(24 * var(--u)); border-radius: 50%; box-shadow: inset 0 0 0 calc(2 * var(--u)) #C9CED4; background: center / 64% no-repeat; }
.as-mz-so__app-v.is-fatta i { box-shadow: none; background-color: var(--so-petrolio); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.as-mz-so__app-v.is-ora { background: #EAF6E4; border-top-color: transparent; font-weight: 600; }
.as-mz-so__app-v.is-ora i { background-color: #3E9B5C; }
.as-mz-so__app-btn { display: grid; place-items: center; height: calc(52 * var(--u)); margin: calc(18 * var(--u)) calc(20 * var(--u)) 0; border-radius: 999px; background: var(--so-petrolio); color: #fff; font-size: calc(17 * var(--u)); font-weight: 600; }
/* la notifica in ufficio: il vetro di iOS, a destra, sopra il telefono */
.as-mz-so__notifica { position: absolute; z-index: 3; right: 1%; top: 28%; display: grid; gap: .5em; width: 15.2em; padding: .85em .9em .9em; border-radius: calc(1.3em * var(--as-brm)); background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 1.4em 3em -1.4em rgba(40, 24, 60, .45); font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; color: #1C1C1E; }
.as-mz-so__nt { display: flex; align-items: center; gap: .5em; font-size: .8em; }
.as-mz-so__nt .as-mz-so__segno { width: 1.7em; height: 1.7em; filter: none; }
.as-mz-so__nt b { font-weight: 600; letter-spacing: .01em; }
.as-mz-so__nt small { margin-left: auto; color: rgba(28, 28, 30, .5); }
.as-mz-so__nb { display: grid; gap: .15em; font-size: .9em; line-height: 1.32; }
.as-mz-so__nb b { font-weight: 600; }
.as-mz-so__nf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3em; }
.as-mz-so__nf img { aspect-ratio: 1; height: auto; border-radius: calc(.5em * var(--as-brm)); }

/* ── 05 · il codice è tuo, e spiegato ── */
.as-mz-so--codice { display: grid; max-width: 27em; margin-inline: auto; }
.as-mz-so__editor { width: 96%; padding: .55em 0 1.05em; overflow: hidden; border-radius: calc(1.1em * var(--as-brm)); background: radial-gradient(70% 80% at 100% 0%, rgba(140, 110, 255, .35), transparent 70%), radial-gradient(60% 70% at 0% 100%, rgba(255, 120, 150, .25), transparent 70%), #12141C; box-shadow: 0 1.4em 3em -1.6em rgba(20, 20, 50, .65); }
.as-mz-so__ed-schede { display: flex; gap: .2em; padding: 0 .55em .5em; border-bottom: 1px solid rgba(255, 255, 255, .08); font: 500 .74em / 1 -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif; color: rgba(255, 255, 255, .45); }
.as-mz-so__ed-schede span { padding: .55em .8em; border-radius: .6em; }
.as-mz-so__ed-schede .is-on { background: rgba(255, 255, 255, .09); color: #fff; }
.as-mz-so__ed-codice { margin: 0; padding: .75em 1em 0 .6em; font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: .76em; line-height: 1.7; color: #E6E8EF; white-space: pre; overflow: hidden; }
.as-mz-so__ed-codice code { display: grid; font: inherit; }
.as-mz-so__r i { display: inline-block; width: 2.2em; padding-right: .9em; text-align: right; color: rgba(255, 255, 255, .26); }
.as-mz-so__ed-codice .is-c { color: #8C95A8; }
.as-mz-so__ed-codice .is-k { color: #FF85BE; }
.as-mz-so__ed-codice .is-f { color: #7CC6FF; }
.as-mz-so__ed-codice .is-n { color: #FF9E6A; }
.as-mz-so__consegna { position: relative; z-index: 2; display: grid; gap: .55em; width: 17.5em; margin: -2.6em 0 0 auto; padding: .95em 1.05em 1em; }
.as-mz-so__ch { display: flex; align-items: center; gap: .6em; padding-bottom: .55em; border-bottom: 1px solid rgba(20, 32, 43, .1); }
.as-mz-so__ch .as-mz-so__segno { width: 1.9em; height: 1.9em; }
.as-mz-so__ch b { font-family: var(--so-f-t); font-size: 1em; font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }
.as-mz-so__cv { display: flex; align-items: center; gap: .6em; font-size: .9em; line-height: 1.25; }
.as-mz-so__cv .as-mz-so__ok { width: 1.35em; height: 1.35em; }

/* ── la vita, quando la carta arriva ── */
.as-pp-mazzo--viva .as-mz-so :is(.as-mz-so__nota, .as-mz-so__foto img, .as-mz-so__dato, .as-mz-so__cv, .as-mz-so__r, .as-mz-so__app-v) { transition: opacity .5s ease, transform .7s cubic-bezier(.2, .8, .2, 1); }
.as-pp-mazzo--viva .as-mz-so__foto img:nth-child(2) { transition-delay: .12s; }
.as-pp-mazzo--viva .as-mz-so__foto img:nth-child(3) { transition-delay: .24s; }
.as-pp-mazzo--viva .as-mz-so__nota:nth-of-type(3) { transition-delay: .45s; }
.as-pp-mazzo--viva .as-mz-so__nota:nth-of-type(4) { transition-delay: .65s; }
.as-pp-mazzo--viva .as-mz-so__nota:nth-of-type(5) { transition-delay: .85s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) :is(.as-mz-so__nota, .as-mz-so__cv, .as-mz-so__app-v) { opacity: 0; transform: translate3d(-.8em, 0, 0); }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__foto img { opacity: 0; transform: scale(.85); }
.as-pp-mazzo--viva .as-mz-so__bollo { transition: opacity .25s ease 1.25s, transform .55s cubic-bezier(.5, 0, .3, 1.5) 1.25s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__bollo { opacity: 0; transform: rotate(-22deg) scale(1.8); }
/* da computer la scena è larga: i mockup un po' più grandi, così la riempiono */
@container (min-width: 560px) { .as-mz-so { font-size: 1.12em; } }
/* 02: la barra di prima si allunga, poi quella di ora resta corta e si accende */
.as-pp-mazzo--viva .as-mz-so__barra u { transition: transform 1.1s cubic-bezier(.2, .8, .2, 1) .45s; }
.as-pp-mazzo--viva .as-mz-so__barra.is-ora u { transition-delay: 1.05s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__barra u { transform: scaleX(0); }
.as-pp-mazzo--viva .as-mz-so__tempo { transition-delay: .2s; }
/* 03: il dato passa di vetro in vetro, e ogni passaggio si spunta */
.as-pp-mazzo--viva .as-mz-so__dato { transition-delay: calc(var(--k) * .42s + .1s); }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__dato { opacity: 0; transform: translate3d(0, .9em, 0); }
.as-pp-mazzo--viva .as-mz-so__dato .as-mz-so__ok { transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); transition-delay: calc(var(--k) * .42s + .55s); }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__dato .as-mz-so__ok { transform: scale(0); }
.as-pp-mazzo--viva .as-mz-so__zero { transition: opacity .4s ease 1.55s, transform .6s cubic-bezier(.34, 1.56, .64, 1) 1.55s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__zero { opacity: 0; transform: scale(.8); }
/* 04: il telefono sale, la voce si spunta, la barra va al 70%, poi arriva la notifica */
.as-pp-mazzo--viva .as-mz-so__tel { transition: opacity .6s ease, transform 1s cubic-bezier(.2, .8, .2, 1); }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__tel { opacity: 0; transform: translate3d(0, 3em, 0); }
.as-pp-mazzo--viva .as-mz-so__app-v.is-ora i { transition: background-color .3s ease .9s, transform .5s cubic-bezier(.34, 1.56, .64, 1) .9s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__app-v.is-ora i { background-color: transparent; background-image: none; box-shadow: inset 0 0 0 calc(2 * var(--u)) #C9CED4; transform: scale(.6); }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__app-v.is-ora { background-color: transparent; font-weight: 400; }
.as-pp-mazzo--viva .as-mz-so__app-v.is-ora { transition: background-color .4s ease .9s, opacity .5s ease, transform .7s cubic-bezier(.2, .8, .2, 1); }
.as-pp-mazzo--viva .as-mz-so__app-av u { transition: transform 1s cubic-bezier(.2, .8, .2, 1) 1s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__app-av u { transform: scaleX(.78); }
.as-pp-mazzo--viva .as-mz-so__notifica { transition: opacity .45s ease 1.45s, transform .7s cubic-bezier(.2, .9, .3, 1.15) 1.45s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__notifica { opacity: 0; transform: translate3d(0, -1.2em, 0) scale(.94); }
/* 05: il codice si scrive riga per riga, poi la consegna */
.as-pp-mazzo--viva .as-mz-so__r:nth-child(2) { transition-delay: .12s; }
.as-pp-mazzo--viva .as-mz-so__r:nth-child(3) { transition-delay: .24s; }
.as-pp-mazzo--viva .as-mz-so__r:nth-child(4) { transition-delay: .36s; }
.as-pp-mazzo--viva .as-mz-so__r:nth-child(5) { transition-delay: .48s; }
.as-pp-mazzo--viva .as-mz-so__r:nth-child(6) { transition-delay: .6s; }
.as-pp-mazzo--viva .as-pp-mazzo__card:not(.is-viva) .as-mz-so__r { opacity: 0; }
.as-pp-mazzo--viva .as-mz-so__consegna { transition-delay: .8s; }
.as-pp-mazzo--viva .as-mz-so__cv:nth-of-type(2) { transition-delay: 1.1s; }
.as-pp-mazzo--viva .as-mz-so__cv:nth-of-type(3) { transition-delay: 1.25s; }
.as-pp-mazzo--viva .as-mz-so__cv:nth-of-type(4) { transition-delay: 1.4s; }