/* Contatti, 5 viste (Tre schede grandi .ct1, Cronologia .ct2, Diario .ct3, Squadra .ct4, Plancia .ct5).
   Ripreso dai prototipi in canale/grafica/contatti-varianti e legato ai token dei due temi del CRM. Classi tutte con prefisso ct-. */

.ctw{--kl:78%;--k-roma:hsl(150 62% var(--kl));--k-liberta:hsl(205 80% var(--kl));--k-gazzara:hsl(42 85% var(--kl));--k-palermo:hsl(268 80% var(--kl));
  --c-cliente:var(--acc);--c-fornitore:var(--warn);--c-partner:hsl(268 80% var(--kl));--c-squadra:var(--acc2);--c-tutti:var(--tx);
  --sf:color-mix(in srgb,var(--txc) 4%,transparent);--sf2:color-mix(in srgb,var(--txc) 9%,transparent);--ease:cubic-bezier(.2,.8,.2,1);position:relative}
html[data-tema=chiaro] .ctw{--kl:29%}
.ctw h2,.ctw h3{font-weight:var(--w3)}
.ctw h3{font-size:var(--t2);margin:0 0 10px}
.ct-k,.ct-kk{font-size:12px;font-weight:var(--w3);color:var(--mu);letter-spacing:.07em;text-transform:uppercase}

/* barra in alto */
.ct-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ct-bar .ct-sp{flex:1}
.ct-bar .cerca{flex:0 0 280px}
.ct-n{margin-left:6px;opacity:.75;font-weight:700}
.ct-intro{margin:-4px 2px 6px}

/* pezzi comuni */
.ct-tg{--tc:var(--mu);display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 10px;border-radius:99px;font-size:12.5px;font-weight:var(--w3);line-height:1;color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);background:color-mix(in srgb,var(--tc) 10%,transparent);white-space:nowrap}
.ct-tg i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.ct-tg.mute{background:none;border-color:var(--g-line)}
.ct-t-cliente{--tc:var(--c-cliente)}.ct-t-fornitore{--tc:var(--c-fornitore)}.ct-t-partner{--tc:var(--c-partner)}.ct-t-squadra{--tc:var(--c-squadra)}.ct-t-tutti{--tc:var(--c-tutti)}
.ct-via{--vc:var(--mu);display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px 0 8px;border-radius:99px;font-size:12.5px;font-weight:var(--w3);line-height:1;color:var(--vc);border:1px solid color-mix(in srgb,var(--vc) 45%,transparent);background:color-mix(in srgb,var(--vc) 10%,transparent);white-space:nowrap}
.ct-via:before{content:"";width:8px;height:8px;border-radius:3px;background:var(--vc)}
.ct-via:hover{border-color:var(--vc)}
.ct-v-roma{--vc:var(--k-roma)}.ct-v-liberta{--vc:var(--k-liberta)}.ct-v-gazzara{--vc:var(--k-gazzara)}.ct-v-palermo{--vc:var(--k-palermo)}
.ct-vie{display:flex;gap:6px;flex-wrap:wrap;min-height:26px;align-items:center}
.ct-vie.c{justify-content:center}

