/* LE LEZIONI VISIVE DEL PERCORSO: lo stile (la base e' price-action.css, qui solo cio' che cambia) */
.lv-svg text{font-family:var(--display)}
.lv-anima .lv-p{opacity:0;animation:lv-entra .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * .22s + .15s)}
.lv-anima .lv-q{opacity:0;animation:lv-entra .3s ease forwards;animation-delay:calc(var(--j) * .02s + .3s)}
.lv-anima .lv-dondola{animation:lv-dondola 3.2s ease-in-out .4s infinite}
@keyframes lv-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes lv-dondola{0%,100%{transform:rotate(0)}30%,60%{transform:rotate(-9deg)}}
.lv-svg .lv-p{transform-box:fill-box}
.lv-grande{background:rgba(255,255,255,.02);border-radius:14px}
.lv-frase{font-size:19px!important;line-height:1.4;color:var(--testo)!important;font-weight:650}

/* dentro il percorso: il modulo a schede prende tutta la larghezza */
.moduli .lv-modulo{grid-column:1/-1}
.lv-intro{color:var(--testo-2);font-size:14.5px;margin:2px 0 0}
.lv-griglia{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;margin-top:4px}
.lv-card .pa-mini{background:rgba(255,255,255,.02);border-radius:10px}
.lv-card b{font-size:14px;line-height:1.3}
.lv-card.fatto{border-color:rgba(0,200,120,.45)}
.lv-allena{align-self:flex-start}

/* la domanda di Vix */
.lv-dom{gap:14px}
.lv-dom .pa-opz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.lv-fine{flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.lv-fine .pa-vix-fig{width:150px;height:200px;flex:0 0 150px}
.lv-fine h2{font-size:44px;color:var(--menta)}
@media (prefers-reduced-motion:reduce){.lv-anima .lv-p,.lv-anima .lv-q{opacity:1;animation:none}.lv-anima .lv-dondola{animation:none}}