/* Hub Superia Travel: bottoni, riquadro WhatsApp e illustrazioni animate dei servizi.
   Generato da scripts/genera_stile_hub.py (vedi regole in testa a quel file): non modificare a mano. */
.zp-demo-cta { margin-top: 18px; }
.agt-anim { flex-direction: column; justify-content: center; }
.agt-anim .agv-panel { flex: 1; }
.agt-anim .agv-panel > :last-child { flex: 1; min-height: 0; }

/* Titoli della parte chiara in semibold. Helvetica Now Display sul sito ha solo Medium (500)
   e Bold (700): il semibold si ottiene dal Medium con un contorno sottile del colore del testo. */
.integration-section .heading-12, .integration-section .heading-10,
.integration-section .features-zpattern-section .feature-slide-title-2.zp-service-title,
.integration-section .slider01_comp .feature-slide-title-2 {
  font-weight: 500 !important; -webkit-text-stroke: 0.4px currentColor; }

/* Etichetta sopra il titolo di ogni servizio: dice che cos'e' (compilatore, preventivatore...).
   Angoli di 6px come le etichette dei casi studio, niente pillole. */
.agt-strumento { display: inline-block; margin-bottom: 12px; padding: 5px 10px; border-radius: 6px; font-family: 'Satoshi', sans-serif;
  font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: 0.02em; background: rgba(139,92,255,0.14); color: #8b5cff; }

/* Documenti (liste passeggeri, polizze, rooming list, carte d'imbarco, MePA): un blocco solo con
   le schede in alto; la scheda accesa mostra il suo testo e la sua illustrazione (js/schede-hub.js).
   Le schede si vedono gia' tutte: dentro il gruppo niente entrata dal basso, entra il gruppo. */
.features-zpattern-section .agt-gruppo { flex-direction: column; align-items: stretch; gap: 40px; }
.agt-gruppo__schede { display: flex; flex-wrap: wrap; gap: 8px; }
.agt-gruppo__scheda { all: unset; box-sizing: border-box; cursor: pointer; padding: 10px 16px; border-radius: 8px; font-family: 'Satoshi', sans-serif;
  font-size: 15px; font-weight: 700; line-height: 1.3; color: #1a1a1a; background: #f1f1ef; border: 1px solid #e2e2de; transition: background-color 0.2s, color 0.2s; }
.agt-gruppo__scheda:hover { background: #e6e6e2; }
.agt-gruppo__scheda.is-attiva { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.agt-gruppo__scheda:focus-visible { outline: 2px solid #8b5cff; outline-offset: 3px; }
.features-zpattern-section .agt-gruppo__pannello { display: none; margin-top: 0; opacity: 1; translate: 0 0; transition: none; }
.features-zpattern-section .agt-gruppo__pannello.is-attivo { display: flex; }

/* Illustrazioni della sezione a Z: la finestra bianca dell'app sta su uno sfondo colorato
   con le palline che si muovono (stesso linguaggio dei casi studio). Lo sfondo del sito
   resta bianco e nero: il colore sta solo dentro le illustrazioni e nelle prove. */
.agt-tela { border: 0 !important; }
/* Sfondi delle illustrazioni: sempre neri, il colore sta solo nelle palline (prova del 22/10:
   con i fondi pieni i bottoni arancio si perdevano). Ordine viola, arancio, giallo, verde.
   Le palline arancio vanno bene perche' sono sfocate; dentro le illustrazioni invece l'arancio
   solo in dettagli piccoli: un blocco grande arancio sembra un bottone. */
.agt-tela--viola { background: #1a1a1a !important; --p1: rgba(139,92,255,0.55); --p2: rgba(255,255,255,0.1); --p3: rgba(139,92,255,0.35); }
.agt-tela--arancio { background: #1a1a1a !important; --p1: rgba(254,74,34,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(254,74,34,0.3); }
.agt-tela--giallo { background: #1a1a1a !important; --p1: rgba(255,208,38,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(255,208,38,0.3); }
.agt-tela--verde { background: #1a1a1a !important; --p1: rgba(37,211,102,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(37,211,102,0.3); }
.agt-tela > :not(.agt-prova__luci) { position: relative; z-index: 1; }
.agt-tela .agv-panel { box-shadow: 0 14px 34px rgba(26,26,26,0.22); border-color: rgba(255,255,255,0.7); }
.agt-tela .agv-arrow { color: #fff; }

/* Nelle illustrazioni lo sfondo sta fermo: il movimento e' gia' quello dell'app */
.agt-tela, .agt-tela .agt-prova__luci i { animation: none !important; }
/* Testi che stanno direttamente sul colore (intestazione della rooming list): chiari */
.agt-tela .agv-rooming__head b { color: #fff !important; }
.agt-tela .agv-rooming__head span { color: rgba(255,255,255,0.85) !important; }

/* Catalogo: foto che cambia, cursore che passa sul testo, export che pulsa */
.agt-cat { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px; }
.agt-cat__foto { position: relative; border-radius: 8px; overflow: hidden; }
.agt-cat__foto i { position: absolute; inset: 0; }
.agt-cat__foto i:nth-child(1) { background: #ffd026; }
.agt-cat__foto i:nth-child(2) { background: #8b5cff; animation: agt-foto-2 12s ease-in-out infinite; }
.agt-cat__foto i:nth-child(3) { background: #25d366; animation: agt-foto-3 12s ease-in-out infinite; }
@keyframes agt-foto-2 { 0%, 30% { opacity: 0; } 36%, 60% { opacity: 1; } 66%, 100% { opacity: 0; } }
@keyframes agt-foto-3 { 0%, 60% { opacity: 0; } 66%, 90% { opacity: 1; } 96%, 100% { opacity: 0; } }
.agt-cat__testo { position: relative; display: flex; flex-direction: column; gap: 12px; }
.agt-cat__testo b { font-size: 16px; line-height: 1.25; }
.agt-cat__riga { display: block; height: 9px; border-radius: 5px; background: var(--agv-line-2); transform-origin: left center; }
.agt-cat__riga--corta { width: 60%; }
.agt-cat__cursore { position: absolute; left: -5px; right: -5px; top: 46px; height: 19px; border-left: 2px solid #8b5cff; background: rgba(139,92,255,0.12); border-radius: 3px; animation: agt-cursore 6s ease-in-out infinite; }
@keyframes agt-cursore { 0%, 12% { transform: translateY(0); } 25%, 37% { transform: translateY(21px); } 50%, 62% { transform: translateY(42px); } 75%, 87% { transform: translateY(63px); } 100% { transform: translateY(0); } }
.agt-cat__prezzo { margin-top: auto; color: #fe4a22; font-weight: 700; font-size: 16px; transform-origin: left center; }
.agt-cat__pdf { align-self: flex-start; background: #1a1a1a; color: #fff; border-radius: 500px; padding: 7px 13px; font-size: 11px; font-weight: 700; transform-origin: left center; }
.agt-cat__pdf span { display: inline-block; animation: agt-pulsa 2.4s ease-in-out infinite; }
@keyframes agt-pulsa { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }

/* Preventivo: come i capitolati MePA. A sinistra entra la richiesta (scheda come quella delle
   polizze, con la lettura che passa), al centro Superia, a destra esce il preventivo voce per
   voce con il totale e il timbro. Fra le colonne il tratteggio viola che scorre. */
.agt-pv { display: grid; grid-template-columns: 1fr 28px auto 28px 1.2fr; align-items: center; padding: 18px; }
.agt-pv__richiesta { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 10px;
  background: #fff; border: 1px solid var(--agv-line-2); box-shadow: 0 10px 26px rgba(26,26,26,0.12); font-size: 12px; }
.agt-pv__da { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--agv-line); }
.agt-pv__da i { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 6px; background: rgba(139,92,255,0.14); color: #8b5cff; font-style: normal; font-size: 11px; font-weight: 700; }
.agt-pv__da b { display: block; font-size: 11px; }
.agt-pv__da small { display: block; font-size: 10px; color: var(--agv-muted); }
.agt-pv__oggetto { font-size: 14px; line-height: 1.25; }
.agt-pv__dato { display: flex; justify-content: space-between; gap: 8px; padding: 6px 8px; border-radius: 6px; background: var(--agv-soft); font-weight: 700; }
.agt-pv__dato small { font-size: 10px; font-weight: 500; color: var(--agv-muted); }
.agt-pv__scan { position: absolute; left: 0; right: 0; top: 0; height: 34px; background: linear-gradient(180deg, transparent, rgba(139,92,255,0.18), transparent);
  transform: translateY(-40px); pointer-events: none; }
.agt-anim.is-visible .agt-pv__scan { animation: agt-pv-scan 12s ease-in-out infinite; }
@keyframes agt-pv-scan { 0%, 6% { transform: translateY(-40px); } 22% { transform: translateY(210px); } 23%, 100% { transform: translateY(-40px); opacity: 0; } }
.agt-pv__filo { position: relative; height: 2px; overflow: hidden; transform-origin: left center; }
.agt-pv__filo::before { content: ""; position: absolute; top: 0; bottom: 0; left: -12px; right: 0;
  background: repeating-linear-gradient(90deg, #8b5cff 0 6px, transparent 6px 12px); animation: agt-pv-filo 0.8s linear infinite; }
@keyframes agt-pv-filo { to { transform: translateX(12px); } }
.agt-pv__core { position: relative; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 14px; background: #8b5cff;
  box-shadow: 0 10px 26px rgba(139,92,255,0.4); }
.agt-pv__core::after { content: ""; position: absolute; inset: -6px; border-radius: 18px; border: 2px solid rgba(139,92,255,0.5); animation: agt-pv-onda 1.8s ease-out infinite; }
@keyframes agt-pv-onda { from { transform: scale(0.9); opacity: 1; } to { transform: scale(1.3); opacity: 0; } }
.agt-pv__core img { width: 30px; height: auto; }
.agt-pv__doc { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px; border-radius: 10px; background: #fff;
  border: 1px solid var(--agv-line-2); box-shadow: 0 10px 26px rgba(26,26,26,0.12); }
.agt-pv__titolo { padding-right: 58px; margin-bottom: 6px; font-size: 13px; font-weight: 700; }
.agt-pv__voce { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--agv-line); font-size: 11px; }
.agt-pv__voce em { font-style: normal; color: var(--agv-muted); white-space: nowrap; }
.agt-pv__totale { margin-top: 8px; font-size: 22px; font-weight: 700; color: #1a1a1a; transform-origin: left center; }
.agt-pv__totale small { font-size: 11px; font-weight: 500; color: var(--agv-muted); }
.agt-pv__timbro { position: absolute; right: 12px; top: 12px; padding: 2px 7px; border-radius: 6px; border: 2px solid #8b5cff; color: #8b5cff;
  font-size: 10px; font-weight: 700; text-transform: uppercase; }

/* Smistant: canali che si accendono, richieste che arrivano e trovano un responsabile */
.agt-inbox { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 16px; }
.agt-inbox__canali { display: flex; flex-direction: column; justify-content: space-around; gap: 6px; }
.agt-inbox__canali span { font-size: 11px; font-weight: 700; border-radius: 500px; padding: 6px 12px; background: var(--agv-soft); text-align: center; animation: agt-canale 8s ease-in-out infinite; }
.agt-inbox__canali span:nth-child(2) { animation-delay: 2s; }
.agt-inbox__canali span:nth-child(3) { animation-delay: 4s; }
.agt-inbox__canali span:nth-child(4) { animation-delay: 6s; }
@keyframes agt-canale { 0%, 100% { opacity: 0.45; } 5%, 20% { opacity: 1; } 28% { opacity: 0.45; } }
.agt-inbox__lista { display: flex; flex-direction: column; gap: 8px; }
.agt-inbox__msg { flex: 1; display: grid; grid-template-columns: 1fr auto; align-content: center; column-gap: 8px; background: #fff; border: 1px solid var(--agv-line); border-radius: 7px; padding: 6px 10px; box-shadow: inset 3px 0 0 #8b5cff; }
.agt-inbox__msg b { font-size: 12px; }
.agt-inbox__msg small { grid-row: 2; font-size: 10px; color: var(--agv-muted); }
.agt-inbox__msg em { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-style: normal; font-size: 11px; font-weight: 700; color: #fff; background: #fe4a22; border-radius: 500px; padding: 4px 10px; }

/* IVA 74-ter: fatture che si collegano alle pratiche, anomalia in evidenza */
.agt-match { display: grid; grid-template-columns: 1fr 60px 1fr; padding: 16px; }
.agt-match__col { display: grid; grid-template-rows: repeat(4, 1fr); gap: 10px; }
.agt-match__card { display: flex; flex-direction: column; justify-content: center; background: #fff; border: 1px solid var(--agv-line-2); border-radius: 7px; padding: 6px 10px; font-size: 11px; font-weight: 700; }
.agt-match__card small { font-weight: 500; font-size: 10px; color: var(--agv-muted); }
.agt-match__card--pratica { background: rgba(139,92,255,0.1); border-color: rgba(139,92,255,0.4); }
.agt-match__card--dubbio { color: #fe4a22; border: 1px dashed #fe4a22; }
.agt-match__linee { width: 100%; height: 100%; overflow: visible; }
.agt-match__linee path { fill: none; stroke: #8b5cff; stroke-width: 2; stroke-dasharray: 6 5; vector-effect: non-scaling-stroke; animation: agt-flusso 1.2s linear infinite; }
.agt-match__l4 { stroke: #fe4a22 !important; }
@keyframes agt-flusso { to { stroke-dashoffset: -22; } }

/* Telefono: onda della voce, dialogo, nota per il collega */
.agt-call { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 16px; }
.agt-call__onda { display: flex; align-items: center; justify-content: center; gap: 5px; height: 44px; flex: 0 0 auto; }
.agt-call__onda i { width: 5px; height: 100%; border-radius: 3px; background: #8b5cff; transform-origin: center; animation: agt-onda 1.1s ease-in-out infinite alternate; }
.agt-call__onda i:nth-child(2n) { animation-delay: -0.3s; background: #fe4a22; }
.agt-call__onda i:nth-child(3n) { animation-delay: -0.6s; }
.agt-call__onda i:nth-child(5n) { animation-delay: -0.9s; }
@keyframes agt-onda { from { transform: scaleY(0.2); } to { transform: scaleY(1); } }
.agt-call__b { margin: 0; padding: 9px 12px; border-radius: 12px; max-width: 82%; font-size: 12px; }
.agt-call__b--in { background: var(--agv-soft); }
.agt-call__b--out { background: rgba(139,92,255,0.12); align-self: flex-end; }
.agt-call__nota { align-self: flex-start; font-size: 11px; font-weight: 700; color: #fe4a22; border: 1px dashed rgba(254,74,34,0.5); border-radius: 6px; padding: 6px 10px; transform-origin: left center; }

/* Gestionale: menu che scorre, pratiche con lo stato, grafico che si muove */
.agt-gest { display: grid; grid-template-columns: 38px 1fr; }
.agt-gest__menu { background: #1a1a1a; display: flex; flex-direction: column; gap: 10px; padding: 12px 10px; }
.agt-gest__menu i { display: block; height: 16px; border-radius: 4px; background: rgba(255,255,255,0.18); animation: agt-menu 8s ease-in-out infinite; }
.agt-gest__menu i:nth-child(2) { animation-delay: 2s; }
.agt-gest__menu i:nth-child(3) { animation-delay: 4s; }
.agt-gest__menu i:nth-child(4) { animation-delay: 6s; }
@keyframes agt-menu { 0%, 100% { background: rgba(255,255,255,0.18); } 5%, 22% { background: #fe4a22; } 27% { background: rgba(255,255,255,0.18); } }
.agt-gest__main { display: flex; flex-direction: column; gap: 8px; padding: 12px; min-height: 0; }
.agt-gest__kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.agt-gest__kpi > div { background: #fff; border: 1px solid var(--agv-line); border-radius: 7px; padding: 7px 9px; }
.agt-gest__kpi small { display: block; font-size: 9px; color: var(--agv-muted); }
.agt-gest__kpi b { display: inline-block; font-size: 17px; }
.agt-gest__righe { flex: 1; display: flex; flex-direction: column; gap: 5px; min-height: 0; }
.agt-gest__riga { flex: 1; display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--agv-line); border-radius: 6px; padding: 0 10px; font-size: 11px; }
.agt-gest__stato { font-style: normal; font-size: 10px; font-weight: 700; border-radius: 500px; padding: 3px 9px; }
.agt-gest__stato--a { background: rgba(254,74,34,0.14); color: #fe4a22; }
.agt-gest__stato--a::after { content: "In partenza"; }
.agt-gest__stato--b { background: rgba(139,92,255,0.14); color: #8b5cff; }
.agt-gest__stato--b::after { content: "Confermata"; }
.agt-gest__stato--c { background: rgba(255,208,38,0.3); color: #1a1a1a; }
.agt-gest__stato--c::after { content: "Preventivo"; }
.agt-gest__grafico { flex: 0 0 64px; display: flex; align-items: flex-end; gap: 7px; }
.agt-gest__grafico i { flex: 1; height: 100%; border-radius: 4px 4px 0 0; background: #8b5cff; transform-origin: bottom center; animation: agt-barra 2.4s ease-in-out infinite alternate; }
.agt-gest__grafico i:nth-child(1) { animation-delay: -0.2s; }
.agt-gest__grafico i:nth-child(2) { animation-delay: -1.1s; }
.agt-gest__grafico i:nth-child(3) { animation-delay: -0.6s; }
.agt-gest__grafico i:nth-child(4) { animation-delay: -1.8s; }
.agt-gest__grafico i:nth-child(5) { animation-delay: -0.9s; }
.agt-gest__grafico i:nth-child(6) { animation-delay: -1.4s; }
.agt-gest__grafico i:nth-child(7) { animation-delay: -0.4s; background: #fe4a22; }
@keyframes agt-barra { from { transform: scaleY(0.35); } to { transform: scaleY(1); } }

/* Riquadro WhatsApp: icona, sfondo della chat, grafico delle prenotazioni */
.agt-wa-box { margin-top: 120px; }
.agt-wa-box__btn { margin-top: 2rem; }
.agt-wa-box__img { width: 480px; max-width: 100%; }
.agt-wa-unito { white-space: nowrap; }
.agt-wa-titolo svg { display: inline-block; width: 1.25em; height: 1.25em; margin-left: 0.25em; vertical-align: -0.28em; }
.agt-anim--whatsapp { aspect-ratio: auto; min-height: 380px; padding: 0; }
.agt-wa { position: relative; display: flex; flex-direction: column; gap: 12px; flex: 1; padding-bottom: 18px; background-color: #efeae2; }
.agt-wa__head { display: flex; align-items: center; gap: 10px; background: #075e54; color: #fff; font-weight: 700; padding: 11px 16px; font-size: 13px; }
.agt-wa__head svg { width: 26px; height: 26px; }
.agt-wa__head small { display: block; font-weight: 500; font-size: 10px; opacity: 0.8; }
.agt-wa__msg { position: relative; margin: 0 16px; padding: 9px 12px; background: #fff; border-radius: 8px; max-width: 76%; font-size: 12px; box-shadow: 0 1px 1px rgba(0,0,0,0.08); }
.agt-wa__msg--2 { background: #d9fdd3; align-self: flex-end; }
.agt-wa__spunte { margin-left: 6px; font-size: 10px; color: #53bdeb; }
.agt-wa__stonks { position: absolute; right: 14px; bottom: 14px; width: 170px; background: #fff; border-radius: 10px; padding: 10px 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.14); transform-origin: right bottom; }
.agt-wa__stonks b { display: flex; justify-content: space-between; align-items: center; font-size: 11px; }
.agt-wa__stonks b span { color: #25d366; font-size: 14px; }
.agt-wa__stonks svg { display: block; width: 100%; height: 52px; margin-top: 6px; overflow: visible; }
.agt-wa__stonks path { fill: none; stroke: #25d366; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 200; stroke-dashoffset: 200; }
.agt-wa__stonks .agt-wa__area { fill: rgba(37,211,102,0.15); stroke: none; stroke-dasharray: none; }
.agt-anim.is-visible .agt-wa__stonks path:not(.agt-wa__area) { animation: agt-stonks 12s ease-out infinite both; }
@keyframes agt-stonks { 0%, 21% { stroke-dashoffset: 200; } 32%, 100% { stroke-dashoffset: 0; } }

/* Casi studio: staccati dal riquadro sopra, titolo su due righe */
.agt-casi { margin-top: 120px; }
.agt-casi .section-small-wrap, .agt-casi .header.umanoidi, .agt-casi .heading-10 { width: 100%; max-width: 980px; }
.agt-casi .header.umanoidi { gap: 18px; }
.agt-casi .header.umanoidi .heading-10 { margin: 0; }
.agt-casi .header.umanoidi .max-width-48ch { max-width: 620px; }
/* Componente "prova": riquadri dove la pagina mostra un risultato (casi studio, risultato
   del calcolatore). Fondo nero, palline di luce colorate che si muovono e pulsano dietro,
   il numero in bianco sopra. */
.agt-prova { position: relative; overflow: hidden; isolation: isolate; color: #fff; border: 0 !important; }
/* Un colore della palette per riquadro, solo nelle palline: con i fondi pieni i bottoni
   arancio si perdevano. Niente gradienti. */
.agt-prova--c1, .div-block-28.agt-prova--c1 { background: #1a1a1a !important; --p1: rgba(254,74,34,0.55); --p2: rgba(255,255,255,0.1); --p3: rgba(254,74,34,0.3); }
.agt-prova--c2, .div-block-28.agt-prova--c2 { background: #1a1a1a !important; --p1: rgba(139,92,255,0.55); --p2: rgba(255,255,255,0.1); --p3: rgba(139,92,255,0.35); }
.agt-prova--c3, .div-block-28.agt-prova--c3 { background: #1a1a1a !important; --p1: rgba(255,208,38,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(255,208,38,0.3); }
.agt-prova--c4, .div-block-28.agt-prova--c4 { background: #1a1a1a !important; --p1: rgba(139,92,255,0.5); --p2: rgba(255,255,255,0.12); --p3: rgba(139,92,255,0.35); }
.agt-prova--c5, .div-block-28.agt-prova--c5 { background: #1a1a1a !important; --p1: rgba(254,74,34,0.5); --p2: rgba(255,255,255,0.12); --p3: rgba(254,74,34,0.3); }
.agt-prova--c6, .div-block-28.agt-prova--c6 { background: #1a1a1a !important; --p1: rgba(37,211,102,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(37,211,102,0.3); }
.agt-prova--c7 { background: #1a1a1a !important; --p1: rgba(37,211,102,0.5); --p2: rgba(255,255,255,0.1); --p3: rgba(37,211,102,0.3); }

/* Problema/soluzione: le due schede partono allineate in alto (prima lo spazio avanzato si
   distribuiva fra titolo, immagine e lista e la parte alta scivolava); l'avanzo resta in fondo */
.section_libraries-usecases .libraries-usecases_card1 { justify-content: flex-start !important; }

/* Riquadro WhatsApp: nero con le palline verdi, testi chiari, come le prove dei casi studio */
.agt-wa-box .caso-successo-card.agt-prova { background: #1a1a1a !important; border: 0 !important; }
.agt-wa-box .caso-successo-content { position: relative; z-index: 1; }
.agt-wa-box .caso-successo-card.agt-prova .heading-10.text-weight-bold.black { color: #fff !important; }
.agt-wa-box .caso-successo-card .caso-successo-sottotitolo { color: #fff !important; }
.agt-wa-box .caso-successo-card.agt-prova .text-size-regular.black.caso-successo-desc { color: rgba(255,255,255,0.8) !important; opacity: 1; }
.agt-prova__luci { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.agt-prova__luci i { position: absolute; border-radius: 50%; filter: blur(44px); }
.agt-prova__luci i:nth-child(1) { width: 220px; height: 220px; top: -70px; right: -40px; background: var(--p1); animation: agt-pallina-1 7s ease-in-out infinite alternate; }
.agt-prova__luci i:nth-child(2) { width: 180px; height: 180px; bottom: -60px; left: 5%; background: var(--p2); animation: agt-pallina-2 8s ease-in-out infinite alternate; }
.agt-prova__luci i:nth-child(3) { width: 140px; height: 140px; top: 25%; left: 45%; background: var(--p3); animation: agt-pallina-3 6s ease-in-out infinite alternate; }
@keyframes agt-pallina-1 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-60px, 40px) scale(1.15); } 100% { transform: translate(-120px, 10px) scale(0.95); } }
@keyframes agt-pallina-2 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(80px, -50px) scale(1.2); } 100% { transform: translate(160px, -10px) scale(1); } }
@keyframes agt-pallina-3 { 0% { transform: translate(0, 0) scale(0.9); } 50% { transform: translate(-50px, -30px) scale(1.25); } 100% { transform: translate(40px, 30px) scale(1); } }
.agt-prova__corpo { position: relative; z-index: 1; }
.agt-prova, .agt-prova .text-size-large, .agt-prova .text-size-regular { color: #fff !important; }
/* Navbar sopra i riquadri neri: con il fondo al 92% la pillola si scuriva fino al grigio del
   bottone consulenza e il bottone sembrava sparire. Opaca resta identica sul bianco. */
.navbar.w-nav.nav-light .nav-fondo__barra { background-color: rgb(245, 245, 245); }

/* Casi studio */
.agt-anim--caso.agt-prova { padding: 22px; }
.agt-caso { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; height: 100%; padding: 18px 20px; }
.agt-caso__tag { font-size: 12px; font-weight: 700; color: #fff; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.35); border-radius: 6px; padding: 4px 10px; }
.agt-caso__num { font-family: 'Helvetica Now Display', 'Satoshi', sans-serif; font-size: 56px; line-height: 1; color: #fff !important; text-shadow: 0 6px 24px rgba(0,0,0,0.18); }
.agt-caso__unita { font-size: 14px; color: rgba(255,255,255,0.92); max-width: 260px; }

/* Numeri in cima alla pagina */
.div-block-28.agt-prova { padding: 0.75rem !important; border-radius: 1rem !important; box-shadow: none !important; }
.agt-prova__corpo--stat { padding: 1.5rem 1.6rem; height: 100%; }
.agt-prova__corpo--stat .box { opacity: 1; }

/* Risultato del calcolatore */
.risparmio-card.is-result .risparmio-view--result.agt-prova { border-radius: 1rem; padding: 0.75rem; }
.risparmio-view--result .agt-prova__corpo { width: 100%; padding: 2rem 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.risparmio-view--result.agt-prova .risparmio-risultato__label, .risparmio-view--result.agt-prova .risparmio-risultato__ore,
.risparmio-view--result.agt-prova .risparmio-risultato__nota, .risparmio-view--result.agt-prova .risparmio-ricalcola { color: rgba(255,255,255,0.9) !important; }
.risparmio-view--result.agt-prova .risparmio-risultato__euro { color: #fff !important; }

@media (max-width: 767px) {
  /* Come il resto del sito: su telefono niente animazioni continue */
  .agt-prova, .agt-prova * { animation: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .agt-wa__stonks path { stroke-dashoffset: 0; }
}

@media (max-width: 767px) {
  /* Su telefono il sito spegne le animazioni e mostra lo stato finale: qui il grafico di
     WhatsApp gia' disegnato */
  .agt-wa__stonks path { stroke-dashoffset: 0; }
  /* Su telefono la scheda 16:10 e' troppo bassa per questi contenuti: si allunga */
  .features-zpattern-section .agt-anim { aspect-ratio: auto; min-height: 380px; }
  /* Preventivo in colonna: richiesta, Superia, preventivo; il tratteggio diventa verticale */
  .agt-pv { grid-template-columns: 1fr; grid-template-rows: auto 22px auto 22px auto; justify-items: center; padding: 14px; }
  .agt-pv__richiesta, .agt-pv__doc { width: 100%; box-sizing: border-box; }
  .agt-pv__filo { width: 2px; height: 22px; transform-origin: center top; }
  .agt-pv__filo::before { left: 0; top: -12px; background: repeating-linear-gradient(180deg, #8b5cff 0 6px, transparent 6px 12px); animation-name: agt-pv-filo-giu; }
  @keyframes agt-pv-filo-giu { to { transform: translateY(12px); } }
  .agt-pv__core { width: 48px; height: 48px; }
  .agt-pv__core img { width: 24px; }
  .agt-caso__num { font-size: 40px; }
  .agt-wa-box__img { width: 100%; }
  .agt-anim--whatsapp { min-height: 360px; }
  .agt-wa__stonks { width: 140px; }
  .agt-wa-box, .agt-casi { margin-top: 80px; }
}
.agt-anim:not(.is-visible) .agt-cat__testo b,
.agt-anim:not(.is-visible) .agt-cat__riga:nth-of-type(1),
.agt-anim:not(.is-visible) .agt-cat__riga:nth-of-type(2),
.agt-anim:not(.is-visible) .agt-cat__riga:nth-of-type(3),
.agt-anim:not(.is-visible) .agt-cat__riga:nth-of-type(4),
.agt-anim:not(.is-visible) .agt-cat__prezzo,
.agt-anim:not(.is-visible) .agt-cat__pdf,
.agt-anim:not(.is-visible) .agt-pv__richiesta,
.agt-anim:not(.is-visible) .agt-pv__dato:nth-of-type(1),
.agt-anim:not(.is-visible) .agt-pv__dato:nth-of-type(2),
.agt-anim:not(.is-visible) .agt-pv__dato:nth-of-type(3),
.agt-anim:not(.is-visible) .agt-pv__filo--in,
.agt-anim:not(.is-visible) .agt-pv__core,
.agt-anim:not(.is-visible) .agt-pv__filo--out,
.agt-anim:not(.is-visible) .agt-pv__doc,
.agt-anim:not(.is-visible) .agt-pv__voce:nth-child(2),
.agt-anim:not(.is-visible) .agt-pv__voce:nth-child(3),
.agt-anim:not(.is-visible) .agt-pv__voce:nth-child(4),
.agt-anim:not(.is-visible) .agt-pv__voce:nth-child(5),
.agt-anim:not(.is-visible) .agt-pv__totale,
.agt-anim:not(.is-visible) .agt-pv__timbro,
.agt-anim:not(.is-visible) .agt-gest__kpi > div:nth-child(1),
.agt-anim:not(.is-visible) .agt-gest__kpi > div:nth-child(2),
.agt-anim:not(.is-visible) .agt-gest__kpi > div:nth-child(3),
.agt-anim:not(.is-visible) .agt-gest__riga:nth-child(1),
.agt-anim:not(.is-visible) .agt-gest__riga:nth-child(2),
.agt-anim:not(.is-visible) .agt-gest__riga:nth-child(3),
.agt-anim:not(.is-visible) .agt-gest__riga:nth-child(4),
.agt-anim:not(.is-visible) .agt-gest__riga:nth-child(5),
.agt-anim:not(.is-visible) .agt-gest__grafico,
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(1),
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(1) em,
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(2),
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(2) em,
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(3),
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(3) em,
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(4),
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(4) em,
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(5),
.agt-anim:not(.is-visible) .agt-inbox__msg:nth-child(5) em,
.agt-anim:not(.is-visible) .agt-match__col:first-child .agt-match__card:nth-child(1),
.agt-anim:not(.is-visible) .agt-match__col:first-child .agt-match__card:nth-child(2),
.agt-anim:not(.is-visible) .agt-match__col:first-child .agt-match__card:nth-child(3),
.agt-anim:not(.is-visible) .agt-match__col:first-child .agt-match__card:nth-child(4),
.agt-anim:not(.is-visible) .agt-match__linee,
.agt-anim:not(.is-visible) .agt-match__col:last-child .agt-match__card:nth-child(1),
.agt-anim:not(.is-visible) .agt-match__col:last-child .agt-match__card:nth-child(2),
.agt-anim:not(.is-visible) .agt-match__col:last-child .agt-match__card:nth-child(3),
.agt-anim:not(.is-visible) .agt-match__col:last-child .agt-match__card:nth-child(4),
.agt-anim:not(.is-visible) .agt-call__b:nth-of-type(1),
.agt-anim:not(.is-visible) .agt-call__b:nth-of-type(2),
.agt-anim:not(.is-visible) .agt-call__b:nth-of-type(3),
.agt-anim:not(.is-visible) .agt-call__b:nth-of-type(4),
.agt-anim:not(.is-visible) .agt-call__nota,
.agt-anim:not(.is-visible) .agt-wa__msg--1,
.agt-anim:not(.is-visible) .agt-wa__msg--2,
.agt-anim:not(.is-visible) .agt-wa__msg--3,
.agt-anim:not(.is-visible) .agt-wa__stonks { opacity: 0; }
.agt-anim.is-visible .agt-cat__testo b { animation: agt-c-agt-cat--testo-b-0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__riga:nth-of-type(1) { animation: agt-c-agt-cat--riga-nth-of-type-1-1 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__riga:nth-of-type(2) { animation: agt-c-agt-cat--riga-nth-of-type-2-2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__riga:nth-of-type(3) { animation: agt-c-agt-cat--riga-nth-of-type-3-3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__riga:nth-of-type(4) { animation: agt-c-agt-cat--riga-nth-of-type-4-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__prezzo { animation: agt-c-agt-cat--prezzo-5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-cat__pdf { animation: agt-c-agt-cat--pdf-6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__richiesta { animation: agt-c-agt-pv--richiesta-0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__dato:nth-of-type(1) { animation: agt-c-agt-pv--dato-nth-of-type-1-1_0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__dato:nth-of-type(2) { animation: agt-c-agt-pv--dato-nth-of-type-2-1_6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__dato:nth-of-type(3) { animation: agt-c-agt-pv--dato-nth-of-type-3-2_2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__filo--in { animation: agt-c-agt-pv--filo--in-3_2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__core { animation: agt-c-agt-pv--core-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__filo--out { animation: agt-c-agt-pv--filo--out-4_8 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__doc { animation: agt-c-agt-pv--doc-5_6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__voce:nth-child(2) { animation: agt-c-agt-pv--voce-nth-child-2-6_4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__voce:nth-child(3) { animation: agt-c-agt-pv--voce-nth-child-3-7_0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__voce:nth-child(4) { animation: agt-c-agt-pv--voce-nth-child-4-7_6000000000000005 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__voce:nth-child(5) { animation: agt-c-agt-pv--voce-nth-child-5-8_2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__totale { animation: agt-c-agt-pv--totale-9_2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-pv__timbro { animation: agt-c-agt-pv--timbro-10_2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__kpi > div:nth-child(1) { animation: agt-c-agt-gest--kpi---div-nth-child-1-0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__kpi > div:nth-child(2) { animation: agt-c-agt-gest--kpi---div-nth-child-2-1 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__kpi > div:nth-child(3) { animation: agt-c-agt-gest--kpi---div-nth-child-3-2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__riga:nth-child(1) { animation: agt-c-agt-gest--riga-nth-child-1-3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__riga:nth-child(2) { animation: agt-c-agt-gest--riga-nth-child-2-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__riga:nth-child(3) { animation: agt-c-agt-gest--riga-nth-child-3-5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__riga:nth-child(4) { animation: agt-c-agt-gest--riga-nth-child-4-6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__riga:nth-child(5) { animation: agt-c-agt-gest--riga-nth-child-5-7 12s ease-out infinite both; }
.agt-anim.is-visible .agt-gest__grafico { animation: agt-c-agt-gest--grafico-8 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(1) { animation: agt-c-agt-inbox--msg-nth-child-1-0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(1) em { animation: agt-c-agt-inbox--msg-nth-child-1--em-2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(2) { animation: agt-c-agt-inbox--msg-nth-child-2-1 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(2) em { animation: agt-c-agt-inbox--msg-nth-child-2--em-3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(3) { animation: agt-c-agt-inbox--msg-nth-child-3-2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(3) em { animation: agt-c-agt-inbox--msg-nth-child-3--em-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(4) { animation: agt-c-agt-inbox--msg-nth-child-4-3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(4) em { animation: agt-c-agt-inbox--msg-nth-child-4--em-5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(5) { animation: agt-c-agt-inbox--msg-nth-child-5-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-inbox__msg:nth-child(5) em { animation: agt-c-agt-inbox--msg-nth-child-5--em-6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:first-child .agt-match__card:nth-child(1) { animation: agt-c-agt-match--col-first-child--agt-match--0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:first-child .agt-match__card:nth-child(2) { animation: agt-c-agt-match--col-first-child--agt-match--1 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:first-child .agt-match__card:nth-child(3) { animation: agt-c-agt-match--col-first-child--agt-match--2 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:first-child .agt-match__card:nth-child(4) { animation: agt-c-agt-match--col-first-child--agt-match--3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__linee { animation: agt-c-agt-match--linee-4 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:last-child .agt-match__card:nth-child(1) { animation: agt-c-agt-match--col-last-child--agt-match---5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:last-child .agt-match__card:nth-child(2) { animation: agt-c-agt-match--col-last-child--agt-match---6 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:last-child .agt-match__card:nth-child(3) { animation: agt-c-agt-match--col-last-child--agt-match---7 12s ease-out infinite both; }
.agt-anim.is-visible .agt-match__col:last-child .agt-match__card:nth-child(4) { animation: agt-c-agt-match--col-last-child--agt-match---8 12s ease-out infinite both; }
.agt-anim.is-visible .agt-call__b:nth-of-type(1) { animation: agt-c-agt-call--b-nth-of-type-1-1_0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-call__b:nth-of-type(2) { animation: agt-c-agt-call--b-nth-of-type-2-2_5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-call__b:nth-of-type(3) { animation: agt-c-agt-call--b-nth-of-type-3-4_0 12s ease-out infinite both; }
.agt-anim.is-visible .agt-call__b:nth-of-type(4) { animation: agt-c-agt-call--b-nth-of-type-4-5_5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-call__nota { animation: agt-c-agt-call--nota-8 12s ease-out infinite both; }
.agt-anim.is-visible .agt-wa__msg--1 { animation: agt-c-agt-wa--msg--1-1 12s ease-out infinite both; }
.agt-anim.is-visible .agt-wa__msg--2 { animation: agt-c-agt-wa--msg--2-3 12s ease-out infinite both; }
.agt-anim.is-visible .agt-wa__msg--3 { animation: agt-c-agt-wa--msg--3-5 12s ease-out infinite both; }
.agt-anim.is-visible .agt-wa__stonks { animation: agt-c-agt-wa--stonks-7 12s ease-out infinite both; }
@keyframes agt-c-agt-cat--testo-b-0 {
  0%, 1.0% { opacity: 0; transform: translateY(10px); }
  4.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-cat--riga-nth-of-type-1-1 {
  0%, 3.6% { opacity: 0; transform: scaleX(0); }
  7.1%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-cat--riga-nth-of-type-2-2 {
  0%, 6.2% { opacity: 0; transform: scaleX(0); }
  9.7%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-cat--riga-nth-of-type-3-3 {
  0%, 8.8% { opacity: 0; transform: scaleX(0); }
  12.3%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-cat--riga-nth-of-type-4-4 {
  0%, 11.4% { opacity: 0; transform: scaleX(0); }
  14.9%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-cat--prezzo-5 {
  0%, 14.0% { opacity: 0; transform: scale(0.85); }
  17.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-cat--pdf-6 {
  0%, 16.6% { opacity: 0; transform: scale(0.85); }
  20.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--richiesta-0 {
  0%, 1.0% { opacity: 0; transform: translateX(-18px); }
  4.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--dato-nth-of-type-1-1_0 {
  0%, 3.6% { opacity: 0; transform: translateY(10px); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--dato-nth-of-type-2-1_6 {
  0%, 5.2% { opacity: 0; transform: translateY(10px); }
  8.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--dato-nth-of-type-3-2_2 {
  0%, 6.7% { opacity: 0; transform: translateY(10px); }
  10.2%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--filo--in-3_2 {
  0%, 9.3% { opacity: 0; transform: scaleX(0); }
  12.8%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-pv--core-4 {
  0%, 11.4% { opacity: 0; transform: scale(0.85); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--filo--out-4_8 {
  0%, 13.5% { opacity: 0; transform: scaleX(0); }
  17.0%, 93% { opacity: 1; transform: scaleX(1); }
  98%, 100% { opacity: 0; transform: scaleX(1); }
}
@keyframes agt-c-agt-pv--doc-5_6 {
  0%, 15.6% { opacity: 0; transform: scale(0.85); }
  19.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--voce-nth-child-2-6_4 {
  0%, 17.6% { opacity: 0; transform: translateY(10px); }
  21.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--voce-nth-child-3-7_0 {
  0%, 19.2% { opacity: 0; transform: translateY(10px); }
  22.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--voce-nth-child-4-7_6000000000000005 {
  0%, 20.8% { opacity: 0; transform: translateY(10px); }
  24.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--voce-nth-child-5-8_2 {
  0%, 22.3% { opacity: 0; transform: translateY(10px); }
  25.8%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--totale-9_2 {
  0%, 24.9% { opacity: 0; transform: scale(0.85); }
  28.4%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-pv--timbro-10_2 {
  0%, 27.5% { opacity: 0; transform: scale(0.85); }
  31.0%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--kpi---div-nth-child-1-0 {
  0%, 1.0% { opacity: 0; transform: scale(0.85); }
  4.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--kpi---div-nth-child-2-1 {
  0%, 3.6% { opacity: 0; transform: scale(0.85); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--kpi---div-nth-child-3-2 {
  0%, 6.2% { opacity: 0; transform: scale(0.85); }
  9.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--riga-nth-child-1-3 {
  0%, 8.8% { opacity: 0; transform: translateX(-18px); }
  12.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--riga-nth-child-2-4 {
  0%, 11.4% { opacity: 0; transform: translateX(-18px); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--riga-nth-child-3-5 {
  0%, 14.0% { opacity: 0; transform: translateX(-18px); }
  17.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--riga-nth-child-4-6 {
  0%, 16.6% { opacity: 0; transform: translateX(-18px); }
  20.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--riga-nth-child-5-7 {
  0%, 19.2% { opacity: 0; transform: translateX(-18px); }
  22.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-gest--grafico-8 {
  0%, 21.8% { opacity: 0; transform: translateY(10px); }
  25.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-1-0 {
  0%, 1.0% { opacity: 0; transform: translateX(-18px); }
  4.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-1--em-2 {
  0%, 6.2% { opacity: 0; transform: scale(0.85); }
  9.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-2-1 {
  0%, 3.6% { opacity: 0; transform: translateX(-18px); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-2--em-3 {
  0%, 8.8% { opacity: 0; transform: scale(0.85); }
  12.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-3-2 {
  0%, 6.2% { opacity: 0; transform: translateX(-18px); }
  9.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-3--em-4 {
  0%, 11.4% { opacity: 0; transform: scale(0.85); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-4-3 {
  0%, 8.8% { opacity: 0; transform: translateX(-18px); }
  12.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-4--em-5 {
  0%, 14.0% { opacity: 0; transform: scale(0.85); }
  17.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-5-4 {
  0%, 11.4% { opacity: 0; transform: translateX(-18px); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-inbox--msg-nth-child-5--em-6 {
  0%, 16.6% { opacity: 0; transform: scale(0.85); }
  20.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-first-child--agt-match--0 {
  0%, 1.0% { opacity: 0; transform: translateX(-18px); }
  4.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-first-child--agt-match--1 {
  0%, 3.6% { opacity: 0; transform: translateX(-18px); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-first-child--agt-match--2 {
  0%, 6.2% { opacity: 0; transform: translateX(-18px); }
  9.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-first-child--agt-match--3 {
  0%, 8.8% { opacity: 0; transform: translateX(-18px); }
  12.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--linee-4 {
  0%, 11.4% { opacity: 0; transform: translateY(10px); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-last-child--agt-match---5 {
  0%, 14.0% { opacity: 0; transform: scale(0.85); }
  17.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-last-child--agt-match---6 {
  0%, 16.6% { opacity: 0; transform: scale(0.85); }
  20.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-last-child--agt-match---7 {
  0%, 19.2% { opacity: 0; transform: scale(0.85); }
  22.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-match--col-last-child--agt-match---8 {
  0%, 21.8% { opacity: 0; transform: scale(0.85); }
  25.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-call--b-nth-of-type-1-1_0 {
  0%, 3.6% { opacity: 0; transform: translateY(10px); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-call--b-nth-of-type-2-2_5 {
  0%, 7.5% { opacity: 0; transform: translateY(10px); }
  11.0%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-call--b-nth-of-type-3-4_0 {
  0%, 11.4% { opacity: 0; transform: translateY(10px); }
  14.9%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-call--b-nth-of-type-4-5_5 {
  0%, 15.3% { opacity: 0; transform: translateY(10px); }
  18.8%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-call--nota-8 {
  0%, 21.8% { opacity: 0; transform: scale(0.85); }
  25.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-wa--msg--1-1 {
  0%, 3.6% { opacity: 0; transform: translateY(10px); }
  7.1%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-wa--msg--2-3 {
  0%, 8.8% { opacity: 0; transform: translateY(10px); }
  12.3%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-wa--msg--3-5 {
  0%, 14.0% { opacity: 0; transform: translateY(10px); }
  17.5%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}
@keyframes agt-c-agt-wa--stonks-7 {
  0%, 19.2% { opacity: 0; transform: scale(0.85); }
  22.7%, 93% { opacity: 1; transform: none; }
  98%, 100% { opacity: 0; transform: none; }
}