.ct-av{--h:150;position:relative;flex:none;display:grid;place-items:center;border-radius:50%;color:#05140d;font-weight:700;letter-spacing:-.02em;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  background:radial-gradient(circle at 30% 25%,hsl(var(--h) 85% 82%),hsl(var(--h) 55% 58%) 55%,hsl(calc(var(--h) + 25) 50% 34%))}
.ct-av.q{border-radius:30%}
.ct-av svg{position:absolute;inset:0;width:100%;height:100%}
.ct-av b{position:relative;font-weight:700}

.ct-az{display:flex;gap:8px;flex-wrap:wrap}
.ct-az .btn{min-height:34px;padding:0 13px;font-size:13px;gap:6px}
.ct-az .btn svg.i{width:16px;height:16px}
.ct-az.big .btn{min-height:40px;padding:0 18px;font-size:var(--t1)}

.ct-open{display:block;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;letter-spacing:inherit}
.ct-open:hover{text-decoration:underline;text-underline-offset:3px}
.ct-nm{font-weight:700;letter-spacing:-.015em;line-height:1.15;min-width:0}
.ct-nm small,.ct-who small{display:block;margin-top:3px;font-size:var(--t1);font-weight:var(--w3);letter-spacing:0;color:var(--mu)}

.ct-rf{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ct-rf li{display:grid;gap:2px;font-weight:var(--w3)}
.ct-rf li span{font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.ct-tl{display:grid}
.ct-tlr{display:grid;grid-template-columns:62px auto 1fr;gap:6px 16px;align-items:start;padding:11px 0;border-bottom:1px solid var(--sf2)}
.ct-tlr:last-child{border-bottom:0}
.ct-tld b{display:block;font-size:var(--t1)}
.ct-tlm{display:inline-flex;align-items:center;gap:6px;font-size:var(--t1);font-weight:var(--w3);color:var(--acc2)}
.ct-tlm svg.i{width:15px;height:15px}
.ct-nt{display:grid;gap:8px}
.ct-nt textarea{min-height:70px;resize:vertical;background:var(--sf);border:1px solid var(--g-line);border-radius:12px;padding:10px 12px;color:var(--tx);font:inherit;font-size:var(--t1)}
.ct-nt textarea::placeholder{color:var(--mu)}
.ct-nt .btn{justify-self:start}
.ct-sh{display:flex;gap:18px;align-items:center;min-width:0}
.ct-shn{font-size:clamp(22px,calc(1vw / var(--z,1)) + 14px,28px);letter-spacing:-.02em;margin:2px 0 4px}
.ct-shm{color:var(--mu);font-weight:var(--w3)}
.ct-sht{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.ct-bx{padding:16px;border-radius:16px;background:var(--sf);border:1px solid var(--sf2)}
.ct-bx h3{margin-bottom:10px}
.ct-xb{width:40px;padding:0;flex:none}
.ctw .sub{margin-top:3px}
.ctw .glass{border-radius:18px}
.ct-tel{text-align:center;padding:6px 4px}
.ct-tel b{display:block;font-size:var(--t3)}
.ct-tel .num{font-size:30px;font-weight:700;letter-spacing:.01em;margin:10px 0 6px;color:var(--acc)}

/* velo e riquadri in primo piano (vista 1, 4, 5) */
.ct-ov{position:static}
.ct-scrim{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--sh0) 50%,transparent);opacity:0;pointer-events:none;transition:opacity .2s}
.ct-ov.on .ct-scrim{opacity:1;pointer-events:auto}
.ct-pn{position:fixed;z-index:85;background:var(--g-solid);border:1px solid var(--g-line);box-shadow:var(--sh2);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;outline:0}
.ct-ov.on .ct-pn{visibility:visible;transition-delay:0s}
.ct-pt{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--sf2)}
.ct-pb{overflow:auto;padding:18px 24px 26px;display:grid;gap:16px;align-content:start}
.ct-w{grid-column:1/-1}

/* vista 1: tre schede grandi + cassetto */
.ct1 .ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,390px),1fr));gap:16px}
.ct1 .ct-cd{position:relative;padding:20px 20px 20px 24px;display:grid;gap:14px;align-content:start;overflow:hidden;cursor:pointer;transition:transform .2s var(--ease),border-color .2s}
.ct1 .ct-cd:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc)}
.ct1 .ct-cd:hover{transform:translateY(-2px);border-color:var(--acc2)}
.ct1 .ct-hd{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.ct1 .ct-nm{font-size:var(--t3)}
.ct1 .ct-rfg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ct1 .ct-rfg div{padding:9px 10px;border-radius:12px;background:var(--sf);border:1px solid var(--sf2);font-size:13px;font-weight:var(--w3);line-height:1.35}
.ct1 .ct-rfg div span{display:block;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.ct1 .ct-ul{display:flex;gap:10px;align-items:baseline;font-size:var(--t1);color:var(--mu)}
.ct1 .ct-ul b{color:var(--tx);white-space:nowrap}
.ct1 .ct-ul q{color:var(--tx);quotes:"\201C" "\201D"}
.ct1 .ct-pn{top:12px;right:12px;bottom:12px;width:min(780px,calc(calc(100vw / var(--z,1)) - 24px));border-radius:24px;transform:translateX(calc(100% + 30px));transition:transform .28s var(--ease),visibility 0s .28s}
.ct1 .ct-ov.on .ct-pn{transform:none}
.ct1 .ct-two{grid-template-columns:1fr 1fr}

/* vista 2: cronologia, da quanto non ci sentiamo */
.ct2 .ct-grp{margin:18px 0 10px;display:flex;align-items:center;gap:12px}
.ct2 .ct-grp h2{font-size:var(--t3)}
.ct2 .ct-grp i{flex:1;height:1px;background:var(--g-line)}
.ct2 .ct-list{display:grid;gap:12px;grid-template-columns:1fr}
.ct2 .ct-row{overflow:hidden;border-radius:18px}
.ct2 .ct-rh{display:grid;grid-template-columns:250px minmax(0,1fr) 350px;gap:22px;align-items:center;padding:18px 20px;cursor:pointer;min-height:150px}
.ct2 .ct-rh:hover{background:var(--sf)}
.ct2 .ct-who{display:flex;gap:14px;align-items:center;min-width:0}
.ct2 .ct-who .ct-open{font-size:var(--t3);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.ct2 .ct-who small{margin:2px 0 6px}
.ct2 .ct-mid{display:grid;gap:12px;min-width:0}
.ct2 .ct-fr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.ct2 .ct-tr{position:relative;height:8px;border-radius:8px;background:var(--sf2)}
.ct2 .ct-tr i{position:absolute;right:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc2) 15%,transparent),var(--acc2))}
.ct2 .ct-tr i.old{background:linear-gradient(90deg,color-mix(in srgb,var(--warn) 15%,transparent),var(--warn))}
.ct2 .ct-tr b{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;margin-left:-8px;background:var(--g-solid);border:2px solid var(--acc2)}
.ct2 .ct-tr i.old+b{border-color:var(--warn)}
.ct2 .ct-fr span{font-size:var(--t1);font-weight:var(--w3);color:var(--mu);white-space:nowrap}
.ct2 .ct-say{font-size:var(--t2)}
.ct2 .ct-say b{color:var(--mu);font-weight:var(--w3);margin-right:6px}
.ct2 .ct-rf3{display:flex;gap:6px;flex-wrap:wrap}
.ct2 .ct-rf3 span{font-size:12.5px;font-weight:var(--w3);padding:3px 9px;border-radius:8px;background:var(--sf);border:1px solid var(--sf2);color:var(--mu)}
.ct2 .ct-rt{display:grid;gap:10px;justify-items:end}.ct2 .ct-rt .ct-az{justify-content:flex-end}
.ct2 .ct-rb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 20px 20px;border-top:1px solid var(--sf2)}
@media (min-width:1800px){.ct2 .ct-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ct2 .ct-rh{grid-template-columns:230px minmax(0,1fr)}.ct2 .ct-rt{grid-column:1/-1;grid-template-columns:1fr auto;justify-items:start;align-items:center}.ct2 .ct-rt .ct-az{justify-self:end}.ct2 .ct-row[data-open]{grid-column:1/-1}}
@media (max-width:1250px){.ct2 .ct-rh{grid-template-columns:230px minmax(0,1fr)}.ct2 .ct-rt{grid-column:1/-1;justify-items:start}}

