/* ─────────────────────────────────────────────────────────────────────────
   LA CALCOLATRICE (#conto) — solo la home (giro 2, 10/10/2026 sera). Staccata da casa.css perché
   quel file superava i 60 KB; la caricano solo le pagine che hanno la calcolatrice. Le parti comuni
   (colori, bottoni, fondo vivo) sono in sito.css.
   ───────────────────────────────────────────────────────────────────────── */
/* --- 2. il conto: CHIUSO (il titolo, il numero d'esempio in grande e un tasto) e APERTO (il palco scuro con schede un po' più chiare) ------------
   Giro 2 (10/10 sera): la calcolatrice parte chiusa e si apre con un movimento; dentro è su fondo scuro, schede appena più
   chiare, titoli bianchi, numeri a destra grandi; «ESEMPIO», «Perché questo numero» e «Vedi come» più leggeri; il lavoro è un elenco.
   Ogni testo ha contrasto 4,5:1 o più (bianco e bianco al 74-78% sulle schede scure, verde chiaro #86EFAC, ambra #FDE68A). */
.zk-chiusa{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:center;padding:24px 20px 22px;border-radius:28px;box-shadow:0 40px 80px -44px rgba(11,26,20,.7)}
@media(min-width:768px){.zk-chiusa{padding:36px 40px}}
@media(min-width:1024px){.zk-chiusa{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-column-gap:56px;column-gap:56px;padding:46px 56px}}
.zk-chiusa[hidden]{display:none}
.zk-ch-testo,.zk-ch-az{min-width:0}
.zk-chiusa .zk-tot-w{margin-top:20px}
.zk-chiusa .zk-tot{font-size:clamp(46px,14vw,92px)}
@media(min-width:1024px){.zk-chiusa .zk-tot{font-size:clamp(64px,6.6vw,104px)}}
.zk-chiusa .zk-pila{margin-top:20px}
.zk-apri{width:100%;min-height:64px;font-size:18px}
.zk-ch-nota{margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--chiaro2);text-align:center}

/* aperto: il palco scuro (niente overflow: il risultato resta fermo a destra mentre scorri) */
.zk{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "dom" "ris" "righe" "fondo";grid-gap:14px;gap:14px;align-items:start;padding:10px 8px 14px;border-radius:28px;background:#0B1A14;background-image:linear-gradient(180deg,#10261C 0,#0B1A14 380px);color:#fff;box-shadow:0 50px 90px -50px rgba(11,26,20,.75)}
.zk[hidden]{display:none}
.zk:focus{outline:none}
.zk :focus-visible{outline-color:var(--gl)}
@media(min-width:768px){.zk{padding:18px 20px 22px}}
@media(min-width:1024px){.zk{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"top top" "dom ris" "righe ris" "fondo ris";grid-column-gap:32px;column-gap:32px;grid-row-gap:14px;row-gap:14px;padding:22px 30px 30px}}
.zk-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:2px 6px 0}
.zk-top-t{font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--gl)}
.zk-chiudi{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:100px;border:1.5px solid rgba(255,255,255,.34);color:#fff;font-weight:700;font-size:14.5px;line-height:1.2;transition:transform var(--mv-micro) var(--mv-c-entra),background-color var(--mv-micro) ease,border-color var(--mv-micro) ease}
@media(hover:hover) and (pointer:fine){.zk-chiudi:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}}
.zk-chiudi:active{transform:scale(.97)}
.zk-dom-g{grid-area:dom;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;min-width:0}
.zk-ris-col{grid-area:ris;align-self:stretch}
.zk-righe{grid-area:righe;min-width:0}
.zk-fondo{grid-area:fondo;min-width:0}
/* le schede: un po' più chiare del palco, con bordo */
.zk-card,.zk-riga,.zk-ipo,.zk-righe-t{background:rgba(255,255,255,.058);border:1px solid rgba(255,255,255,.13);border-radius:20px}
.zk-card{padding:16px 14px 18px;min-width:0}
@media(min-width:768px){.zk-card{padding:22px 24px 24px}}
.zk-et2{display:block;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--gl);margin-bottom:6px}
.zk-q{display:block;font-family:var(--fd);font-weight:700;font-size:17.5px;line-height:1.3;margin-bottom:10px;color:#fff}
.zk-c-mest .zk-q{font-size:19px}
/* «ESEMPIO»: una scritta piccola e sottile, non più una targhetta gialla */
.zk-es{display:inline-block;font-family:var(--ff);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.26);border-radius:6px;padding:0 6px;margin-left:6px;vertical-align:2px}
.zk-es[hidden]{display:none}
.zk-aiuto{font-size:13.5px;line-height:1.45;color:var(--chiaro2);margin-top:8px}
/* le risposte a due scelte (Sì/No): pillole; la scelta è verde */
.zk-scelte{display:flex;flex-wrap:wrap;margin:-3px}
.zk-scelte button{min-height:46px;min-width:64px;padding:8px 20px;margin:3px;border-radius:100px;border:1.5px solid rgba(255,255,255,.32);background:rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:15px;line-height:1.2;transition:transform var(--mv-micro) var(--mv-c-entra),background-color var(--mv-micro) ease,border-color var(--mv-micro) ease,color var(--mv-micro) ease}
@media(hover:hover) and (pointer:fine){.zk-scelte button:hover{border-color:var(--gl)}}
.zk-scelte button:active{transform:scale(.97)}
.zk-scelte button[aria-checked="true"]{background:var(--g);border-color:var(--g);color:var(--dark)}
/* «Che lavoro fai?»: un elenco a righe toccabili, con la spunta sulla scelta (uguale sul telefono e sul computer;
   dove c'è posto le righe vanno in due colonne) */
