/*
 * «Art Bonus» — la veste della pagina, caricata solo dove c'è il blocco
 * contrametric/art-bonus.
 *
 * È la veste di «Dai il «La»» in Studio, con le sue classi (`dl-`, `sito-`,
 * `ab-`): le regole qui sotto «dal foglio di Studio» sono estratte dal CSS di
 * produzione di Studio e dai fogli del mockup D (mockups-2026/artbonus, ramo
 * mockup-artbonus), tenendo solo quelle che toccano le classi della pagina
 * (scratchpad: strumenti/estrai-css.py). Nel tema nessuna classe comincia così,
 * quindi non si pestano i piedi.
 *
 * ⚠️ Chi cambia la pagina «Dai il «La»» in Studio non cambia questa: sono due
 * copie della stessa veste, come il piè di pagina del sito e del Box Office.
 */

/* ─── la radice: le misure e i colori di Studio, con quelli del tema ─── */
.sito-ab {
	--sito-nero: #0d0d0d;
	--sito-grafite: #1a1a1a;
	--sito-bordeaux: #9b0325;
	--sito-bordeaux-scuro: #7f021e;
	--sito-rosa: #e8a9b2;
	--sito-bianco: #fff;
	--sito-tenue: #ffffffa8;
	--sito-linea: #ffffff38;
	--sito-font: "PT Sans Narrow", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
	--sito-alta: var(--cm-alta, 84px);
	--sito-gutter: max(20px, env(safe-area-inset-left, 0px));
	--sito-gutter-r: max(20px, env(safe-area-inset-right, 0px));
	--sito-curva: cubic-bezier(.2, .7, .2, 1);
	background: var(--sito-nero);
	color: var(--sito-bianco);
	font-family: var(--sito-font);
	font-size: 19px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
/* Le scatole sono `border-box`, come nelle pagine di Studio con la veste del
   sito (`.sito *`) e come nel resto del tema. */
.sito-ab, .sito-ab *, .sito-ab *::before, .sito-ab *::after { box-sizing: border-box; }
.sito-ab :where(button, input, select, textarea) { font-family: inherit; }
.sito-ab :where(h1, h2, h3, h4, p, figure, blockquote) { margin: 0; }
.sito-ab :where(a) { color: inherit; }
.sito-ab img { max-width: none; }

/* La pagina comincia sotto la testata del tema, con la foto che ci passa sotto:
   come per il blocco «Apertura», il modello «pagina piena» non aggiunge spazio. */
body .cm-principale.cm-piena:has(> .wp-block-post-content > .wp-block-contrametric-art-bonus:first-child) { padding-top: 0; }
.wp-block-contrametric-art-bonus { margin-block: 0; }

/* ─── dal foglio di Studio e dai fogli del mockup ─── */
/* da studio.css */
.sito-dentro{width:100%;max-width:1440px;padding-left:var(--sito-gutter);padding-right:var(--sito-gutter-r);margin:0 auto}
.sito-sale{transition:opacity .8s var(--sito-curva), transform .9s var(--sito-curva);transition-delay:calc(var(--sito-i,0) * 90ms)}
.cm-js .sito-sale:not(.sito-visto){opacity:0;transform:translateY(28px)}
.sito-velo{position:relative;overflow:hidden}
.sito-velo:after{content:"";z-index:3;background:var(--sito-bordeaux);transform-origin:50% 0;transition:transform 1s cubic-bezier(.77,0,.18,1);transition-delay:calc(var(--sito-i,0) * .11s + .35s);pointer-events:none;position:absolute;inset:0;transform:scaleY(0)}
.cm-js .sito-velo:not(.sito-visto):after{transform:none}
.sito-velo img{transition:transform 1.6s var(--sito-curva);transition-delay:calc(var(--sito-i,0) * .11s + .15s)}
.cm-js .sito-velo:not(.sito-visto) img{transform:scale(1.2)}
.sito-parola{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}
.sito-parola>span{transition:transform .8s var(--sito-curva);transition-delay:calc(var(--sito-p,0) * 32ms);display:inline-block}
.cm-js .sito-frase:not(.sito-visto) .sito-parola>span{transform:translateY(105%)}
.sito-teli{z-index:1;pointer-events:none;display:flex;position:absolute;inset:0}
.sito-teli i{background:var(--sito-nero);flex:1;animation:1.15s cubic-bezier(.77,0,.18,1) forwards sito-telo}
.sito-teli i:first-child{animation-delay:.35s}
.sito-teli i:nth-child(2){animation-delay:.45s}
.sito-teli i:nth-child(3){animation-delay:.55s}
.sito-teli i:nth-child(4){animation-delay:.65s}
.sito-teli i:nth-child(5){animation-delay:.75s}
.sito-riga{display:block;overflow:hidden}
.sito-riga>span{animation:sito-sale 1s var(--sito-curva) forwards;animation-delay:calc(var(--sito-attesa,1.2s) + var(--sito-r,0) * .15s);display:inline-block;transform:translateY(100%)}
.sito-compare{opacity:0;animation:.8s forwards sito-compare;animation-delay:calc(var(--sito-attesa,1.2s) + var(--sito-c,.1s))}
@media (prefers-reduced-motion:reduce){.sito-teli{display:none}.sito-riga>span,.sito-compare{opacity:1;animation:none;transform:none}}
.cm-js .sito-luce{color:#ffffff29;transition:color .45s}
.sito-luce.sito-acceso{color:inherit}
.cm-js .sito-numero{opacity:.2;transition:opacity .8s var(--sito-curva)}
.sito-numero.sito-acceso{opacity:1}
@media (prefers-reduced-motion:reduce){.cm-js .sito-luce{color:inherit}.cm-js .sito-numero{opacity:1}}
.dl-apertura{min-height:max(640px,92svh);padding:calc(var(--sito-alta) + 60px) 0 120px;align-items:flex-end;display:flex;position:relative;overflow:hidden}
.dl-sfondo{background:url(../sito/dl-testa.jpg) 50% 22%/cover no-repeat;position:absolute;inset:0}
.dl-sfondo:after{content:"";background:linear-gradient(90deg, #0d0d0db8 0%, #0d0d0d40 55%, #0d0d0d1a 100%), linear-gradient(180deg, #0d0d0d73 0%, #0d0d0d00 30%, #0d0d0d80 72%, var(--sito-nero) 100%);position:absolute;inset:0}
.dl-apertura-dentro{z-index:2;position:relative}
.dl-occhiello{text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:14px;margin:0;font-size:14px;display:flex}
.dl-occhiello:before{content:"";background:var(--sito-bordeaux);flex:none;width:44px;height:3px}
.dl-titolo{text-transform:uppercase;margin:18px 0 0;font-size:clamp(64px,11vw,168px);font-weight:700;line-height:.84}
.dl-titolo em{color:var(--sito-bordeaux);font-style:normal}
.dl-sotto{color:#ffffffdb;max-width:40ch;margin:24px 0 0;font-size:23px;line-height:1.4}
.dl-griglia{--dl-gap:clamp(56px, 7vw, 120px);column-gap:var(--dl-gap);grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:"intro dono""storia dono";align-items:start;padding-bottom:160px;display:grid}
.dl-intro{grid-area:intro;padding-top:24px}
.dl-storia{grid-area:storia}
.dl-colonna-dono{top:calc(var(--sito-alta) + 24px);z-index:3;grid-area:dono;align-self:start;margin-top:-300px;position:sticky}
.dl-colonna-dono .dl-dono{box-shadow:inset 0 3px 0 var(--sito-bordeaux), 0 30px 80px #0000008c}
.dl-sorge{animation:dl-sorge 1s var(--sito-curva) 1.9s both}
.dl-racconto{max-width:820px}
.dl-racconto h2{text-transform:uppercase;text-wrap:balance;margin:0 0 28px;font-size:clamp(36px,4vw,60px);line-height:.95}
.dl-racconto p{color:#ffffffdb;max-width:62ch;margin:0 0 22px;font-size:21px;line-height:1.6}
.dl-racconto p.dl-grande{max-width:none;color:var(--sito-bianco);text-wrap:pretty;margin-bottom:34px;font-size:clamp(30px,3vw,46px);line-height:1.16}
.dl-intreccio{grid-template-columns:minmax(0,1fr) 44%;column-gap:52px;margin:120px 0 0;display:grid}
.dl-strato{will-change:transform;position:relative}
.dl-uno{grid-column:1/-1;width:84%}
.dl-due{z-index:2;grid-area:2/2;margin-top:-24%}
.dl-intreccio figure,.dl-volo figure{border-radius:15px;margin:0}
.dl-uno figure{aspect-ratio:3/2}
.dl-due figure{aspect-ratio:2/3;outline:12px solid var(--sito-nero)}
.dl-intreccio img,.dl-volo img{object-fit:cover;width:100%;height:100%;display:block}
.dl-due img{object-position:50% 20%}
.dl-racconto .dl-accanto{grid-area:2/1;align-self:end;margin:0}
.dl-numeri{gap:26px;margin:40px 0 0;padding:0;list-style:none;display:grid}
.dl-numeri li{grid-template-columns:minmax(0,28%) minmax(0,1fr);align-items:end;gap:0 28px;display:grid}
.dl-numeri b{color:var(--sito-bordeaux);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(52px,5.6vw,88px);line-height:.86}
.dl-numeri strong{text-transform:uppercase;font-size:clamp(22px,2vw,30px);line-height:1.05;display:block}
.dl-numeri small{color:#ffffffb8;margin-top:6px;font-size:17px;line-height:1.35;display:block}
.dl-citazione{margin:150px 0}
.dl-citazione blockquote{text-wrap:pretty;margin:0;font-size:clamp(32px,3.4vw,54px);line-height:1.12}
.dl-citazione blockquote:before{content:"«";color:var(--sito-bordeaux)}
.dl-citazione blockquote:after{content:"»";color:var(--sito-bordeaux)}
.dl-citazione figcaption{align-items:center;gap:14px;margin-top:28px;display:flex}
.dl-citazione figcaption img{object-fit:cover;border-radius:50%;width:56px;height:56px}
.dl-citazione figcaption b{letter-spacing:.08em;text-transform:uppercase;font-size:18px;display:block}
.dl-citazione figcaption span span{color:var(--sito-tenue);font-size:15px}
.dl-fluttua{display:flow-root}
.dl-volo{float:right;z-index:2;will-change:transform;width:42%;margin:-70px 0 44px 52px;position:relative}
.dl-volo figure{aspect-ratio:2/3}
.dl-volo img{object-position:50% 30%}
.dl-racconto .dl-fluttua p.dl-grande{font-size:clamp(28px,2.6vw,40px)}
.dl-fine{--dl-corpo:clamp(40px, 4.8vw, 76px);align-items:flex-end;gap:28px;margin-top:130px;display:flex}
.dl-frase{max-width:13ch;font-size:var(--dl-corpo);text-transform:uppercase;flex:none;font-weight:700}
.dl-racconto .dl-frase p,.dl-invito{max-width:none;color:var(--sito-bianco);font-size:var(--dl-corpo);text-transform:uppercase;margin:0;font-weight:700;line-height:.94;display:block}
.dl-racconto .dl-frase .dl-invito{color:var(--sito-bordeaux);cursor:pointer;margin-top:.12em;text-decoration:none}
.dl-invito:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:4px}
.dl-freccia{height:2px;margin:0 calc(-1 * var(--dl-gap) + 10px) calc(var(--dl-corpo) * .47) 0;background:var(--sito-bordeaux);transform-origin:0;transition:transform 1.3s var(--sito-curva) .3s;flex:1;position:relative;transform:scaleX(0)}
.dl-freccia:after{content:"";border-block:8px solid #0000;border-left:13px solid var(--sito-bordeaux);position:absolute;top:-7px;right:-2px}
.dl-fine.sito-visto .dl-freccia{transform:none}
.dl-binario,.dl-chiudi-cassetto,.dl-velo-cassetto{display:none}
.dl-dono{background:var(--sito-grafite);box-shadow:inset 0 3px 0 var(--sito-bordeaux);border-radius:15px;padding:26px 26px 24px}
.dl-dono h3{text-transform:uppercase;margin:0 0 16px;font-size:30px;line-height:1}
.dl-attesa{color:var(--sito-tenue)}
p.dl-attesa{margin:0}
.dl-non-attivo{color:var(--sito-tenue);margin:14px 0 0;font-size:17px}
.dl-cifre{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}
.dl-cifre b{font-variant-numeric:tabular-nums;font-size:40px;line-height:1}
.dl-cifre span{color:var(--sito-tenue);font-size:17px}
.dl-cifre .dl-sostenitori{letter-spacing:.06em;flex-basis:100%;font-size:15px}
.dl-primo{text-transform:uppercase;margin:0;font-size:26px;line-height:1.1}
.dl-stacco{background:var(--sito-linea);height:1px;margin:20px 0}
.dl-passi{counter-reset:dl-passo;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}
.dl-passi li{counter-increment:dl-passo;color:var(--sito-tenue);letter-spacing:.14em;text-transform:uppercase;border-top:3px solid #ffffff29;flex:1;padding-top:10px;font-size:13px}
.dl-passi li:before{content:counter(dl-passo) " · "}
.dl-passi li.dl-fatto{border-top-color:var(--sito-bordeaux)}
.dl-passi li.dl-qui{border-top-color:var(--sito-bordeaux);color:var(--sito-bianco)}
.dl-passo{animation:dl-entra .35s var(--sito-curva)}
.dl-importi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}
.dl-importo{height:64px;color:var(--sito-bianco);font:700 26px/1 var(--sito-font);cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:15px;transition:background .2s,border-color .2s}
.dl-importo:hover{border-color:var(--sito-bianco)}
.dl-importo.dl-scelto{border-color:var(--sito-bordeaux);background:var(--sito-bordeaux)}
.dl-altro{margin-top:10px;display:block}
.dl-altro>label,.dl-campo>label{color:var(--sito-tenue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:14px;display:block}
.dl-euro{border:1px solid #fff6;border-radius:15px;align-items:center;height:56px;padding:0 16px;display:flex}
.dl-euro b{color:var(--sito-tenue);margin-right:8px;font-size:22px}
.dl-euro input{min-width:0;color:var(--sito-bianco);font:700 24px var(--sito-font);background:0 0;border:0;outline:none;flex:1}
.dl-euro.dl-scelto{border-color:var(--sito-bordeaux);box-shadow:0 0 0 1px var(--sito-bordeaux)}
.dl-euro:focus-within{border-color:var(--sito-bianco)}
.dl-tasto{background:var(--sito-bordeaux);width:100%;height:60px;color:var(--sito-bianco);font:700 17px/1 var(--sito-font);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;margin-top:18px;transition:background .2s;display:flex}
.dl-tasto:hover{background:var(--sito-bordeaux-scuro)}
.dl-tasto.dl-chiaro{box-shadow:inset 0 0 0 2px var(--sito-bordeaux);background:0 0}
.dl-indietro{min-width:44px;min-height:36px;color:var(--sito-tenue);font:26px/1 var(--sito-font);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0 0 10px -8px;padding:0 8px;display:inline-flex}
.dl-indietro:hover{color:var(--sito-bianco)}
.dl-campi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}
.dl-campo{min-width:0;display:block}
.dl-campo.dl-intero{grid-column:1/-1}
.dl-campo em{color:var(--sito-rosa);font-style:normal}
.dl-campo input,.dl-pensiero textarea{background:var(--sito-nero);width:100%;color:var(--sito-bianco);border:1px solid #fff6;border-radius:12px;outline:none}
.dl-campo input{height:52px;font:19px var(--sito-font);padding:0 14px}
.dl-campo input:focus,.dl-pensiero textarea:focus{border-color:var(--sito-bianco)}
.dl-campo input[aria-invalid=true]{border-color:var(--sito-rosa)}
.dl-errore-campo{color:var(--sito-rosa);margin-top:6px;font-size:15px;line-height:1.3;display:block}
.dl-errore{color:var(--sito-rosa);margin:14px 0 0;font-size:16px;line-height:1.4}
.dl-spunta{border:1px solid var(--sito-linea);cursor:pointer;border-radius:15px;align-items:flex-start;gap:12px;margin:18px 0 0;padding:16px;display:flex}
.dl-spunta input{width:22px;height:22px;accent-color:var(--sito-bordeaux);flex:none;margin:2px 0 0}
.dl-spunta b{font-size:19px;display:block}
.dl-spunta small{color:var(--sito-tenue);font-size:15px;line-height:1.4;display:block}
.dl-con-ricevuta .dl-spunta{border-color:var(--sito-bordeaux)}
.dl-ricevuta{margin-top:12px}
.dl-scelte-ric{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}
.dl-scelta-ric{cursor:pointer;border:1px solid #fff6;border-radius:15px;padding:14px 16px;display:block;position:relative}
.dl-scelta-ric input{opacity:0;pointer-events:none;position:absolute}
.dl-scelta-ric:focus-within{outline:2px solid var(--sito-rosa);outline-offset:3px}
.dl-scelta-ric b{font-size:18px;line-height:1.15;display:block}
.dl-scelta-ric small{color:var(--sito-tenue);margin-top:6px;font-size:14px;line-height:1.35;display:block}
.dl-scelta-ric.dl-scelto{border-color:var(--sito-bordeaux);background:#9b032538}
.dl-titoletto{color:var(--sito-tenue);letter-spacing:.14em;text-transform:uppercase;margin:22px 0 10px;font-size:14px;display:block}
.dl-scelte-albo{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}
.dl-scelta-albo{min-height:50px;color:var(--sito-bianco);font:17px/1.15 var(--sito-font);cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:15px;padding:6px 8px}
.dl-scelta-albo.dl-scelto{border-color:var(--sito-bordeaux);background:var(--sito-bordeaux)}
.dl-pensiero{margin-top:12px}
.dl-pensiero small{color:var(--sito-tenue);text-transform:none;letter-spacing:0;font-size:13px}
.dl-pensiero textarea{font:19px/1.4 var(--sito-font);resize:vertical;padding:12px 14px}
.dl-campo input::placeholder,.dl-pensiero textarea::placeholder{color:#ffffff59}
.dl-consenso{color:#ffffffdb;cursor:pointer;align-items:flex-start;gap:12px;margin:20px 0 0;font-size:16px;line-height:1.4;display:flex}
.dl-consenso input{width:22px;height:22px;accent-color:var(--sito-bordeaux);flex:none;margin:0}
.dl-consenso a{color:var(--sito-rosa);text-underline-offset:3px;text-decoration:underline}
.dl-consenso.dl-manca input{outline:2px solid var(--sito-rosa);outline-offset:2px}
.dl-riepilogo{border-top:1px solid var(--sito-linea);margin:0 0 18px;padding:0;list-style:none}
.dl-riepilogo li{border-bottom:1px solid var(--sito-linea);justify-content:space-between;gap:16px;padding:11px 0;font-size:17px;display:flex}
.dl-riepilogo li span{color:var(--sito-tenue)}
.dl-riepilogo li b{text-align:right;overflow-wrap:anywhere}
.dl-pagamento{min-height:60px}
.dl-pulsanti{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.dl-grazie{text-align:center;padding:10px 0 4px}
.dl-segno{background:var(--sito-bordeaux);border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 18px;display:grid}
.dl-grazie h3{font-size:42px}
.dl-grazie p{color:#ffffffdb;max-width:34ch;margin:0 auto 10px}
.dl-grazie .dl-piccolo{color:var(--sito-tenue);font-size:16px}
.sito-compatta .dl-titolo{font-size:clamp(56px,17vw,168px)}
.sito-compatta .dl-sotto{font-size:20px}
.sito-compatta .dl-apertura{min-height:78svh;padding:calc(var(--sito-alta) + 40px) 0 176px}
.sito-compatta .dl-griglia{grid-template-columns:minmax(0,1fr);grid-template-areas:"dono""intro""storia";row-gap:56px;padding-bottom:130px}
.sito-compatta .dl-colonna-dono{margin-top:-136px;position:static}
.sito-compatta .dl-dono{padding:22px 18px 20px}
.sito-compatta .dl-importo{height:58px;font-size:24px}
.sito-compatta .dl-campi,.sito-compatta .dl-scelte-ric,.sito-compatta .dl-scelte-albo{grid-template-columns:minmax(0,1fr)}
.sito-compatta .dl-corpo{overflow-x:clip}
.sito-compatta .dl-intro,.sito-compatta .dl-storia{padding-right:26px}
.sito-compatta .dl-racconto h2{font-size:34px}
.sito-compatta .dl-racconto p{font-size:19px}
.sito-compatta .dl-racconto p.dl-grande{font-size:27px}
.sito-compatta .dl-intreccio{grid-template-columns:minmax(0,1fr) 52%;column-gap:0;margin-top:70px}
.sito-compatta .dl-uno{width:92%}
.sito-compatta .dl-due{margin-top:-30%}
.sito-compatta .dl-due figure{outline-width:8px}
.sito-compatta .dl-racconto .dl-accanto{grid-area:3/1/auto/-1;margin-top:36px}
.sito-compatta .dl-numeri{gap:22px}
.sito-compatta .dl-numeri li{grid-template-columns:minmax(0,1fr);gap:4px}
.sito-compatta .dl-numeri b{font-size:60px}
.sito-compatta .dl-citazione{margin:90px 0}
.sito-compatta .dl-volo{float:none;width:66%;margin:-30px 0 44px auto}
.sito-compatta .dl-racconto .dl-fluttua p.dl-grande{font-size:27px}
.sito-compatta .dl-fine{--dl-corpo:40px;margin-top:90px;display:block}
.sito-compatta .dl-racconto .dl-frase p{font-size:var(--dl-corpo)}
.sito-compatta .dl-freccia{width:64%;margin:29px -2px 29px auto;display:block}
.sito-compatta .dl-binario{z-index:20;width:40px;margin:0 calc(-1 * var(--sito-gutter-r)) -45px 0;pointer-events:none;grid-area:2/1/4;place-self:stretch end;display:block;position:relative}
.dl-lingua{background:var(--sito-bordeaux);width:36px;height:150px;color:var(--sito-bianco);transition:transform .45s var(--sito-curva);cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;border-radius:15px 0 0 15px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex;position:sticky;top:calc(50svh - 75px);transform:translate(110%);box-shadow:-6px 0 24px #00000073}
.dl-lingua span{writing-mode:vertical-rl;font:700 14px/1 var(--sito-font);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.dl-con-lingua .dl-lingua{transform:none}
.sito-compatta .dl-colonna-dono.dl-con-cassetto{z-index:1300}
.sito-compatta .dl-in-cassetto{z-index:1300;width:min(92vw,420px);padding:calc(env(safe-area-inset-top,0px) + 52px) 0 env(safe-area-inset-bottom,0px);overscroll-behavior:contain;background:var(--sito-grafite);transition:transform .45s var(--sito-curva);border-radius:15px 0 0 15px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-20px 0 60px #0009}
.sito-compatta .dl-in-cassetto.dl-aperto{transform:none}
.dl-in-cassetto .dl-dono{box-shadow:inset 0 3px 0 var(--sito-bordeaux);border-radius:0}
.dl-in-cassetto .dl-chiudi-cassetto{top:calc(env(safe-area-inset-top,0px) + 4px);width:44px;height:44px;color:var(--sito-bianco);font:30px/1 var(--sito-font);cursor:pointer;background:0 0;border:0;display:block;position:absolute;right:6px}
.sito-compatta .dl-velo-cassetto{z-index:1290;opacity:0;background:#0000009e;transition:opacity .35s;display:block;position:fixed;inset:0}
.sito-compatta .dl-velo-cassetto.dl-aperto{opacity:1}
@media (prefers-reduced-motion:reduce){.dl-sorge{animation:none}.dl-freccia{transition:none;transform:none}}
.ca-fila.sito-visto .ca-fila-pieno{transform:scaleX(1)}

/* da ab2.css */
.ab-chi{position: relative; display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 12px; padding: 4px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 15px;}
.ab-chi button{position: relative; z-index: 1; height: 44px; border: 0; border-radius: 11px; background: transparent; color: var(--sito-tenue); font: 700 15px/1 var(--sito-font); letter-spacing: .16em; text-transform: uppercase; cursor: pointer; transition: color .3s;}
.ab-chi button.ab-ora{color: var(--sito-nero);}
.ab-chi button:focus-visible{outline: 2px solid var(--sito-rosa); outline-offset: 2px;}
.ab-chi > i{position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 11px; background: var(--sito-bianco); transition: transform .45s var(--sito-curva);}
.ab-chi.ab-privati > i{transform: translateX(100%);}
.dl-importi.ab-importi{grid-template-columns: repeat(3, minmax(0, 1fr));}
.ab-importi .dl-importo{height: 58px; font-size: 21px; font-variant-numeric: tabular-nums;}
.ab-cambia{animation: ab-cambia .4s var(--sito-curva);}
.dl-riepilogo.ab-torna{margin: 18px 0 0;}
.ab-torna li{align-items: baseline;}
.ab-torna li b{color: var(--sito-rosa); font-variant-numeric: tabular-nums;}
.ab-torna li:first-child b{font-size: 30px; line-height: 1;}
.ab-batte{display: inline-block; animation: ab-batte .45s var(--sito-curva);}
a.dl-tasto{text-decoration: none;}
.dl-tasto svg{width: 18px; height: 18px;}
.ab-titoletto{margin: 0 0 8px; color: var(--sito-tenue); font-size: 14px; letter-spacing: .14em; text-transform: uppercase;}
.ab-titoletto b{color: var(--sito-bianco); letter-spacing: .04em;}
.dl-riepilogo.ab-coordinate-widget li{display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 6px 12px; align-items: baseline;}
.ab-coordinate-widget li b{text-align: left; font-size: 17px; line-height: 1.35;}
.ab-coordinate-widget .ab-con-copia:nth-child(2) b{font-size: 19px; letter-spacing: .03em; font-variant-numeric: tabular-nums;}
.ab-coordinate-widget .ab-copia{grid-column: 2; justify-self: start;}
.ab-copia{display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid var(--sito-linea); border-radius: 10px; background: transparent; color: var(--sito-bianco); font: 700 12px/1 var(--sito-font); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: background .2s, border-color .2s;}
.ab-copia svg{width: 15px; height: 15px;}
.ab-copia:hover{border-color: var(--sito-bianco);}
.ab-copia.ab-fatto{border-color: var(--sito-bordeaux); background: var(--sito-bordeaux);}
.ab-azienda{margin: 16px 0 0; color: var(--sito-tenue); font-size: 16px; line-height: 1.4;}
.ab-azienda a{display: inline-flex; align-items: center; gap: 6px; color: var(--sito-bianco); text-decoration: underline; text-underline-offset: 3px;}
.ab-azienda a svg{width: 15px; height: 15px;}
.ab-link{display: inline-flex; align-items: center; gap: 8px; padding-bottom: 3px; border-bottom: 2px solid var(--sito-bordeaux); color: var(--sito-bianco); font-weight: 700; font-size: 15px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; white-space: nowrap;}
.ab-link svg{width: 16px; height: 16px; transition: transform .3s var(--sito-curva);}
.ab-link:hover svg{transform: translateX(4px);}
.dl-racconto p.ab-portale{margin-top: 110px;}
.dl-racconto p.ab-limite{margin-top: 30px; color: var(--sito-tenue); font-size: 18px;}
.dl-storia > .dl-fluttua{margin-top: 140px;}
.dl-numeri + .dl-fluttua,.ab-limite + .dl-fluttua{margin-top: 150px;}
.dl-fluttua.ab-sinistra .dl-volo{float: left; margin: -70px 52px 44px 0;}
.dl-numeri[data-esempi] li,.dl-numeri[data-tre-anni] li{grid-template-columns: minmax(0, 46%) minmax(0, 1fr);}
.dl-numeri[data-esempi] b,.dl-numeri[data-tre-anni] b{font-size: clamp(44px, 4.6vw, 76px);}
.ab-voci{display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 30px; margin: 120px 0 0;}
.ab-voci-chi{flex-basis: 100%; color: var(--sito-tenue); font-size: 14px; letter-spacing: .2em; text-transform: uppercase;}
.ab-voci button{position: relative; padding: 0 0 8px; border: 0; background: none; color: rgba(255, 255, 255, .32); font: 700 clamp(48px, 5.4vw, 86px)/.9 var(--sito-font); text-transform: uppercase; cursor: pointer; transition: color .3s;}
.ab-voci button:hover{color: rgba(255, 255, 255, .6);}
.ab-voci button.ab-ora{color: var(--sito-bianco);}
.ab-voci button::after{content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 4px; background: var(--sito-bordeaux); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--sito-curva);}
.ab-voci button.ab-ora::after{transform: none;}
.ab-voci button:focus-visible{outline: 2px solid var(--sito-rosa); outline-offset: 4px;}
[data-per] > .dl-intreccio:first-child{margin-top: 70px;}
.ab-come{margin-top: 150px;}
.dl-racconto p.ab-come-sotto{margin: 0; color: var(--sito-tenue); font-size: 15px; letter-spacing: .16em; text-transform: uppercase;}
.ab-coordinate{display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none;}
.ab-coordinate li{display: grid; grid-template-columns: minmax(0, 24%) minmax(0, 1fr); gap: 10px 28px; align-items: baseline; padding: 22px 0; border-top: 1px solid var(--sito-linea);}
.ab-coordinate span{color: var(--sito-tenue); font-size: 15px; letter-spacing: .16em; text-transform: uppercase;}
.ab-coordinate b{font-size: clamp(24px, 2.4vw, 34px); line-height: 1.15;}
.ab-coordinate .ab-iban b{font-size: clamp(30px, 3.3vw, 50px); letter-spacing: .02em; font-variant-numeric: tabular-nums;}
.ab-coordinate .ab-causale b{font-size: clamp(20px, 1.7vw, 25px); font-weight: 400; line-height: 1.35;}
.ab-coordinate .ab-copia{grid-column: 2; justify-self: start;}
.ab-paypal{display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding-top: 26px; border-top: 1px solid var(--sito-linea);}
.dl-racconto .ab-paypal p{margin: 0;}
.ab-paypal .dl-tasto{display: inline-flex; width: auto; margin: 0; padding: 0 30px;}
.ab-luce{animation: ab-luce 1.4s var(--sito-curva);}
.sito-compatta .dl-fluttua.ab-sinistra .dl-volo{float: none; margin: -30px auto 44px 0;}
.sito-compatta .dl-storia > .dl-fluttua,.sito-compatta .ab-come{margin-top: 100px;}
.sito-compatta .dl-racconto p.ab-portale{margin-top: 80px;}
.sito-compatta .ab-voci{margin-top: 70px; gap: 6px 22px;}
.sito-compatta .ab-voci button{font-size: 46px;}
.sito-compatta .ab-importi .dl-importo{font-size: 18px;}
.sito-compatta .dl-numeri[data-esempi] li,.sito-compatta .dl-numeri[data-tre-anni] li{grid-template-columns: minmax(0, 1fr);}
.sito-compatta .dl-numeri[data-esempi] b,.sito-compatta .dl-numeri[data-tre-anni] b{font-size: 52px;}
.sito-compatta .ab-coordinate li{grid-template-columns: minmax(0, 1fr);}
.sito-compatta .ab-coordinate .ab-copia{grid-column: 1;}
.sito-compatta .ab-coordinate .ab-iban b{font-size: 26px;}
.sito-compatta .ab-paypal .dl-tasto{width: 100%; justify-content: center;}
@media (prefers-reduced-motion: reduce){.ab-cambia,.ab-batte,.ab-luce{animation: none;}}
.dl-fluttua.ab-sinistra p:not(.dl-grande){clear: left;}
.ab-coordinate .ab-iban b{font-size: clamp(26px, 2.5vw, 36px); white-space: nowrap;}
.sito-compatta .ab-coordinate .ab-iban b{white-space: normal;}

/* da ab7.css */
.dl-racconto .ab7-blocco{margin-top: 120px;}
/* l'elenco è un blocco a sé: accanto a una foto che galleggia, le sue righe si fermano prima della foto invece di correrle sotto */
.ab7-voci{display: flow-root; margin: 24px 0 18px; padding: 0; list-style: none; border-top: 1px solid var(--sito-linea);}
.ab7-voci li{padding: 13px 0; border-bottom: 1px solid var(--sito-linea); color: rgba(255, 255, 255, .84); font-size: 18px; line-height: 1.45;}
.ab7-voci b{display: block; margin-bottom: 3px; color: var(--sito-bianco); font-size: 13px; letter-spacing: .18em; text-transform: uppercase;}
.dl-racconto p.ab7-link{display: flex; flex-wrap: wrap; gap: 14px 30px;}
.ab7-netto b{color: var(--sito-bianco);}
.sito-compatta .dl-racconto .ab7-blocco{margin-top: 80px;}
.sito-compatta .ab7-voci li{font-size: 17px;}
.ab8-tasto{display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 15px; background: transparent; color: var(--sito-bianco); font: 700 14px/1 var(--sito-font); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .25s, border-color .25s;}
.ab8-tasto svg{width: 16px; height: 16px;}
.ab8-tasto:hover{border-color: var(--sito-bianco); background: rgba(255, 255, 255, .08);}
.ab8-tasto:focus-visible{outline: 2px solid var(--sito-rosa); outline-offset: 3px;}

/* animazioni */
@keyframes sito-telo{to{visibility:hidden;transform:translateY(-101%)}}
@keyframes sito-compare{0%{opacity:0}to{opacity:1}}
@keyframes sito-sale{0%{transform:translateY(100%)}to{transform:none}}
@keyframes dl-sorge{0%{opacity:0;transform:translateY(40px)}}
@keyframes dl-entra{0%{opacity:0;transform:translateY(6px)}}
@keyframes ab-cambia{ from { opacity: 0; transform: translateY(8px); } }
@keyframes ab-batte{ 40% { transform: scale(1.08); } }
@keyframes ab-luce{ 35% { color: var(--sito-rosa); } }

/* ── la carta (XPay di Nexi, 24/10/2026) ── */
.sito-ab .ab-metodo.ab-carta > i { transform: translateX(100%); }
.sito-ab .ab-metodo { margin-bottom: 16px; }
.sito-ab .ab-sicuro { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 10px 0 0; color: var(--sito-tenue); font-size: 14px; letter-spacing: .04em; }
.sito-ab form[data-pannello="carta"] .dl-tasto { margin-top: 18px; }
.sito-ab .ab-nexi { flex: none; width: auto; height: 11px; color: var(--sito-bianco); }
.sito-ab .dl-oppure { display: flex; align-items: center; gap: 12px; margin: 18px 0 12px; color: rgba(255, 255, 255, .5); font-size: 13px; letter-spacing: .2em; text-transform: uppercase; }
.sito-ab .dl-oppure::before, .sito-ab .dl-oppure::after { content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, .18); }
.sito-ab .ab-satispay { display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; border: 0; border-radius: 15px; background: #fff; color: #ff3d00; cursor: pointer; transition: transform .15s; }
.sito-ab .ab-satispay:hover:not(:disabled) { transform: translateY(-1px); }
.sito-ab .ab-satispay:disabled { cursor: progress; opacity: .7; }
.sito-ab .ab-satispay:focus-visible { outline: 2px solid var(--sito-bianco); outline-offset: 3px; }
.sito-ab .ab-logo-satispay { display: block; width: auto; height: 22px; }
/* ⚠️ `hidden` è uno stile del browser, e `.dl-campo { display: block }` lo
   batte: senza questa riga i campi del privato restano visibili accanto a quelli
   dell'azienda (provato su staging il 24/10/2026, 0.1.26). */
.sito-ab [hidden] { display: none !important; }
/* ⚠️ Con la carta il riquadro diventa più alto della finestra, e una colonna
   appesa (`sticky`) più alta della finestra non mostra il suo fondo finché non
   si arriva in fondo alla pagina: il tasto «Paga» non si raggiungeva. Allora
   scorre il riquadro, dentro di sé. Sul telefono c'è il cassetto, che scorre già. */
.sito-ab .dl-colonna-dono .dl-dono { max-height: calc(100dvh - var(--sito-alta) - 48px); overflow-y: auto; }
.sito-ab.sito-compatta .dl-colonna-dono .dl-dono { max-height: none; overflow: visible; }