/* ===== Vera · versione desktop (>=1024px). Caricato con media="(min-width:1024px)": il telefono non cambia. ===== */
@media (min-width:1024px){
:root{--max:1280px;--pad:40px}
body{font-size:1.02rem}
p{max-width:68ch}
.nw{max-width:var(--max)}

/* ---------- header ---------- */
.hd .w{height:72px;gap:10px}
.logo{font-size:1.55rem;margin-right:28px}
.hd a.t.shop{display:none}
.dnav{display:flex!important;align-items:center;gap:2px;margin-right:auto}
.dnav a{position:relative;padding:10px 14px;font-size:.92rem;font-weight:500;color:#D6CEE2;border-radius:999px;transition:color .2s,background .2s}
.dnav a:hover{color:var(--ink);background:rgba(244,239,249,.06)}
.dnav a[aria-current]{color:var(--gold)}
.dnav a[aria-current]:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;border-radius:2px;background:var(--gold);opacity:.75}
.d-tg{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:var(--lil);color:var(--bg);font-weight:600;font-size:.9rem;transition:background .25s}
.d-tg svg{width:16px;height:16px}
.d-tg:hover{background:#DCCDF0}
.mb{margin-right:-8px;margin-left:4px;width:46px;height:46px;border-radius:50%}
.mb:hover{background:rgba(244,239,249,.07)}

/* ---------- menu: pannello largo ---------- */
.m-in{max-width:var(--max);padding:120px var(--pad) 48px;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:72px;row-gap:32px;justify-content:stretch;align-content:start}
.m-who{grid-column:1;grid-row:1;align-self:start}
.m-who img{width:72px;height:72px}
.m-end{grid-column:1;grid-row:2;align-self:start;justify-items:start}
.m-end .b-tg{width:100%}
.m-soc{justify-content:flex-start}
.menu{background:linear-gradient(180deg,rgba(11,9,17,.97),rgba(14,11,22,.95) 60%,rgba(19,14,30,.97));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.menu nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(118px,auto);align-content:start;align-self:start;gap:14px}
.menu nav a,.menu nav a:last-child{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding:20px 22px;border:1px solid var(--hair);border-radius:18px;background:rgba(244,239,249,.035);transition:background .25s,border-color .25s,opacity .45s var(--ease),transform .45s var(--ease)}
.menu nav a:hover{background:rgba(201,182,228,.09);border-color:rgba(201,182,228,.35)}
.menu .mt{font-size:1.75rem}
.menu .mh{text-align:left;max-width:none;font-size:.82rem}
/* riquadri del menu con illustrazione (img/menu/, caricate all'apertura) */
.menu nav a,.menu nav a:last-child{position:relative;overflow:hidden;padding:0 0 18px;gap:4px;isolation:isolate}
.menu .mt,.menu .mh{padding:0 20px}
.menu .m-ill{display:block;position:relative;width:100%;aspect-ratio:2/1;margin:0 0 10px;overflow:hidden;background:radial-gradient(60% 80% at 50% 45%,rgba(159,134,204,.22),rgba(11,9,17,0) 70%),#0E0B16}
.menu .m-ill:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,9,17,0) 55%,rgba(14,11,22,.85));pointer-events:none}
.menu .m-ill img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;transform:scale(1.001);transition:opacity .5s var(--ease),transform .7s var(--ease),filter .5s var(--ease)}
.menu .m-ill.ok img{opacity:1}
.menu nav a:hover .m-ill img,.menu nav a:focus-visible .m-ill img{transform:scale(1.06);filter:brightness(1.12) saturate(1.08)}
.menu nav a:hover,.menu nav a:focus-visible{box-shadow:0 0 0 1px rgba(201,182,228,.28),0 22px 60px -24px rgba(159,134,204,.75)}
.menu nav a[href="index.html"] .m-ill img,.menu nav a[href="/"] .m-ill img{object-position:50% 30%}
@media (max-height:860px){.m-in{padding-top:100px;padding-bottom:32px}.menu .m-ill{aspect-ratio:2.2/1}}