/* vista 3: diario, elenco a sinistra e scheda fissa a destra */
.ct3 .ct-md{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:20px;align-items:start}
.ct3 .ct-feed{min-width:0}
.ct3 .ct-gh{display:flex;align-items:center;gap:12px;margin:16px 0 10px}
.ct3 .ct-gh:first-child{margin-top:0}
.ct3 .ct-gh h2{font-size:var(--t3)}
.ct3 .ct-ln{flex:1;height:1px;background:var(--g-line)}
.ct3 .ct-its{position:relative;padding-left:28px;display:grid;gap:12px}
.ct3 .ct-its:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(color-mix(in srgb,var(--acc) 40%,transparent),color-mix(in srgb,var(--acc) 5%,transparent))}
.ct3 .ct-it{position:relative}
.ct3 .ct-it:before{content:"";position:absolute;left:-23px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 4px var(--g-bg)}
.ct3 .ct-pcd{display:grid;grid-template-columns:52px 1fr auto;gap:14px;padding:18px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.ct3 .ct-pcd:hover{border-color:var(--acc2);transform:translateX(2px)}
.ct3 .ct-pcd[aria-current=true]{border-color:var(--acc)}
.ct3 .ct-mt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ct3 .ct-mt .ct-open{font-size:var(--t3);font-weight:700;letter-spacing:-.01em}
.ct3 .ct-mt span{color:var(--mu);font-size:var(--t1);font-weight:var(--w3)}
.ct3 .ct-pcd p{margin:8px 0 12px;font-size:var(--t2);line-height:1.45}
.ct3 .ct-pcd p:before{content:"\201C";color:var(--acc);font-weight:700;margin-right:2px}
.ct3 .ct-pcd p:after{content:"\201D";color:var(--acc);font-weight:700;margin-left:2px}
.ct3 .ct-wh{text-align:right;font-size:13px;color:var(--mu);font-weight:var(--w3);white-space:nowrap}
.ct3 .ct-wh b{display:block;color:var(--tx);font-size:var(--t2)}
.ct3 .ct-vie{margin:8px 0 0}
.ct3 .ct-rf3{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.ct3 .ct-rf3 span{font-size:12.5px;font-weight:var(--w3);padding:3px 9px;border-radius:8px;background:var(--sf);border:1px solid var(--sf2);color:var(--mu)}
.ct3 .ct-side{position:sticky;top:16px;max-height:calc(calc(100vh / var(--z,1)) - 32px);overflow:auto;padding:20px;display:grid;gap:16px;align-content:start}
.ct3 .ct-sec{padding-top:14px;border-top:1px solid var(--sf2)}
.ct3 .ct-side>.ct-bk{justify-self:end}
.ct3 .ct-dia{display:grid;gap:0}
.ct3 .ct-di{display:grid;grid-template-columns:62px 34px 1fr;gap:10px;align-items:start;padding:10px 4px;border:0;border-bottom:1px solid var(--sf2);background:none;text-align:left;cursor:pointer}
.ct3 .ct-di:hover{background:var(--sf)}
.ct3 .ct-di b{font-size:13.5px}
.ct3 .ct-di span{font-size:var(--t1)}
.ct3 .ct-di span small{display:block;color:var(--mu);font-size:13px;font-weight:var(--w3)}
@media (min-width:1700px){.ct3 .ct-md{grid-template-columns:minmax(0,1fr) 560px}.ct3 .ct-its{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}.ct3 .ct-its:before,.ct3 .ct-it:before{display:none}.ct3 .ct-pcd{border-left:3px solid var(--tc)}}
@media (min-width:2300px){.ct3 .ct-its{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1150px){.ct3 .ct-md{grid-template-columns:1fr}.ct3 .ct-side{position:static;max-height:none}}

/* vista 4 (predefinita): ritratti + finestra con schede */
.ct4 .ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:16px}
.ct4 .ct-pc{position:relative;padding:0;overflow:hidden;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .2s var(--ease),border-color .2s}
.ct4 .ct-pc:hover{transform:translateY(-3px);border-color:var(--acc2)}
.ct4 .ct-ban{align-self:stretch;height:84px;position:relative;border-bottom:1px solid var(--sf2);background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--tc) 38%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--tc) 14%,transparent),transparent)}
.ct4 .ct-bs{position:absolute;left:12px;top:12px}
.ct4 .ct-btm{position:absolute;right:12px;top:12px;font-size:12.5px;font-weight:var(--w3);color:var(--mu);text-align:right;line-height:1.35}
.ct4 .ct-btm b{display:block;color:var(--tx);font-size:13.5px}
.ct4 .ct-pc>.ct-av{margin-top:-44px;box-shadow:0 0 0 4px var(--g-solid),inset 0 0 0 1px rgba(255,255,255,.28)}
.ct4 .ct-bd{align-self:stretch;padding:12px 14px 16px;display:grid;gap:12px;flex:1;align-content:start}
.ct4 .ct-nm{font-size:22px}
.ct4 .ct-nm .ct-open{margin:0 auto}
.ct4 .ct-rf4{display:grid;gap:6px;text-align:left}
.ct4 .ct-rf4 div{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:13.5px;font-weight:var(--w3)}
.ct4 .ct-rf4 div span{color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}
.ct4 .ct-q{padding:12px 14px;border-radius:14px;background:var(--sf);border:1px solid var(--g-line);font-size:var(--t2);line-height:1.45;text-align:left}
.ct4 .ct-q span{display:block;font-size:12px;color:var(--mu);font-weight:var(--w3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.ct4 .ct-bd .ct-az{justify-content:center;margin-top:auto;gap:6px}
.ct4 .ct-bd .ct-az .btn{padding:0 9px;gap:4px;font-size:12.5px}.ct4 .ct-bd .ct-az .btn svg.i{width:15px;height:15px}
.ct4 .ct-pn{left:50%;top:50%;width:min(980px,calc(calc(100vw / var(--z,1)) - 32px));max-height:calc(calc(100vh / var(--z,1)) - 48px);border-radius:26px;opacity:0;transform:translate(-50%,-47%) scale(.98);transition:opacity .2s,transform .24s var(--ease),visibility 0s .24s}
.ct4 .ct-ov.on .ct-pn{opacity:1;transform:translate(-50%,-50%)}
.ct4 .ct-mh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 18px;background:radial-gradient(80% 140% at 0% 0%,color-mix(in srgb,var(--c-cliente) 18%,transparent),transparent 70%)}
.ct4 .ct-mz{padding:0 26px 16px}
.ct4 .ct-tabs{display:flex;gap:4px;align-items:center;padding:0 26px;border-bottom:1px solid var(--sf2);overflow-x:auto}
.ct4 .ct-tabs .ct-sp{flex:1}
.ct4 .ct-tabs button[role=tab]{border:0;background:none;padding:12px 14px;font-weight:var(--w3);font-size:var(--t1);color:var(--mu);border-bottom:2px solid transparent;white-space:nowrap}
.ct4 .ct-tabs button[aria-selected=true]{color:var(--tx);border-bottom-color:var(--acc)}
.ct4 .ct-mb{overflow:auto;padding:20px 26px 26px}

/* vista 5: plancia a tessere + foglio dal basso */
.ct5 .ct-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.ct5 .ct-tile{position:relative;padding:18px 20px;border-radius:20px;min-width:0;overflow:hidden;color:var(--tx);text-align:left}
.ct5 .ct-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(500px 120px at 0 0,color-mix(in srgb,var(--tc,var(--acc)) 10%,transparent),transparent 70%)}
.ct5 .s2{grid-column:span 2}.ct5 .s4{grid-column:span 4}.ct5 .s12{grid-column:span 12}
.ct-kk{display:inline-flex;align-items:center;gap:8px;letter-spacing:.12em}
.ct-kk:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--tc,var(--acc))}
.ct5 .ct-ft{cursor:pointer;display:block;transition:border-color .2s,transform .2s var(--ease)}
.ct5 .ct-ft:hover{border-color:var(--acc2);transform:translateY(-2px)}
.ct5 .ct-ft[aria-pressed=true]{border-color:var(--tc,var(--acc));box-shadow:0 0 0 1px var(--tc,var(--acc))}
.ct5 .ct-ft .n{font-size:36px;font-weight:700;letter-spacing:-.035em;line-height:1;margin-top:10px}
.ct5 .ct-imp{display:flex;flex-direction:column;justify-content:space-between;gap:6px;--tc:var(--acc)}
.ct5 .ct-imp b{font-size:var(--t3);margin-top:6px}
.ct5 .ct-ct{display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color .2s,transform .2s var(--ease)}
.ct5 .ct-ct:hover{border-color:var(--acc2);transform:translateY(-2px)}
.ct5 .ct-h{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.ct5 .ct-nm{font-size:var(--t3)}
.ct5 .ct-id{font-size:12px;font-weight:var(--w3);letter-spacing:.12em;color:var(--tc);text-transform:uppercase;text-align:right;line-height:1.5}
.ct5 .ct-id b{display:block;font-size:13px;letter-spacing:0;color:var(--tx);text-transform:none}
.ct5 .ct-rfl{display:grid;gap:6px}
.ct5 .ct-rfl div{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:13.5px;font-weight:var(--w3)}
.ct5 .ct-rfl div span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding-top:2px}
.ct5 .ct-sy{font-size:var(--t2);line-height:1.45;padding-left:12px;border-left:2px solid var(--tc)}
.ct5 .ct-ct .ct-az{margin-top:auto}
.ct5 .ct-pn{left:calc(var(--sbc) + 36px);right:12px;bottom:12px;top:64px;border-radius:26px;transform:translateY(calc(100% + 30px));transition:transform .3s var(--ease),visibility 0s .3s}
.ct5 .ct-ov.on .ct-pn{transform:none}
.ct5 .ct-pn .ct-pt{align-items:center}
.ct5 .ct-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ct5 .ct-pb .ct-tile h3{margin:8px 0 10px}

