:root{
--verde:#77B163;
--verde-fondo:#35592B;
--corallo:#E0654F;
--viola:#7B62C4;
--blu:#4C8BC9;
--rosa:#C9628F;
--acqua:#2E9E93;
--credito:#C08A2A;
--verifica:#2F80D9;
--oro:#E3A82B;
--inchiostro:#131711;
--carta:#F6F8F4;
--linea:#E5EAE1;
--grigio:#6B7566;
--display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
--testo:"Instrument Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
--mono:"DM Mono",ui-monospace,"SF Mono",Menlo,monospace;
--r-s:12px; --r-m:18px; --r-l:24px; --r-pill:999px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--testo);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
img{display:block}
.pagina{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px var(--linea)}
.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--linea);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.marchio{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em}
.marchio i{font-style:normal;color:var(--verde)}
.utente{font-family:var(--mono);font-size:13px;color:var(--inchiostro);background:var(--carta);border:1px solid var(--linea);padding:7px 14px;border-radius:var(--r-pill);letter-spacing:-.02em}
.copertina{position:relative;height:168px;overflow:hidden;background:var(--carta)}
.copertina img{width:100%;height:100%;object-fit:cover}
.copertina::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(19,23,17,0) 50%,rgba(19,23,17,.2))}
.testata{padding:0 16px 18px}
.riga-alta{display:flex;align-items:flex-end;gap:12px}
.ritratto{
width:92px;height:92px;flex:0 0 auto;border-radius:50%;margin-top:-42px;position:relative;z-index:2;
border:4px solid #fff;overflow:hidden;background:var(--carta);box-shadow:0 6px 20px -8px rgba(19,23,17,.35);
}
.ritratto img{width:100%;height:100%;object-fit:cover}
.presenza{flex:1;min-width:0;padding-bottom:4px}
.stato{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--inchiostro)}
.pallino{width:9px;height:9px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 3px rgba(119,177,99,.24);flex:0 0 auto}
.lingue-testo{font-size:12.5px;color:var(--grigio);display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.azioni-icone{display:flex;gap:2px;flex:0 0 auto;padding-bottom:2px}
.ico{
background:none;border:0;padding:4px 6px;cursor:pointer;
display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--inchiostro);transition:.15s;
}
.ico:hover{transform:translateY(-1px)}
.ico:focus-visible{outline:2px solid var(--verde-fondo);outline-offset:3px;border-radius:8px}
.ico svg{width:25px;height:25px}
.ico .n{font-family:var(--mono);font-size:10.5px;color:var(--grigio);letter-spacing:-.02em}
.ico.attiva .n{color:var(--inchiostro)}
.nome-riga{display:flex;align-items:center;gap:7px;margin-top:14px;flex-wrap:wrap}
h1{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.03em;margin:0;line-height:1.1}
.spunta{width:21px;height:21px;flex:0 0 auto}
.bandiera{width:20px;height:14px;border-radius:3px;overflow:hidden;flex:0 0 auto;box-shadow:0 0 0 1px rgba(19,23,17,.10)}
.sesso{width:17px;height:17px;flex:0 0 auto}
.ruolo{color:var(--grigio);font-size:14.5px;margin-top:3px}
.bio{font-size:15px;line-height:1.55;margin-top:12px;color:#2A2F26}
.fiducia{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}
.stelle{display:inline-flex;align-items:center;gap:1px}
.stelle svg{width:17px;height:17px}
.stelle svg:not(.st){width:0;height:0;position:absolute}
.pill-recensioni{font-size:12.5px;font-weight:600;color:var(--inchiostro);background:var(--carta);border:1px solid var(--linea);padding:7px 13px;border-radius:var(--r-pill);cursor:pointer;transition:.15s}
.pill-recensioni:hover{border-color:#C6D0C0;background:#EFF3EC}
.pill-recensioni:focus-visible{outline:2px solid var(--verde-fondo);outline-offset:2px}
.blocco{padding:20px 16px;border-top:1px solid var(--linea)}
.etichetta{font-size:12px;font-weight:600;color:var(--grigio);display:flex;align-items:center;gap:9px;margin:0 0 14px}
.etichetta::before{content:"";width:16px;height:3px;border-radius:2px;background:var(--tono,var(--verde));flex:0 0 auto}
.etichetta .conta{margin-left:auto;font-family:var(--mono);font-size:11px;color:#9AA396;font-weight:400}
.offerte{display:grid;gap:10px}
.offerta{position:relative;display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid var(--linea);background:#fff;padding:15px;cursor:pointer;border-radius:var(--r-m);transition:.15s}
.offerta:hover{border-color:var(--tono);background:color-mix(in srgb,var(--tono) 5%,#fff);transform:translateY(-1px)}
.offerta:focus-visible{outline:2px solid var(--tono);outline-offset:2px}
.offerta .icona{width:42px;height:42px;border-radius:50%;background:var(--tono);display:grid;place-items:center;flex:0 0 auto}
.offerta .icona svg{width:19px;height:19px}
.offerta .txt{min-width:0;flex:1}
.offerta .titolo{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em}
.offerta .meta{font-size:13px;color:var(--grigio);margin-top:2px}
.offerta .prezzo{font-family:var(--mono);font-size:14px;font-weight:500;white-space:nowrap;align-self:center}
.stato-angolo{
position:absolute;top:-8px;right:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;
text-transform:uppercase;color:#fff;background:var(--tono);padding:3px 9px;border-radius:var(--r-pill);
}
.stato-angolo.attesa{background:var(--inchiostro)}
.abbo{border:1px solid color-mix(in srgb,var(--viola) 40%,#fff);background:color-mix(in srgb,var(--viola) 8%,#fff);padding:17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-radius:var(--r-l)}
.abbo .txt{flex:1;min-width:150px}
.abbo .titolo{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em}
.abbo .desc{font-size:13px;color:var(--grigio);margin-top:2px}
.btn-tono{background:var(--tono);color:#fff;border:0;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;border-radius:var(--r-pill);transition:.15s}
.btn-tono:hover{filter:brightness(.92)}
.galleria{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.foto{position:relative;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;cursor:pointer;background:var(--carta)}
.foto img{width:100%;height:100%;object-fit:cover;transition:.25s}
.foto:hover img{transform:scale(1.05)}
.foto.bloccata::after{content:"";position:absolute;inset:0;background:rgba(19,23,17,.55);backdrop-filter:blur(7px)}
.foto .lucchetto{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;font-family:var(--mono);font-size:11px}
.foto .lucchetto svg{width:17px;height:17px}
.video-lista{display:grid;gap:10px}
.video{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--linea);background:#fff;padding:10px;border-radius:var(--r-m);cursor:pointer;transition:.15s}
.video:hover{border-color:var(--blu);background:color-mix(in srgb,var(--blu) 5%,#fff)}
.video .mini{position:relative;width:124px;flex:0 0 auto;border-radius:var(--r-s);overflow:hidden}
.video .mini img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video .play{position:absolute;inset:0;display:grid;place-items:center}
.video .play span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.video .play svg{width:12px;height:12px;margin-left:2px}
.video .durata{position:absolute;right:5px;bottom:5px;background:rgba(19,23,17,.8);color:#fff;font-family:var(--mono);font-size:10px;padding:2px 5px;border-radius:5px}
.video .titolo{font-size:14px;font-weight:600;line-height:1.3}
.video .meta{font-size:12px;color:var(--grigio);margin-top:3px}
.annunci{display:grid;gap:10px}
.annuncio{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--linea);background:#fff;padding:10px;border-radius:var(--r-m);cursor:pointer;transition:.15s}
.annuncio:hover{border-color:var(--acqua);background:color-mix(in srgb,var(--acqua) 5%,#fff)}
.annuncio img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-s);flex:0 0 auto}
.annuncio .txt{flex:1;min-width:0}
.annuncio .titolo{font-size:14px;font-weight:600;line-height:1.3}
.annuncio .meta{font-size:12px;color:var(--grigio);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}
.annuncio .cond{color:var(--acqua);font-weight:600}
.annuncio .prezzo{font-family:var(--mono);font-size:15px;font-weight:500;white-space:nowrap}
.shop{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prod{border:1px solid var(--linea);background:#fff;padding:13px;display:flex;flex-direction:column;gap:9px;border-radius:var(--r-m);cursor:pointer;transition:.15s;text-align:left}
.prod:hover{border-color:var(--rosa);transform:translateY(-1px)}
.prod .anteprima{height:66px;border-radius:var(--r-s);display:grid;place-items:center;background:color-mix(in srgb,var(--rosa) 9%,#fff)}
.prod .anteprima svg{width:20px;height:20px;opacity:.55}
.prod .nome{font-size:13px;font-weight:600;line-height:1.3}
.prod .prezzo{font-family:var(--mono);font-size:12px;color:var(--grigio);margin-top:auto}
.regali{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.regalo{border:1px solid var(--linea);background:#fff;padding:13px 6px;text-align:center;cursor:pointer;border-radius:var(--r-m);transition:.15s}
.regalo:hover{border-color:color-mix(in srgb,var(--credito) 55%,#fff);background:color-mix(in srgb,var(--credito) 7%,#fff);transform:translateY(-1px)}
.regalo .em{font-size:24px;line-height:1}
.regalo .cr{font-family:var(--mono);font-size:11px;color:var(--credito);margin-top:7px;font-weight:500}
.nota-crediti{font-size:12px;color:var(--grigio);margin-top:12px}
.social-lista{display:grid;gap:8px}
.social{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--linea);background:#fff;padding:11px 14px;text-decoration:none;color:var(--inchiostro);border-radius:var(--r-pill);transition:.15s}
.social:hover{background:var(--carta);border-color:#D3DBCE}
.social .chi{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500}
.social .sig{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--mono);font-size:10px;flex:0 0 auto}
.social .vai{font-family:var(--mono);font-size:12px;color:var(--grigio)}
.piede{padding:28px 16px 36px;border-top:1px solid var(--linea);background:var(--carta);text-align:center}
.piede .invito{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.025em;margin:0 0 16px;line-height:1.3}
.piede .invito em{font-style:normal;color:var(--verde-fondo)}
.btn-invito{background:#fff;color:var(--inchiostro);border:1px solid var(--linea);padding:13px 22px;font-weight:600;font-size:14px;cursor:pointer;border-radius:var(--r-pill);transition:.15s}
.btn-invito:hover{border-color:var(--verde);color:var(--verde-fondo);background:rgba(119,177,99,.07)}
.scarichi{display:grid;gap:10px}
.scarico{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--linea);background:#fff;padding:12px;border-radius:var(--r-m);cursor:pointer;transition:.15s}
.scarico:hover{border-color:var(--rosa);background:color-mix(in srgb,var(--rosa) 5%,#fff)}
.scarico .formato{position:relative;width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center}
.scarico .formato svg{width:100%;height:100%;filter:drop-shadow(0 2px 5px rgba(19,23,17,.16))}
.scarico .formato .est{position:absolute;left:0;right:0;top:68%;transform:translateY(-50%);text-align:center;font-family:var(--mono);font-size:9.5px;font-weight:500;color:#fff;letter-spacing:.07em}
.formato.pdf{color:#E5252A}
.formato.doc{color:#2B579A}
.formato.zip{color:#EFA22B}
.scarico .txt{flex:1;min-width:0}
.scarico .titolo{font-size:14px;font-weight:600;line-height:1.3}
.scarico .meta{font-size:12px;color:var(--grigio);margin-top:3px}
.scarico .prezzo{font-family:var(--mono);font-size:14px;font-weight:500;white-space:nowrap}
.doni{display:flex;gap:9px;overflow-x:auto;padding:2px 0 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.doni::-webkit-scrollbar{height:0}
.dono{flex:0 0 auto;width:92px;border:1px solid var(--linea);background:#fff;border-radius:var(--r-m);padding:13px 6px;text-align:center;cursor:pointer;transition:.15s;scroll-snap-align:start}
.dono:hover{border-color:color-mix(in srgb,var(--credito) 55%,#fff);background:color-mix(in srgb,var(--credito) 6%,#fff);transform:translateY(-2px)}
.dono .cerchio{width:42px;height:42px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--credito) 13%,#fff)}
.dono .cerchio svg{width:21px;height:21px}
.dono .nome{font-size:12px;font-weight:600;line-height:1.2}
.dono .cr{font-family:var(--mono);font-size:11px;color:var(--credito);margin-top:4px;font-weight:500}
.dono.libero{border-style:dashed}
.dono.libero .cerchio{background:var(--carta)}
.sostenitori{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;padding-top:13px;border-top:1px solid var(--linea);font-size:12.5px;color:var(--grigio)}
.sostenitori .chi{color:var(--inchiostro);font-weight:600}
.sostenitori .amt{font-family:var(--mono);font-size:11.5px;color:var(--credito)}
.sostenitori .sep{color:#C9D2C4}
.link-lista{display:grid;gap:8px}
.riga-link{display:flex;align-items:center;gap:12px;border:1px solid var(--linea);background:#fff;padding:10px 14px;text-decoration:none;color:var(--inchiostro);border-radius:var(--r-pill);transition:.15s}
.riga-link:hover{background:var(--carta);border-color:#D3DBCE;transform:translateX(2px)}
.riga-link .logo{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.riga-link .logo svg{width:18px;height:18px}
.riga-link .rete{font-size:14px;font-weight:600}
.riga-link .utenza{font-family:var(--mono);font-size:12px;color:var(--grigio);margin-left:auto}
.riga-link .frec{color:#B9C2B4;font-size:14px}
.offerta .txt,.video .txt,.scarico .txt{display:flex;flex-direction:column}
.dono .nome,.dono .cr{display:block}
.lampeggia{width:9px;height:9px;border-radius:50%;background:#E02B2B;flex:0 0 auto;animation:pulsa 1.3s ease-in-out infinite}
@keyframes pulsa{
0%{opacity:1;box-shadow:0 0 0 0 rgba(224,43,43,.55)}
70%{opacity:.5;box-shadow:0 0 0 7px rgba(224,43,43,0)}
100%{opacity:1;box-shadow:0 0 0 0 rgba(224,43,43,0)}
}
@keyframes squilla{
0%,70%,100%{transform:rotate(0)}
74%{transform:rotate(-13deg)} 78%{transform:rotate(11deg)}
82%{transform:rotate(-8deg)}  86%{transform:rotate(5deg)} 90%{transform:rotate(-2deg)}
}
@keyframes lente{0%,100%{transform:translateX(0)}50%{transform:translateX(1.3px)}}
@keyframes vola{
0%,20%{transform:translate(0,0) rotate(0);opacity:1}
48%{transform:translate(10px,-10px) rotate(12deg);opacity:0}
49%{transform:translate(-9px,9px) rotate(-10deg);opacity:0}
72%,100%{transform:translate(0,0) rotate(0);opacity:1}
}
.ic-tel{animation:squilla 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 60%}
.ic-lente{animation:lente 2.4s ease-in-out infinite;transform-box:fill-box}
.ic-aereo{animation:vola 3s cubic-bezier(.45,.05,.35,1) infinite;transform-box:fill-box;transform-origin:50% 50%}
.canale:hover .ic-aereo{animation-duration:1.6s}
.canale:hover .ic-tel{animation-duration:1.2s}
.canali{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.canale{display:flex;flex-direction:column;align-items:center;border:1px solid var(--linea);background:#fff;border-radius:var(--r-m);padding:15px 6px 13px;cursor:pointer;transition:.15s;text-align:center}
.canale:hover{border-color:var(--verde);background:color-mix(in srgb,var(--verde) 5%,#fff);transform:translateY(-2px)}
.canale:focus-visible{outline:2px solid var(--verde-fondo);outline-offset:2px}
.canale .tondo{width:46px;height:46px;border-radius:50%;background:var(--verde);display:grid;place-items:center;margin-bottom:10px}
.canale .tondo svg{width:21px;height:21px}
.canale .lab{font-size:13px;font-weight:600;line-height:1.2}
.canale .pr{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--credito);margin-top:7px;white-space:nowrap}
.canale .pr small{font-size:10px;color:var(--grigio)}
.canale .disp{font-size:10.5px;font-weight:600;color:var(--verde-fondo);display:flex;align-items:center;gap:4px;margin-top:7px}
.canale .disp i{width:6px;height:6px;border-radius:50%;background:var(--verde);display:block;flex:0 0 auto}
.canale .disp.lenta{color:var(--grigio)}
.canale .disp.lenta i{background:#C2CBBD}
@media (max-width:360px){.canale .tondo{width:40px;height:40px}.canale .lab{font-size:12px}}
@media (max-width:380px){
.ico svg{width:22px;height:22px}
.ritratto{width:82px;height:82px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}