/* ---------- home: hero a tutta larghezza ---------- */
.home{padding-top:0;position:relative}
.home .banner{position:absolute;top:0;right:0;width:64%;max-width:none;height:min(max(620px,92vh),900px);max-height:none;margin:0;padding:0;z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) 12%,rgba(0,0,0,.42) 26%,rgba(0,0,0,.8) 42%,#000 58%),linear-gradient(180deg,#000 62%,transparent 98%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) 12%,rgba(0,0,0,.42) 26%,rgba(0,0,0,.8) 42%,#000 58%),linear-gradient(180deg,#000 62%,transparent 98%);mask-composite:intersect}
.home .banner img{border-radius:0;object-position:58% 30%}
.home .intro{position:relative;z-index:1;margin-top:0;min-height:min(max(620px,92vh),900px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:72px;padding-bottom:40px}
.hk{display:block!important;margin-bottom:18px}
.home .intro h1{font-size:clamp(4rem,5.6vw,5.6rem);line-height:.98;max-width:9.5ch}
.home .intro h1 em{display:block}
.home .intro .lead{margin-top:20px;font-size:1.22rem;max-width:30ch}
.home .intro .b-tg{display:inline-flex;width:auto;margin:0;padding:0 30px;min-height:56px}
.home .intro .lead+.b-tg{margin-top:30px}
/* due pulsanti affiancati */
.home .intro{display:grid;grid-template-columns:auto auto 1fr;grid-auto-rows:auto;align-content:center;column-gap:12px}
.home .intro>.hk,.home .intro>h1,.home .intro>.lead{grid-column:1/-1}
.home .intro>.b-tg{grid-column:1;grid-row:auto;margin-top:30px}
.home .intro>.h-shop{display:inline-flex!important;grid-column:2;margin:30px 0 0;min-height:56px;padding:0 26px;color:var(--ink);background:rgba(244,239,249,.06);box-shadow:inset 0 0 0 1px rgba(244,239,249,.22);transform:none}
.home .intro>.h-shop:hover{background:rgba(244,239,249,.12)}

/* fascia sotto l'hero: Terrazza + merch | Seguimi */
.home .duo{position:relative;z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:stretch;margin-top:8px}
.home .duo{grid-template-areas:"t s" "m m";row-gap:16px}
.home .terr-col{display:contents}
.home .terr-col>.terr{grid-area:t}
.home .soc{grid-area:s}
.home .terr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--hair);border-radius:22px;overflow:hidden;background:rgba(244,239,249,.035);flex:1}
.home .terr .im{grid-row:1/5;aspect-ratio:auto;min-height:280px;border-radius:0;-webkit-mask-image:none;mask-image:none}
.home .terr h2,.home .terr p,.home .terr .go-t{grid-column:2;margin-left:30px;margin-right:28px}
.home .terr h2{margin-top:34px;font-size:2.2rem}
.home .terr p{font-size:.98rem;margin-top:10px}
.home .terr .go-t{margin-top:16px;margin-bottom:30px;align-self:start}
.home .hm-merch{grid-area:m;justify-self:start;align-self:start;margin-top:0}
.home .soc{border:1px solid var(--hair);border-radius:22px;background:rgba(244,239,249,.035);padding:30px 28px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.home .soc h2{font-size:2.2rem}
.home .ring-w.on3d{height:200px}

/* ---------- pagine interne: aria e titoli ---------- */
.top{padding-top:128px}
.shop .top{padding-top:120px}
.top h1{font-size:clamp(3.4rem,4.8vw,4.6rem)}
.top .lead{max-width:62ch;font-size:1.14rem}
.cat{padding-top:44px}
.payline{max-width:none}

/* ---------- diario: schede per giorno ---------- */
main:has(.dk-diary) .cat{display:none}
.dk-diary{display:block!important;padding-top:44px}
.dd-l{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative}
.dd{display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px;padding:18px;border:1px solid var(--hair);border-radius:22px;background:rgba(244,239,249,.035);scroll-margin-top:96px;transition:border-color .25s,background .25s}
.dd:hover{border-color:rgba(201,182,228,.32);background:rgba(244,239,249,.055)}
.dd:nth-child(-n+2){grid-column:1/-1;grid-template-columns:240px minmax(0,1fr);gap:36px;padding:22px;background:linear-gradient(120deg,rgba(201,182,228,.1),rgba(242,221,184,.05))}
.dd-im{position:relative;margin:0;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#15111f;align-self:start}
.dd-im img{width:100%;height:100%;object-fit:cover;display:block}
.dd-b{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(11,9,17,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.dd-b:before{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.dd-tx{min-width:0;padding-top:4px}
.dd-k{display:block;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lil)}
.dd-k b{font-weight:700}.dd-k i{font-style:normal;color:var(--amber)}
.dd h2{font-size:1.55rem;line-height:1.12;margin:10px 0 10px}
.dd:nth-child(-n+2) h2{font-size:2.3rem;margin-top:14px}
.dd .dtx{font-size:.95rem;line-height:1.6;color:#D6CEE2;max-width:62ch}
.dd:nth-child(-n+2) .dtx{font-size:1.04rem}
.dd .lnk{display:inline-block;margin-top:10px}

/* ---------- blog: in evidenza + griglia ---------- */
main:has(.dk-blog) .posts{display:none}
.dk-blog{display:block!important;padding-top:44px}
.bc-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.bc a{display:flex;flex-direction:column;height:100%;border:1px solid var(--hair);border-radius:22px;overflow:hidden;background:rgba(244,239,249,.035);transition:border-color .25s,background .25s}
.bc a:hover{border-color:rgba(201,182,228,.35);background:rgba(244,239,249,.06)}
.bc-im{margin:0;aspect-ratio:16/10;overflow:hidden;background:#15111f}
.bc-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.bc a:hover .bc-im img{transform:scale(1.03)}
.bc-tx{display:flex;flex-direction:column;gap:10px;padding:24px 28px 28px;flex:1}
.bc h2{font-size:1.7rem;line-height:1.14;color:var(--rt)}
.bc a:hover h2{color:var(--gold)}
.bc p{font-size:.95rem;line-height:1.6;color:#D6CEE2}
.bc .po-l{margin-top:auto;padding-top:6px}
.bc-f{grid-column:1/-1}
.bc-f a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.bc-f .bc-im{aspect-ratio:auto;min-height:340px;background:#0E0B15;display:flex;align-items:center}
.bc-f .bc-im picture{display:block;width:100%}
.bc-f .bc-im img{height:auto;aspect-ratio:1280/687;object-fit:contain}
.bc-f .bc-tx{padding:40px 44px;justify-content:center;gap:14px}
.bc-f h2{font-size:2.1rem}
.bc-f p{font-size:1.04rem}
.bc-f .po-l{margin-top:8px}

/* ---------- impara: temi con icone, poi sezioni ---------- */
main:has(.dk-imp) .cat .menu-l{display:none}
.dk-imp{display:block!important;padding-top:44px}
.ti-g{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ti-g a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 20px;border:1px solid var(--hair);border-radius:20px;background:rgba(244,239,249,.035);transition:border-color .25s,background .25s,transform .3s var(--ease)}
.ti-g a:hover{border-color:rgba(201,182,228,.38);background:rgba(201,182,228,.08);transform:translateY(-2px)}
.ti-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--gold);background:radial-gradient(circle at 35% 30%,rgba(242,221,184,.2),rgba(201,182,228,.08) 70%);box-shadow:inset 0 0 0 1px rgba(242,221,184,.22);flex:none}
.ti-g b{margin-top:6px;font:400 1.3rem/1.15 var(--serif);color:var(--gold)}
.ti-s{font-size:.84rem;line-height:1.45;color:var(--mut)}
.ti-n{margin-top:auto;padding-top:6px;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lil)}
.ts{margin-top:56px;scroll-margin-top:96px}
.ts-h{display:flex;align-items:center;gap:18px;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--hair)}
.ts-h h2{font-size:2.3rem}
.ts-h p{margin-top:4px;color:var(--mut);font-size:.95rem}
.ts-n{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ts-n li{padding:24px 26px;border-radius:20px;border:1px solid var(--hair);background:rgba(244,239,249,.035)}
.ts-n .nt-t{font-size:1.4rem;margin-bottom:10px}
.ts-n p{font-size:.95rem;line-height:1.6;color:#D6CEE2}
.ts-n .nt-u{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(201,182,228,.2)}
.ts-n .nt-u b{color:var(--lil)}
.ts-n .nt-f{margin-top:12px;font-size:.78rem;color:var(--mut)}

/* ---------- chi sono ---------- */
.who{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;padding-top:120px}
.who-img{max-height:78vh}

/* ---------- prodotti (pagine singole) ---------- */
.pp-hero{gap:64px}
.pp-body{max-width:var(--max);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;align-items:start}
.pp-body>*{grid-column:1/-1}
.pp-body>.pp-ric{grid-column:1}
.pp-body>.pp-come{grid-column:2}
.pp-body>.pp-fq{grid-column:1}
.pp-body>.v12-end{grid-column:1/-1;align-self:start;padding:30px;border:1px solid var(--hair);border-radius:22px;background:linear-gradient(120deg,rgba(201,182,228,.1),rgba(242,221,184,.05))}
.pp-body>.pp-fq+.v12-end{grid-column:2}
.pp-other{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- footer ---------- */
.ft .w{grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:end}
.ft .w:before,.ft .w>.big,.ft .w>.links{grid-column:1/-1}
.ft .legal{max-width:none;grid-column:1/-1}
}
@media (min-width:1600px){:root{--max:1360px}}

@media (min-width:1024px){.dk-imp .ts-n>li:only-child{grid-column:1/-1}}
@media (min-width:1024px){.dd:nth-child(2){background:rgba(244,239,249,.035)}}

/* ===== 22/10/2026 sera · Shop «Servizi digitali» su desktop: schede ricche (Kit in evidenza + 3 colonne). Solo >=1024px ===== */
@media (min-width:1024px){
main:has(.dks) .v10-grid{display:none}
.v12 .dks{display:grid!important;gap:22px;margin-top:34px;margin-bottom:10px}
.dks-card{position:relative;display:flex;flex-direction:column;border:1px solid rgba(244,239,249,.1);border-radius:22px;background:linear-gradient(180deg,rgba(244,239,249,.045),rgba(244,239,249,.015));overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease)}
.dks-card:hover{border-color:rgba(201,182,228,.32);transform:translateY(-2px)}
.dks-im{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0E0B15}
.dks-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.dks-card:hover .dks-im img{transform:scale(1.03)}
.dks-tag{position:absolute;left:14px;top:14px;padding:6px 11px;border-radius:999px;background:rgba(11,9,17,.72);backdrop-filter:blur(6px);color:var(--ink);font:600 .74rem/1 var(--sans);letter-spacing:.02em}
.dks-bd{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.dks-per{margin:0 0 6px;color:var(--lil);font:600 .78rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.dks-card h3{margin:0;font:600 1.6rem/1.15 var(--serif);letter-spacing:-.01em}
.dks-card h3 a{color:var(--ink);text-decoration:none}
.dks-ln{margin:8px 0 0;color:var(--mut);font-size:.97rem;line-height:1.5}
.dks-prow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 0;padding:14px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.dks-pr{margin:0;color:var(--ink);font:600 2.5rem/1 var(--serif);letter-spacing:-.02em}
.dks-pr small{font-size:.5em;margin-left:2px;color:var(--mut);font-family:var(--sans);font-weight:600}
.dks-eta{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--gold);font:600 .86rem/1.2 var(--sans)}
.dks-eta svg{flex:none}
.dks-k{margin:18px 0 8px;color:var(--dim);font:700 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.dks-pts{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.dks-pts li{display:flex;gap:9px;align-items:flex-start;color:var(--ink);font-size:.95rem;line-height:1.4}
.dks-pts svg{flex:none;margin-top:3px;color:var(--lil)}
.dks-acts{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:22px}
.dks-acts .s7-buy{min-height:48px;padding:0 22px;font-size:.92rem}
.dks-more{color:var(--ink);font:600 .92rem/1.2 var(--sans);text-decoration:none;border-bottom:1px solid rgba(244,239,249,.3);padding-bottom:2px}
.dks-more:hover{border-color:var(--ink)}
.dks-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
/* Kit in evidenza: copertina | contenuto | prezzo e pulsanti */
.dks-kit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(250px,.75fr);align-items:stretch;background:linear-gradient(120deg,rgba(201,182,228,.1),rgba(242,221,184,.04) 70%)}
.dks-kit .dks-im{aspect-ratio:auto;min-height:100%}
.dks-kit .dks-im img{position:absolute;inset:0}
.dks-kit .dks-bd{padding:30px 30px 30px 34px}
.dks-kit h3{font-size:2.1rem}
.dks-kit .dks-pts{margin-top:18px;grid-template-columns:1fr 1fr;gap:10px 22px}
.dks-pages{display:flex;gap:10px;margin-top:auto;padding-top:22px}
.dks-pages img{width:74px;height:auto;aspect-ratio:560/791;object-fit:cover;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 1px rgba(244,239,249,.1)}
.dks-side{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px;border-left:1px solid var(--hair)}
.dks-side .dks-pr{font-size:3.4rem}
.dks-og{margin:0;font-size:.95rem}
.dks-side .dks-acts{flex-direction:column;align-items:stretch;margin-top:10px;padding-top:0;gap:14px}
.dks-side .dks-more{align-self:center}
}
@media (min-width:1024px) and (max-width:1279.98px){
.dks-kit{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(220px,.8fr)}
.dks-kit .dks-pts{grid-template-columns:1fr}
.dks-bd{padding:20px 20px 22px}
.dks-card:not(.dks-kit) h3{font-size:1.4rem}
.dks-pr{font-size:2.1rem}
.dks-acts{flex-wrap:wrap;gap:12px}
}
/* Merch su desktop: stesso linguaggio delle schede servizi (pannello, prezzo visibile, pulsante + «Scopri di più») */
@media (min-width:1024px){
.v12-mx .v12-mxtop{padding:22px;border:1px solid rgba(244,239,249,.1);border-radius:24px;background:linear-gradient(120deg,rgba(201,182,228,.08),rgba(242,221,184,.035) 70%);column-gap:44px}
.v12-mx .v12-mxim{box-shadow:none}
.v12-mx .dk-mxpr{display:flex!important;max-width:460px;margin-top:20px}
.v12-mx .v12-mxacts{flex-direction:row;align-items:center;gap:22px;max-width:none}
.v12-mx .v12-mxacts .v12-mxgo{width:auto;min-height:52px;padding:0 26px;font-size:1rem}
.js .v12-mx .v12-mxacts .v12-mxb{display:none}
.v12-mx .dk-mxmore{display:inline-block!important}
.v12-svh{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:48px;align-items:end}
.v12-svh>*{grid-column:1}
.v12-svh>.v12-trust{grid-column:2;grid-row:1/span 3;align-self:end;display:grid;gap:10px;margin:0;justify-content:end}
}

/* ===== 22/10/2026 21:50 · Fallback senza :has() (browser più vecchi: Firefox < 121, Safari < 15.4): il blocco mobile restava visibile accanto a quello desktop ===== */
@media (min-width:1024px){
.v12-svh+.v10-grid{display:none!important}
.dk-blog~.cat .posts{display:none}
.dk-imp~.cat .menu-l{display:none}
}
/* 22/10/2026 · pausa servizi: badge «In pausa» + nota al posto del bottone (desktop) */
.dks-acts:has(.s7-pz){flex-wrap:wrap;align-items:flex-start;row-gap:14px}
.dks-acts .s7-pz{flex:1 1 100%}
.dks-acts .s7-pzt{font-size:.86rem;max-width:44ch}
.dks-side .dks-acts .s7-pz{align-items:center;text-align:center}
.dks-side .dks-acts .s7-pzt{margin:0 auto}
.s7-pzban{max-width:900px}
.dks-side .dks-acts:has(.s7-pz){flex-wrap:nowrap;align-items:stretch}

/* 24/10/2026: la scheda/banner verso servizi.html è solo mobile; il desktop resta com'era */
.v12-svgo,.v12-svnew{display:none!important}
.v12-imm{display:none!important}