/* scheda completa */
.ct-pagina{margin-top:8px}
.ct-pg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ct-pagina .ct-bx{padding:20px;border-radius:18px}
.ct-h3{margin:20px 0 10px!important}

/* adattamenti */
@media (min-width:1900px){.ct5 .ct-ct{grid-column:span 3}}
@media (max-width:1250px){.ct5 .s2{grid-column:span 6}.ct5 .s4,.ct5 .ct-ct{grid-column:span 6}}
@media (max-width:1100px){.ct-pg2{grid-template-columns:1fr}.ct2 .ct-rb{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
  .ct1 .ct-two{grid-template-columns:1fr}.ct1 .ct-rfg{grid-template-columns:1fr}.ct1 .ct-hd{grid-template-columns:auto 1fr}.ct1 .ct-hd .ct-tg{grid-column:1/-1;justify-self:start}
  .ct2 .ct-rh{grid-template-columns:1fr}.ct2 .ct-rb{grid-template-columns:1fr}
  .ct3 .ct-pcd{grid-template-columns:44px 1fr}.ct3 .ct-wh{grid-column:1/-1;text-align:left}
  .ct4 .ct-grid{grid-template-columns:1fr}.ct4 .ct-pn{width:calc(calc(100vw / var(--z,1)) - 16px)}
  .ct5 .s2{grid-column:span 6}.ct5 .s4,.ct5 .ct-ct,.ct5 .s12{grid-column:span 12}.ct5 .ct-pn{left:12px;top:24px;bottom:84px}
  .ct-bar .cerca{width:100%;min-width:0;order:5}
  .ct-tlr{grid-template-columns:70px 1fr}.ct-tle{grid-column:1/-1}
  .ct-sh{gap:12px}.ct-pt,.ct4 .ct-mh{padding:18px 16px 14px}.ct-pb,.ct4 .ct-mb{padding:14px 16px 20px}.ct4 .ct-mz,.ct4 .ct-tabs{padding-left:16px;padding-right:16px}
  .ct-rf3{font-size:13px}
}
@media (max-width:820px){.ct-pt{flex-wrap:wrap}.ct5 .ct-tools{width:100%;justify-content:flex-start}.ct-pt .ct-sh{flex:1 1 calc(100% - 52px)}}
@media (prefers-reduced-motion:reduce){.ctw *{transition-duration:.01ms!important}}