.zk-scelte[data-scelta="mest"]{display:block;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.2);overflow:hidden}
.zk-scelte[data-scelta="mest"] button{position:relative;display:flex;align-items:center;width:100%;min-height:52px;min-width:0;margin:0;padding:10px 56px 10px 16px;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;color:#fff;font-size:16px;font-weight:600;text-align:left}
.zk-scelte[data-scelta="mest"] button:first-child{border-top:0}
.zk-scelte[data-scelta="mest"] button::before{content:'';position:absolute;right:16px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transition:background-color var(--mv-cambio) ease,border-color var(--mv-cambio) ease}
.zk-scelte[data-scelta="mest"] button::after{content:'';position:absolute;right:24px;top:50%;width:6px;height:11px;margin-top:-8px;border:solid var(--dark);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);opacity:0;transition:transform 260ms var(--mv-c-entra),opacity var(--mv-cambio) ease}
@media(hover:hover) and (pointer:fine){.zk-scelte[data-scelta="mest"] button:hover{background:rgba(255,255,255,.07)}}
.zk-scelte[data-scelta="mest"] button[aria-checked="true"]{background:rgba(34,197,94,.17);color:#fff;font-weight:800}
.zk-scelte[data-scelta="mest"] button[aria-checked="true"]::before{background:var(--g);border-color:var(--g)}
.zk-scelte[data-scelta="mest"] button[aria-checked="true"]::after{opacity:1;transform:rotate(45deg) scale(1)}
@media(min-width:700px){
  .zk-scelte[data-scelta="mest"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;border:0;border-radius:0;background:none;overflow:visible}
  .zk-scelte[data-scelta="mest"] button{border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(0,0,0,.2)}
  .zk-scelte[data-scelta="mest"] button:first-child{border-top:1px solid rgba(255,255,255,.16)}
  .zk-scelte[data-scelta="mest"] button[aria-checked="true"]{background:rgba(34,197,94,.17);border-color:rgba(74,222,128,.7)}
}
.zk-fuori{font-size:14px;line-height:1.5;color:var(--chiaro2);margin-top:12px}
.zk-fuori a{color:var(--gl);font-weight:700}
/* i tre numeri tuoi: una riga per numero, il campo grande a destra (sul telefono sotto il titolo, largo come la scheda) */
.zk-campi{display:block}
.zk-campo{min-width:0;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}
.zk-campo:first-child{border-top:0;padding-top:6px}
.zk-campo:last-child{padding-bottom:0}
.zk-campo .zk-q{margin-bottom:8px}
@media(min-width:640px){
  .zk-campo{display:grid;grid-template-columns:minmax(0,1fr) 196px;grid-column-gap:22px;column-gap:22px;align-items:center}
  .zk-campo .zk-q{grid-column:1;margin-bottom:0}
  .zk-campo .zk-aiuto{grid-column:1;margin-top:4px}
  .zk-campo .zk-num{grid-column:2;grid-row:1/span 2}
}
.zk-num{display:flex;align-items:center;width:100%;border:1.5px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(0,0,0,.3);overflow:hidden}
.zk-num button{flex:none;width:54px;height:54px;font-size:24px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color var(--mv-micro) ease}
@media(hover:hover) and (pointer:fine){.zk-num button:hover{background:rgba(255,255,255,.12)}}
.zk-num button:active{background:rgba(255,255,255,.18)}
.zk-num label{display:flex;align-items:center;flex:1 1 auto;min-width:0}
.zk-num input{width:100%;min-width:0;height:54px;border:0;border-left:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16);text-align:center;font:inherit;font-family:var(--fd);font-size:24px;font-weight:800;color:#fff;background:transparent;-moz-appearance:textfield;appearance:textfield}
.zk-num input::-webkit-outer-spin-button,.zk-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.zk-num .zk-u{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:54px;font-weight:700;font-size:17px;color:var(--chiaro1);border-right:1px solid rgba(255,255,255,.16);margin:0}
/* il campo piccolo dentro le righe */
.zk-num.piccolo-n{display:inline-flex;width:auto}
.zk-num.piccolo-n button{width:46px;height:48px}
.zk-num.piccolo-n input{width:62px;height:48px;font-size:19px}
.zk-num.piccolo-n .zk-u{height:48px;width:32px}
.zk-campo .zk-num.piccolo-n{display:flex;width:100%}
.zk-campo .zk-num.piccolo-n button{width:54px;height:54px}
.zk-campo .zk-num.piccolo-n input{width:100%;height:54px;font-size:24px}
.zk-campo .zk-num.piccolo-n .zk-u{height:54px;width:36px}
.zk-avviso{font-size:14px;line-height:1.5;color:#FDE68A;background:rgba(253,230,138,.12);border:1px solid rgba(253,230,138,.3);border-radius:12px;padding:10px 12px;margin-top:12px}
.zk-avviso[hidden]{display:none}

/* le righe: da dove viene ogni euro, ognuna con la sua barra lunga quanto vale (il numero a destra è grande) */
.zk-gr{font-family:var(--fd);font-size:23px;font-weight:800;letter-spacing:-.01em;margin:8px 4px 2px;color:#fff}
.zk-gr-s{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gl);margin:14px 4px 8px}
.zk-righe-t{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;min-height:56px;padding:12px 52px 12px 16px;position:relative;text-align:left;font:inherit;color:#fff}
.zk-righe-t::after{content:'+';position:absolute;right:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--g);color:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--ff);font-size:20px;font-weight:700}
.zk-righe-t[aria-expanded="true"]::after{content:'\2212'}
.zk-righe-s{display:block;width:100%;font-family:var(--ff);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--chiaro2);margin-top:2px}
.zk-gr-due{margin:14px 0 8px}
.zk-gr-due .zk-righe-t{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
@media(max-width:1023px){html.mv-js .zk-righe-in:not(.aperto){display:none}}
@media(min-width:1024px){.zk-righe-t{display:block;min-height:0;padding:0 4px;border:0;border-radius:0;background:none;cursor:default;pointer-events:none;color:var(--gl)}.zk-righe-t::after,.zk-righe-s{display:none}.zk-gr-due{margin:18px 0 8px}}
.zk-riga{padding:14px 14px 0;margin-bottom:10px;min-width:0}
@media(min-width:768px){.zk-riga{padding:18px 22px 0}}
.zk-rt{display:flex;align-items:flex-start;justify-content:space-between}
.zk-tit{font-family:var(--fd);font-size:17px;font-weight:700;line-height:1.3;min-width:0;margin-right:12px;color:#fff}
.zk-tit label{cursor:pointer}
.zk-pt{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;vertical-align:1px}
.zk-val{font-family:var(--fd);font-size:24px;font-weight:800;line-height:1.1;text-align:right;white-space:nowrap;color:#fff}
.zk-val small{display:block;font-family:var(--ff);font-size:13px;font-weight:600;line-height:1.35;color:var(--chiaro2);margin-top:3px}
.zk-val.zk-nulla{color:rgba(255,255,255,.66)}
.zk-val.spenta{font-family:var(--ff);font-size:14px;font-weight:600;color:rgba(255,255,255,.66)}
.zk-trattino{opacity:.6}
.zk-barra{display:block;height:6px;margin:10px 0 6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.zk-barra i{display:block;height:100%;width:100%;border-radius:6px;transform-origin:left center;transform:scaleX(0);transition:transform var(--mv-conta) var(--mv-c-pannello)}
.zk-badge{display:inline-block;font-family:var(--ff);font-size:10.5px;font-weight:800;letter-spacing:.05em;line-height:1.3;text-transform:uppercase;color:var(--gl);background:rgba(134,239,172,.13);border-radius:6px;padding:2px 6px;vertical-align:2px;white-space:nowrap}
.zk-badge.ambra{color:#FDE68A;background:rgba(253,230,138,.14)}
.zk-rd{margin-top:6px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.9)}
.zk-rd .zk-num{vertical-align:middle;margin-right:6px}
.zk-rd .zk-scelte{margin-top:6px}
.zk-swl{display:flex;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:14.5px;color:rgba(255,255,255,.9)}
.zk-swt{flex:1 1 150px;margin-left:8px;min-width:0}
.zk-sw{position:relative;width:58px;height:46px;flex-shrink:0;margin-right:8px}
.zk-sw::before{content:'';position:absolute;left:2px;top:7px;width:54px;height:32px;border-radius:100px;background:rgba(255,255,255,.28);transition:background-color var(--mv-micro) ease}
.zk-sw::after{content:'';position:absolute;left:5px;top:10px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform 420ms var(--mv-c-pannello)}
.zk-sw[aria-checked="true"]::before{background:var(--g)}
.zk-sw[aria-checked="true"]::after{transform:translateX(22px)}
/* in fondo a ogni riga: due righe discrete, non due bottoni */
.zk-piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:8px -14px 0;padding:0 14px;border-top:1px solid rgba(255,255,255,.08)}
@media(min-width:768px){.zk-piede{margin:8px -22px 0;padding:0 22px}}
.zk-perche{flex:1 1 200px;min-width:0}
.zk-perche summary{display:inline-flex;align-items:center;min-height:46px;font-size:13.5px;font-weight:500;color:var(--chiaro2);cursor:pointer;list-style:none}
.zk-perche summary::-webkit-details-marker{display:none}
.zk-perche summary::after{content:'+';margin-left:8px;font-size:17px;line-height:1}
@media(hover:hover) and (pointer:fine){.zk-perche summary:hover{color:#fff}}
.zk-perche[open] summary::after{content:'\2212'}
.zk-perche p{font-size:14.5px;line-height:1.6;color:var(--chiaro1);padding-bottom:10px}
.zk-perche p b{color:#fff}
.zk-perche[open] p{animation:mvSale 180ms var(--mv-c-entra) both}
.zk-come{display:inline-flex;align-items:center;min-height:46px;font-size:13.5px;font-weight:600;color:var(--gl);text-decoration:none;white-space:nowrap}
.zk-come:hover{text-decoration:underline}
.zk-acc-nota{font-size:13.5px;line-height:1.5;color:var(--chiaro2);margin:12px 4px 0}
.zk-riass{position:-webkit-sticky;position:sticky;bottom:12px;z-index:5;display:block;margin:12px 0 0;padding:10px 14px;border-radius:16px;background:var(--dark);border:1px solid rgba(134,239,172,.4);color:#fff;font-size:13.5px;line-height:1.4;text-decoration:none;box-shadow:0 -6px 24px rgba(0,0,0,.4)}
.zk-riass b{color:var(--gl)}
.zk-riass .zk-stima-b{color:#FDE68A}
.zk-riass .vai{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
html.barra-on .zk-riass{bottom:calc(80px + env(safe-area-inset-bottom))}
@media(min-width:1024px){.zk-riass{display:none}}
/* il risultato, sul fondo vivo: sul computer resta fermo a destra mentre cambi i numeri */
.zk-ris{border-radius:24px;padding:22px 18px 20px;scroll-margin-top:calc(var(--nav-h) + 12px);border:1px solid rgba(134,239,172,.3)}
@media(min-width:768px){.zk-ris{padding:30px 30px}}
@media(min-width:1024px){.zk-ris{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 16px)}}
.zk-ris-et{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.09em;color:#FDE68A;border:1px solid rgba(253,230,138,.45);border-radius:8px;padding:3px 9px;margin-bottom:8px}
.zk-ris-f{font-size:15.5px;line-height:1.45;color:var(--chiaro1)}
.zk-tot-w{position:relative;margin-top:26px}
.zk-tot{font-family:var(--fd);font-weight:800;font-size:clamp(40px,11vw,76px);line-height:1.1;letter-spacing:-.035em;color:#fff}
@media(min-width:1024px){.zk-tot{font-size:clamp(52px,4.6vw,80px)}}
.zk-delta{position:absolute;left:0;bottom:100%;margin-bottom:4px;padding:4px 10px;border-radius:100px;background:var(--gl);color:var(--dark);font-weight:800;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none}
.zk-delta.giu{background:#FDE68A}
.zk-tot-s{font-size:14.5px;line-height:1.45;color:var(--chiaro2);min-height:1.45em}
.zk-tot-s b{color:var(--gl)}
.zk-pila{position:relative;height:16px;margin-top:16px;border-radius:100px;overflow:hidden;background:rgba(255,255,255,.08)}
.zk-pila .seg{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left center;transform:translateX(0) scaleX(0);transition:transform var(--mv-conta) var(--mv-c-pannello)}
.s1{background:#BBF7D0}.s2{background:#86EFAC}.s3{background:#4ADE80}.s4{background:#22C55E}.s5{background:#16A34A}.s6{background:#15803D}.s7{background:#A7F3D0}.s8{background:#FBBF24}
.zk-pila .s8{opacity:.6}
.zk-tre{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px;margin:16px 0 14px}
.zk-tre>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:11px 12px;min-width:0;display:grid;grid-template-columns:128px minmax(0,1fr);grid-column-gap:10px;column-gap:10px;align-items:baseline}
/* a due colonne (tablet) i tre numeri stanno affiancati; nella colonna stretta del computer e sul telefono sono righe: «circa 2.590 €» non esce dal riquadro */
@media(min-width:700px) and (max-width:1023px){.zk-tre{grid-template-columns:repeat(3,minmax(0,1fr))}.zk-tre>div{display:block}}
.zk-tre b{display:block;font-family:var(--fd);font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.1;color:#fff;min-width:0}
.zk-tre>div>span{display:block;font-size:13px;line-height:1.4;color:var(--chiaro2);margin-top:3px}
.zk-copre{font-size:15px;line-height:1.5;color:var(--chiaro1);min-height:3em}
.zk-copre b{color:var(--gl)}
.zk-ris .btn{width:100%;margin-top:16px}
.zk-ris .nota-btn{font-size:13.5px;margin-top:8px}
.zk-stima{font-size:14px;line-height:1.45;color:#FDE68A;margin-top:8px}
.zk-piani{display:inline-flex;align-items:center;min-height:44px;color:var(--gl);font-weight:800;margin-top:2px}
.zk-attesa{opacity:0}
/* le ipotesi: chiuse di partenza; dentro, una riga per ipotesi, i campi tutti nella stessa colonna */
.zk-ipo{margin-top:0;padding:2px 16px}
.zk-ipo>summary{display:flex;align-items:center;min-height:54px;font-family:var(--fd);font-size:17px;font-weight:700;color:#fff;cursor:pointer;list-style:none}
.zk-ipo>summary::-webkit-details-marker{display:none}
.zk-ipo>summary::after{content:'+';flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;border-radius:50%;background:rgba(255,255,255,.12);font-family:var(--ff);font-size:20px;font-weight:600;color:#fff}
.zk-ipo[open]>summary::after{content:'\2212'}
.zk-ipo-in{padding:4px 0 16px;animation:mvSale 200ms var(--mv-c-entra) both}
.zk-ipo-in>p{font-size:14.5px;line-height:1.6;color:var(--chiaro1);margin-bottom:10px}
.zk-ipo-l{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "f i";grid-gap:6px 12px;gap:6px 12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.zk-ipo-t{grid-area:t;font-size:15px;font-weight:700;line-height:1.35;color:#fff}
.zk-ipo-f{grid-area:f;font-size:13px;line-height:1.5;color:var(--chiaro2)}
.zk-ipo-i{grid-area:i;display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:var(--chiaro1)}
.zk-ipo-i input{width:84px;height:46px;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(0,0,0,.3);text-align:center;font:inherit;font-weight:700;color:#fff;margin-right:8px}
.zk-ipo-i span{display:block;min-width:46px;white-space:nowrap}
@media(min-width:700px){.zk-ipo-l{grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"t i" "f i"}}
.zk-rip{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;margin-top:12px;border-radius:100px;border:1.5px solid rgba(255,255,255,.34);font-weight:700;font-size:14.5px;background:transparent;color:#fff}
@media(hover:hover) and (pointer:fine){.zk-rip:hover{background:rgba(255,255,255,.1)}}
.zk-rip[hidden]{display:none}
.zk-mio{font-size:13.5px;line-height:1.5;color:var(--chiaro2);margin:10px 4px 0}
.zk-cambia{animation:mvSale var(--mv-entra) var(--mv-c-entra) both}