/* (c) 2026 Green Corporate di R.M. (P.IVA 12130010015) - Tutti i diritti riservati. L. 633/1941.
   Kit Social 1.4.6 - veste comune di accesso, materiali, canale, presentazioni, Direzione e manutenzione.
   Da 1280 px in su la scena e' quella della tavola approvata (1672 x 941) e si adatta in proporzione;
   sotto i 1280 px gli stessi elementi si ricompongono in colonna. */
:root{
  --verde:#087947; --verde-chiaro:#14a461; --oro:#8A6A12; --oro-chiaro:#D9C58E;
  --notte:#0b1412; --notte-2:#12141f; --rosso:#B42318;
  --oro-testo:#d6b46a; --oro-icona:#d9b56a; --oro-bordo:#c39959;
  --vetro:rgba(22,30,29,.88); --vetro-bordo:#2c3637; --campo:#1c2528; --campo-bordo:#3a4549;
  --scelto:#4fe0ad; --scelto-fondo:#113126;
  --bianco:#ffffff; --testo-2:#c6d0cd; --testo-3:#97a3a0;
  --carta:#f2ece2; --carta-campo:#e3daca; --carta-oro:#8f6a26; --carta-testo:#3d3a33;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3','Segoe UI',system-ui,sans-serif;
  --marchio:'Lato','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--notte)}
body{background:var(--notte);color:var(--bianco);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
.nascosto{display:none !important}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--oro-chiaro);outline-offset:2px}
/* fuoco visibile anche sui campi che tolgono il bordo del browser (rilievo del pacchetto GC SUPERPOWER) */
.riga-campo:focus-within,.f-cerca .campo:focus-within,.p-cerca:focus-within,.sel:focus-within{outline:3px solid var(--oro-chiaro);outline-offset:2px}
.modulo .campi input:focus-visible,.modulo .campi textarea:focus-visible{outline:3px solid var(--oro-chiaro);outline-offset:1px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------- SCENA ---------------- */
.scena{position:relative;width:1672px;min-height:941px;margin:0 auto;
  background:#0a1311 url(ks-sfondo.v1.4.6.jpg) 0 0/1672px 941px no-repeat;overflow:hidden}
.scena.lunga{background-image:url(ks-sfondo.v1.4.6.jpg),linear-gradient(#0d1715,#0b1412)}
.deco{position:absolute;pointer-events:none;font-family:var(--marchio);font-size:12px;letter-spacing:.32em;line-height:22px;
  color:#c9ab6c;text-transform:uppercase;white-space:pre}
.deco.riga{padding-left:22px;border-left:1.5px solid rgba(201,171,108,.75)}

/* testata */
.ks-marchio{position:absolute;z-index:6;left:201px;top:21px;display:block;width:330px;height:96px;text-decoration:none;color:inherit}
.ks-marchio img{position:absolute;left:0;top:0;width:72px;height:96px}
.ks-marchio .wm{position:absolute;left:94px;top:12px;font-family:var(--marchio);font-size:40px;line-height:46px;letter-spacing:.055em;white-space:nowrap;color:#fff;font-weight:300}
.ks-marchio .wm b{color:#e3c27a;font-weight:700;margin-right:.18em;background:linear-gradient(180deg,#f3dea0,#c99b4a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ks-marchio .motto{position:absolute;left:96px;top:62px;font-family:var(--marchio);font-size:10.5px;letter-spacing:.325em;color:#b9bdb7;white-space:nowrap}
.ks-area{position:absolute;right:184px;top:33px;text-align:right}
.ks-area .gc{display:block;font-family:var(--serif);font-size:25.7px;line-height:30px;color:#fff;letter-spacing:-.005em}
.ks-area .ar{display:block;font-family:var(--sans);font-size:19.5px;line-height:24px;color:#aebdba;margin-top:2px}
.ks-utente{position:absolute;z-index:6;right:184px;top:96px;display:flex;gap:14px;align-items:center;font-size:13px;color:#aebdba}
.ks-utente button,.ks-utente a{background:none;border:0;color:#d6b46a;font-weight:600;font-size:13px;text-decoration:none;padding:4px 0}
.ks-utente button:hover,.ks-utente a:hover{color:#f0d899}

/* schermi */
.schermo{position:absolute;inset:0;display:none}
.schermo.attivo{display:block}
.occhiello{position:absolute;left:200px;top:173px;font-family:var(--marchio);font-size:12px;letter-spacing:.32em;color:var(--oro-testo);white-space:nowrap;line-height:14px}
.occhiello::after{content:"";position:absolute;left:170px;top:7px;width:550px;height:1px;background:linear-gradient(90deg,rgba(214,180,106,.85),rgba(214,180,106,.25))}
.titolo{position:absolute;left:200px;top:208px;font-family:var(--serif);font-weight:400;font-size:46.3px;line-height:56px;letter-spacing:-.003em;color:#fff;white-space:nowrap}
.sottotitolo{position:absolute;left:202px;top:270px;font-family:var(--sans);font-size:26.2px;line-height:32px;color:#b7c1bd;font-weight:400;white-space:nowrap}
.indietro{position:absolute;left:200px;top:146px;background:none;border:0;color:#c6d0cd;font-size:15px;display:flex;gap:8px;align-items:center;padding:4px 0}
.indietro:hover{color:#fff}

@media (min-width:1280px){
  .titolo.t-canale{top:232px;font-size:40px;line-height:48px}
  .sottotitolo.s-canale{top:284px;font-size:20px;line-height:26px}
  .titolo.t-pres{top:172px;font-size:40px;line-height:48px}
  .sottotitolo.s-pres{top:222px;font-size:20px;line-height:26px}
  .titolo.t-dir{left:300px;top:176px;font-size:40px;line-height:48px}
  .sottotitolo.s-dir{left:301px;top:228px;font-size:20px;line-height:26px}
  .righe-dir{max-height:450px;overflow:auto;padding-right:6px}
  .barra .m1{left:640px;width:280px}.barra .m2{left:1010px;width:280px}.barra .sep.m{left:960px}
}
/* vetro */
.vetro{background:linear-gradient(180deg,rgba(30,38,37,.92),rgba(20,27,27,.92));border:1px solid var(--vetro-bordo);border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)}

/* canali */
.canali{position:absolute;left:200px;top:331px;width:789px;height:219px}
.canale{position:absolute;top:0;height:219px;border-radius:12px;border:1.5px solid var(--vetro-bordo);
  background:linear-gradient(180deg,rgba(32,40,39,.9),rgba(22,29,29,.92));color:#fff;text-align:center;
  box-shadow:0 14px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .2s, box-shadow .2s, background .2s}
.canale:nth-child(1){left:0;width:177px}
.canale:nth-child(2){left:193px;width:185px}
.canale:nth-child(3){left:395px;width:187px}
.canale:nth-child(4){left:599px;width:190px}
.canale:hover{border-color:#47605a}
.canale[aria-pressed="true"]{border:2px solid var(--scelto);background:linear-gradient(180deg,rgba(18,64,48,.92),rgba(14,46,36,.94));
  box-shadow:0 0 22px rgba(60,214,160,.32),0 0 2px rgba(80,240,180,.5), inset 0 0 28px rgba(60,214,160,.08)}
.canale svg{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:68px;height:66px;overflow:visible}
.canale .n{position:absolute;left:0;right:0;top:118px;font-family:var(--serif);font-size:23px;line-height:30px;color:#fff}
.canale .d{position:absolute;left:0;right:0;top:163px;font-family:var(--marchio);font-size:11px;line-height:17px;letter-spacing:.185em;color:#bcc6c5;text-transform:uppercase}
.canale .c{position:absolute;right:10px;top:9px;font-size:11px;color:#97a3a0;font-family:var(--sans)}

/* filtri */
.filtri{position:absolute;left:200px;top:578px;width:789px;height:103px}
.f-cerca{position:absolute;left:0;top:0;width:368px;height:103px;border-radius:10px}
.f-cerca .campo{position:absolute;left:13px;top:18px;width:342px;height:60px;border-radius:8px;background:var(--campo);border:1px solid var(--campo-bordo);display:flex;align-items:center}
.f-cerca svg{width:26px;height:26px;margin:0 14px 0 13px;flex:none}
.f-cerca input{flex:1;height:100%;background:none;border:0;outline:0;font-size:16.2px;color:#fff}
.f-cerca input::placeholder{color:#a9b2b1}
.f-sel{position:absolute;top:0;height:103px;border-radius:10px}
.f-sel.app{left:384px;width:199px}
.f-sel.rete{left:599px;width:190px}
.f-sel label{position:absolute;left:16px;top:13px;font-size:15.4px;color:var(--oro-testo)}
.sel{position:absolute;left:12px;right:12px;top:43px;height:43px;border-radius:7px;background:var(--campo);border:1px solid var(--campo-bordo)}
.sel select{appearance:none;-webkit-appearance:none;width:100%;height:100%;background:transparent;border:0;outline:0;padding:0 34px 0 14px;font-size:15px;color:#fff}
.sel select option{background:#1c2528;color:#fff}
.sel::after{content:"";position:absolute;right:16px;top:16px;width:7px;height:7px;border-right:1.6px solid #e8ece9;border-bottom:1.6px solid #e8ece9;transform:rotate(45deg);pointer-events:none}

/* anteprima su piedistallo */
.piedistallo{position:absolute;left:1022px;top:574px;width:546px;height:162px;border-radius:6px;
  background:linear-gradient(180deg,#232a27 0,#1b201d 10px,#141a18 22px,#121715 100%);
  box-shadow:0 30px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06)}
.schienale{position:absolute;left:1048px;top:220px;width:459px;height:368px;border-radius:7px;
  background:linear-gradient(90deg,#24231c 0,#1b1a14 6px,#16160f 30%,#14150f 70%,#1a1a13);border-left:1.5px solid #4a4334;border-top:1px solid #2d2a20;
  box-shadow:0 10px 30px rgba(0,0,0,.45)}
.carta{position:absolute;left:1072px;top:208px;width:421px;height:384px;border-radius:9px;color:var(--carta-testo);
  background:radial-gradient(120% 90% at 30% 10%,#f7f2e9,#efe8dc 60%,#e9e1d3);
  box-shadow:0 18px 36px rgba(0,0,0,.45), 0 2px 0 rgba(255,255,255,.4) inset}
.carta::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.55;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .42 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.ricciolo{position:absolute;left:1446px;top:488px;width:47px;height:44px;pointer-events:none;
  background:radial-gradient(circle at 0 0,transparent 41px,rgba(120,98,52,.45) 41.5px,#e9dbb7 43px,#f4e9cf 58%,#f8f1df 100%);
  filter:drop-shadow(-1px 2px 2px rgba(80,60,20,.18))}
.carta h2{position:absolute;left:43px;top:39px;font-family:var(--serif);font-weight:400;font-size:26.4px;line-height:36px;color:var(--carta-oro);white-space:nowrap}
.carta .filo{position:absolute;left:43px;top:85px;width:337px;height:2px;
  background:linear-gradient(90deg,rgba(166,128,52,.55),rgba(166,128,52,.25) 28%,rgba(166,128,52,.5) 30%,rgba(166,128,52,.25) 100%)}
.carta .et{position:absolute;left:43px;font-family:var(--marchio);font-size:11px;font-weight:700;letter-spacing:.14em;color:#9b7a3a}
.carta .box{position:absolute;left:43px;width:337px;border-radius:4px;background:var(--carta-campo);font-size:14.5px;line-height:20px;color:#2f2c26;padding:10px 14px;overflow:auto;white-space:pre-wrap;word-wrap:break-word}
.carta .et.t{top:118px}
.carta .box.t{top:137px;height:65px}
.carta .et.l{top:230px}
.carta .box.l{top:249px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carta .box:empty::before{content:attr(data-vuoto);color:#958d7e}
.carta .box .ph{background:#d8c68f;border-radius:3px;padding:0 3px;color:#3b3220;font-weight:600}
.carta .motto{position:absolute;left:266px;top:324px;font-family:var(--marchio);font-size:8.5px;line-height:15px;letter-spacing:.22em;color:#77746a;text-transform:uppercase;white-space:pre}
.carta.lunga .box.t{height:120px}
.carta.lunga .et.l{top:282px}
.carta.lunga .box.l{top:300px;height:36px}
.carta.lunga .motto{display:none}

.tasti{position:absolute;left:1059px;top:625px;width:483px;height:62px}
.tasto{position:absolute;top:0;width:232px;height:62px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:14px;
  font-family:var(--serif);font-size:17.5px;color:#fff;transition:filter .15s, box-shadow .15s}
.tasto svg{width:24px;height:24px;flex:none}
.tasto.sx{left:0;background:linear-gradient(180deg,#283031,#202728);border:1.5px solid var(--oro-bordo)}
.tasto.dx{left:251px;background:linear-gradient(180deg,#19594a,#134635);border:1.5px solid #2fae7c;box-shadow:0 0 14px rgba(47,174,124,.18)}
.tasto:hover{filter:brightness(1.12)}
.tasto:disabled{opacity:.55;cursor:default;filter:none}
.avviso{position:absolute;left:1022px;top:700px;width:546px;text-align:center;font-size:15.4px;color:#949d9c;display:flex;justify-content:center;align-items:center;gap:16px}
.avviso svg{width:18px;height:18px;flex:none}
.avviso.ok{color:#8fd5b4}
.avviso.no{color:#e8b4a8}

/* barra in basso */
.barra{position:absolute;left:0;top:752px;width:1672px;height:120px}
.barra .bt{position:absolute;left:180px;top:32px;font-family:var(--serif);font-size:22.5px;line-height:30px;color:#fff;white-space:nowrap;display:flex;align-items:center}
.barra .bt::after{content:"";display:inline-block;width:92px;height:1px;margin-left:20px;background:linear-gradient(90deg,rgba(214,180,106,.8),rgba(214,180,106,0))}
.barra .voce{position:absolute;top:28px;height:66px;display:block;background:none;border:0;text-align:left;color:#fff;padding:0}
.barra .voce svg{position:absolute;left:0;top:4px;width:36px;height:40px}
.barra .voce .vt{position:absolute;left:67px;top:3px;font-family:var(--serif);font-size:16.5px;line-height:22px;white-space:nowrap}
.barra .voce .vd{position:absolute;left:67px;top:27px;font-size:13.5px;line-height:18px;color:#c3d1ce;white-space:pre}
.barra .v1{left:570px;width:270px}
.barra .v2{left:906px;width:240px}
.barra .v3{left:1215px;width:250px}
.barra .sep{position:absolute;top:25px;width:1px;height:75px;background:#3e4c4c}
.barra .sep.a{left:859px}.barra .sep.b{left:1166px}
.barra button.voce:hover .vt{color:#f0d899}

/* finestrella delle voci in basso */
.pop{position:absolute;z-index:20;left:560px;bottom:200px;width:560px;max-height:420px;overflow:auto;border-radius:12px;padding:20px 22px;
  background:linear-gradient(180deg,#1d2726,#151d1c);border:1px solid #3a4848;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.pop h3{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:10px}
.pop p,.pop li{font-size:14.5px;line-height:21px;color:#cdd7d4}
.pop ul{list-style:none;margin-top:6px}
.pop li{padding:8px 0;border-top:1px solid #2c3837}
.pop li button{background:none;border:0;text-align:left;color:#fff;font-size:14.5px;width:100%}
.pop li button:hover{color:#f0d899}
.pop .chiudi{position:absolute;right:12px;top:10px;background:none;border:0;color:#c6d0cd;font-size:22px;line-height:1;padding:4px 8px}
.pop .ok{color:#8fd5b4}.pop .no{color:#e8b4a8}

/* accesso */
.accesso{position:absolute;left:503px;top:196px;width:650px;padding:46px 58px 38px;border-radius:14px}
.accesso h1{font-family:var(--serif);font-weight:400;font-size:36px;line-height:44px;text-align:center}
.accesso .s{font-size:16.5px;color:#b9c3c0;text-align:center;margin-top:6px}
.riga-campo{position:relative;margin-top:24px;height:58px;border-radius:8px;background:var(--campo);border:1px solid var(--campo-bordo);display:flex;align-items:center}
.riga-campo + .riga-campo{margin-top:16px}
.riga-campo svg{width:22px;height:22px;margin:0 14px 0 18px;flex:none}
.riga-campo input{flex:1;height:100%;background:none;border:0;outline:0;font-size:16px;color:#fff;min-width:0}
.riga-campo input::placeholder{color:#a9b2b1}
.riga-campo:focus-within{border-color:#6d8b84}
.occhio{background:none;border:0;color:#d6dcda;font-size:15px;padding:0 18px;height:100%}
.occhio:hover{color:#fff}
.entra{display:block;width:100%;height:58px;margin-top:22px;border-radius:8px;border:1.5px solid #2fae7c;font-family:var(--serif);font-size:20px;color:#fff;
  background:linear-gradient(180deg,#19634e,#13503d);box-shadow:0 0 18px rgba(47,174,124,.2)}
.entra:hover{filter:brightness(1.1)}
.entra:disabled{opacity:.6;cursor:default}
.accesso .nota{font-size:14.5px;color:#b0bab7;text-align:center;margin-top:20px}
.accesso .err{font-size:14.5px;color:#f0b4a6;text-align:center;margin-top:14px;min-height:20px}
.accesso .reg{font-size:12.5px;line-height:18px;color:#a8b3b0;margin-top:14px;text-align:left}

/* patto d'ingresso */
.patto{position:absolute;left:443px;top:150px;width:770px;max-height:590px;overflow:auto;padding:30px 44px 28px;border-radius:14px}
.patto .loghi{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:14px}
.patto .loghi img:first-child{width:45px;height:60px}
.patto .loghi img:last-child{width:58px;height:58px}
.patto .loghi i{width:1px;height:46px;background:#3e4c4c}
.patto h1{font-family:var(--serif);font-weight:400;font-size:32px;text-align:center}
.patto h2{font-family:var(--marchio);font-size:12px;letter-spacing:.2em;color:var(--oro-testo);margin:16px 0 4px;text-transform:uppercase}
.patto p{font-size:15px;line-height:22px;color:#cfd8d5}
.patto label{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:15px;color:#fff;cursor:pointer}
.patto label input{width:20px;height:20px;margin-top:1px;accent-color:#2fae7c;flex:none}

/* canale */
.chip-canale{position:absolute;left:200px;top:178px;height:44px;display:flex;align-items:center;gap:12px;padding:0 20px 0 14px;border-radius:8px;
  background:linear-gradient(180deg,rgba(20,64,48,.9),rgba(14,46,36,.92));border:1px solid #2c6b55;font-family:var(--serif);font-size:20px}
.chip-canale svg{width:26px;height:26px}
.modulo{position:absolute;left:200px;top:330px;width:560px;padding:20px 22px 18px;border-radius:12px}
.modulo .et{display:block;font-size:14px;color:var(--oro-testo);margin:0 0 7px}
.modulo .sel{position:relative;left:auto;right:auto;top:auto;height:44px;margin-bottom:16px}
.modulo .campi{list-style:none;border-radius:8px;overflow:hidden;border:1px solid var(--campo-bordo)}
.modulo .campi li + li{border-top:1px solid var(--campo-bordo)}
.modulo .campi button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--campo);border:0;padding:11px 14px;font-size:15px;color:#fff;text-align:left}
.modulo .campi button::after{content:"";width:7px;height:7px;border-right:1.6px solid #e8ece9;border-top:1.6px solid #e8ece9;transform:rotate(45deg);flex:none;transition:transform .15s}
.modulo .campi button[aria-expanded="true"]::after{transform:rotate(135deg)}
.modulo .campi .dentro{padding:10px 14px 12px;background:#172023}
.modulo .campi input,.modulo .campi textarea{width:100%;background:#0f1618;border:1px solid var(--campo-bordo);border-radius:6px;padding:9px 11px;font-size:15px;color:#fff;outline:0}
.modulo .campi textarea{min-height:120px;resize:vertical;line-height:21px}
.modulo .campi .fatto{color:#8fd5b4;font-size:13px;margin-left:auto;margin-right:12px}
.modulo .nessuno{font-size:14.5px;color:#a9b2b1;padding:10px 2px}
.modulo .scorri{max-height:178px;overflow:auto}

/* presentazioni */
.schede-pubblico{position:absolute;left:200px;top:262px;display:flex;gap:10px}
.schede-pubblico button{width:150px;height:46px;border-radius:7px;border:1px solid var(--campo-bordo);background:linear-gradient(180deg,#232c2c,#1b2323);font-family:var(--serif);font-size:18px;color:#fff}
.schede-pubblico button[aria-selected="true"]{background:linear-gradient(180deg,#19634e,#13503d);border:1.5px solid #2fae7c}
.p-cerca{position:absolute;left:200px;top:324px;width:470px;height:48px;border-radius:8px;background:var(--campo);border:1px solid var(--campo-bordo);display:flex;align-items:center}
.p-cerca svg{width:22px;height:22px;margin:0 12px 0 14px}
.p-cerca input{flex:1;height:100%;background:none;border:0;outline:0;font-size:15.5px;color:#fff}
.p-cerca input::placeholder{color:#a9b2b1}
.p-griglia{position:absolute;left:200px;top:392px;width:780px;height:300px;overflow:auto;display:grid;grid-template-columns:repeat(3,236px);gap:18px 20px;align-content:start;padding:2px 4px 8px 2px}
.p-scheda{height:200px;border-radius:8px;border:1.5px solid transparent;background:linear-gradient(180deg,#f3ede3,#e8e0d1);color:#2f2c26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.p-scheda svg{width:38px;height:46px;margin-bottom:6px}
.p-scheda .a{font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center;padding:0 10px;line-height:19px}
.p-scheda .g{font-size:13px;color:#6f6a5e}
.p-scheda[aria-pressed="true"]{border-color:#2fae7c;box-shadow:0 0 0 2px rgba(47,174,124,.45),0 10px 22px rgba(0,0,0,.35)}
.p-vuoto{grid-column:1/-1;font-size:15px;color:#a9b2b1;padding:20px 0}
.carta.p{left:1112px;top:214px;width:342px;height:368px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.carta.p svg{width:70px;height:86px;margin-bottom:12px}
.carta.p .a{font-size:20px;font-weight:600;color:#3d3a33;padding:0 20px;line-height:26px}
.carta.p .g{font-size:15px;color:#6f6a5e}
.carta.p .fmt{font-size:12px;letter-spacing:.14em;color:#9b7a3a;font-family:var(--marchio);font-weight:700;margin-top:6px}

/* direzione */
.righe-dir{position:absolute;left:300px;top:292px;width:900px}
.riga-dir{border-radius:10px;margin-bottom:16px}
.riga-dir > button{width:100%;height:96px;display:flex;align-items:center;gap:22px;padding:0 26px 0 30px;background:none;border:0;text-align:left;color:#fff}
.riga-dir > button svg.i{width:40px;height:40px;flex:none}
.riga-dir .tt{flex:1}
.riga-dir .tt b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:28px}
.riga-dir .tt span{display:block;font-size:15px;color:#b9c3c0;margin-top:2px}
.chip{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:6px;border:1.5px solid var(--oro-bordo);font-size:15px;color:#f3e3bd;white-space:nowrap;background:rgba(0,0,0,.15)}
.chip.ok{border-color:#2fae7c;color:#bff0d8}
.chip.giu{border-color:#d0675a;color:#ffd2c9}
.riga-dir .freccia{width:9px;height:9px;border-right:1.8px solid #e8ece9;border-top:1.8px solid #e8ece9;transform:rotate(45deg);margin-left:26px;flex:none;transition:transform .15s}
.riga-dir > button[aria-expanded="true"] .freccia{transform:rotate(135deg)}
.riga-dir .corpo{padding:0 30px 24px 92px;font-size:15px;color:#cfd8d5;line-height:22px}
.riga-dir .corpo .az{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.riga-dir .corpo .az button,.riga-dir .corpo .az a{height:46px;padding:0 22px;border-radius:7px;font-family:var(--serif);font-size:17px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;
  background:linear-gradient(180deg,#283031,#202728);border:1.5px solid var(--oro-bordo)}
.riga-dir .corpo .az .verde{background:linear-gradient(180deg,#19634e,#13503d);border-color:#2fae7c}
.riga-dir .corpo .az .rosso{background:linear-gradient(180deg,#7a2219,#5e1912);border-color:#d0675a}
.riga-dir .corpo ul{list-style:none;margin-top:8px;max-height:200px;overflow:auto}
.riga-dir .corpo li{padding:7px 0;border-top:1px solid #2c3837;font-size:14px;color:#b9c3c0}
.riga-dir .corpo input[type=date]{height:46px;border-radius:7px;background:var(--campo);border:1px solid var(--campo-bordo);color:#fff;padding:0 12px;color-scheme:dark}
.riga-dir .corpo .ses{padding:8px 0;border-top:1px solid #2c3837;font-size:14px}
.riga-dir .corpo .ses b{display:block;color:#fff;font-weight:600}
.riga-dir .corpo .attenzione{font-size:13.5px;color:#e8c98a}
.riga-dir .corpo .num{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;color:#fff}

/* manutenzione */
.man{position:absolute;left:336px;top:0;width:1000px;height:752px;text-align:center}
.man img{position:absolute;left:463px;top:196px;width:90px;height:120px}
.man h1{position:absolute;left:0;right:0;top:350px;font-family:var(--serif);font-weight:400;font-size:42px;line-height:52px}
.man p{position:absolute;left:0;right:0;top:414px;font-size:21px;color:#c6d0cd}
.man a.tasto{position:absolute;left:315px;top:478px;width:370px;height:64px;font-size:19px;text-decoration:none}

/* fascia di manutenzione per la Direzione */
#fasciaMan{position:fixed;left:0;right:0;top:0;z-index:100000;background:#B42318;color:#fff;font:700 12.5px/1.25 var(--sans);letter-spacing:.02em;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:6px 12px;flex-wrap:wrap;box-shadow:0 2px 10px rgba(0,0,0,.35)}
#fasciaMan button{background:#fff;color:#B42318;border:0;border-radius:999px;padding:5px 14px;font:800 12px var(--sans)}

/* piede a quattro righe */
.ks-richiesta{background:#0b1412;text-align:center;font-size:14px;color:#aebdba;padding:18px 16px 4px}
.ks-richiesta a{color:#d6b46a;font-weight:600;text-decoration:none}
.ks-richiesta a:hover{text-decoration:underline}
.patto .privacy{margin-top:14px;font-size:14px;color:#b9c3c0}
.patto .privacy a,.accesso .reg a{color:#d6b46a}
.ks-piede{background:#0b1412;border-top:1px solid #1e2a28;padding:22px 16px 26px;text-align:center;font-size:12.5px;line-height:21px;color:#8e9a97}
.ks-piede img{width:22px;height:22px;vertical-align:-6px;margin-right:6px;opacity:.85}
.ks-piede a{color:#d6b46a;text-decoration:none;font-weight:600}
.ks-piede a:hover{text-decoration:underline}

#toast{visibility:hidden;position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);background:#13503d;border:1px solid #2fae7c;color:#fff;font-size:15px;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .3s;z-index:60;max-width:92%;text-align:center}
#toast.on{visibility:visible;transform:translateX(-50%) translateY(0)}
#toast.warn{background:#5e4a12;border-color:#d6b46a}

@media (prefers-reduced-motion: reduce){ *{transition:none !important;animation:none !important;scroll-behavior:auto !important} }

/* ---------------- TELEFONO E TABLET: stessa identita', in colonna ---------------- */
@media (max-width: 1279px){
  body{background:linear-gradient(180deg,#0e1a17 0,#0b1412 380px,#0b1412 100%)}
  .scena{width:auto;min-height:0;background:none;padding:18px 16px 26px;zoom:1 !important}
  .scena.lunga{background:none}
  .deco{display:none}
  .ks-marchio,.ks-area,.ks-utente,.schermo,.occhiello,.titolo,.sottotitolo,.indietro,.canali,.canale,.filtri,.f-cerca,.f-cerca .campo,.f-sel,.sel,
  .piedistallo,.schienale,.carta,.carta h2,.carta .filo,.carta .et,.carta .box,.carta .motto,.tasti,.tasto,.avviso,.barra,.barra .bt,.barra .voce,.barra .voce .vt,.barra .voce .vd,.barra .voce svg,
  .accesso,.patto,.chip-canale,.modulo,.schede-pubblico,.p-cerca,.p-griglia,.righe-dir,.man,.man img,.man h1,.man p,.man a.tasto,.carta.p
  {position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;transform:none}
  .schermo{display:none}.schermo.attivo{display:block}
  .ks-testata{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
  .ks-marchio{display:flex;align-items:center;gap:12px}
  .ks-marchio img{position:static;width:36px;height:48px}
  .ks-marchio .wm{position:static;font-size:24px;line-height:28px}
  .ks-marchio .motto{display:none}
  .ks-area{text-align:right}
  .ks-area .gc{font-size:16px;line-height:20px}
  .ks-area .ar{font-size:13px;line-height:18px;margin-top:0}
  .ks-utente{justify-content:flex-end;margin:-12px 0 16px}
  .occhiello{display:block;font-size:11px;margin-bottom:10px}
  .occhiello::after{display:none}
  .titolo{font-size:30px;line-height:36px;white-space:normal}
  .sottotitolo{font-size:17px;line-height:23px;white-space:normal;margin-top:6px}
  .indietro{margin-bottom:8px}
  .canali{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
  .canale{height:150px}
  .canale svg{position:static;transform:none;display:block;margin:18px auto 6px;width:48px;height:46px}
  .canale .n{position:static;font-size:20px;line-height:24px}
  .canale .d{position:static;font-size:10px;line-height:14px;margin-top:6px;padding:0 6px}
  .filtri{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
  .f-cerca{grid-column:1/-1;padding:10px}
  .f-cerca .campo{height:50px}
  .f-sel{padding:10px 10px 12px}
  .f-sel label{position:static;display:block;margin:0 0 6px 2px}
  .sel{height:44px}
  .piedistallo{margin-top:18px;padding:14px;background:linear-gradient(180deg,#1b201d,#121715);border-radius:12px}
  .schienale{display:none}
  .carta{padding:22px 20px 24px}
  .carta h2{font-size:23px;line-height:28px;white-space:normal}
  .carta .filo{width:auto;margin:10px 0 14px}
  .carta .et{display:block;margin-top:10px}
  .carta .box,.carta.lunga .box.t{width:auto;height:auto;max-height:260px;margin-top:6px}
  .carta .box.l,.carta.lunga .box.l{height:auto;white-space:normal}
  .carta .motto{display:none}
  .ricciolo{display:none}
  .tasti{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .tasto{height:54px;font-size:16px;gap:10px}
  .avviso{margin-top:12px;font-size:13.5px}
  .barra{margin-top:22px;display:grid;gap:10px}
  .barra .bt{font-size:19px}
  .barra .voce{min-height:56px;padding-left:52px}
  .barra .voce svg{position:absolute;left:4px;top:4px;width:30px;height:34px}
  .barra .voce .vd{white-space:normal;margin-top:2px;display:block}
  .barra .sep{display:none}
  .pop{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-height:70vh}
  .accesso{padding:28px 20px 24px;margin-top:10px}
  .accesso h1{font-size:28px;line-height:34px}
  .patto{padding:22px 18px;margin-top:6px;max-height:none}
  .patto h1{font-size:25px}
  .chip-canale{display:inline-flex;margin:4px 0 12px}
  .modulo{margin-top:16px;padding:16px}
  .schede-pubblico{display:flex;gap:8px;margin-top:16px}
  .schede-pubblico button{flex:1;width:auto;font-size:16px}
  .p-cerca{margin-top:12px;height:48px}
  .p-griglia{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;max-height:330px;overflow:auto;padding:2px}
  .p-scheda{height:150px}
  .carta.p{margin-top:0;height:220px}
  .carta.p svg{width:48px;height:58px;margin-bottom:4px}
  .righe-dir{margin-top:18px}
  .riga-dir > button{height:auto;min-height:84px;padding:14px 16px;gap:14px;flex-wrap:wrap}
  .riga-dir > button svg.i{width:30px;height:30px}
  .riga-dir .tt b{font-size:19px}
  .riga-dir .tt span{font-size:14px}
  .chip{height:32px;font-size:13px;padding:0 12px}
  .riga-dir .freccia{margin-left:6px}
  .riga-dir .corpo{padding:0 16px 18px}
  .man{padding:40px 0 10px}
  .man img{display:block;margin:0 auto 22px;width:72px;height:96px}
  .man h1{font-size:28px;line-height:34px}
  .man p{font-size:17px;margin-top:10px}
  .man a.tasto{display:flex;margin:26px auto 0;max-width:340px;height:58px}
  /* le posizioni del PC hanno selettori piu' forti: qui si annullano una per una */
  .canale:nth-child(n),.f-sel.app,.f-sel.rete,.tasto.sx,.tasto.dx{left:auto;width:auto}
  .canale .n{display:block}
  .canale .d{display:block}
  .carta .et.t,.carta .et.l,.carta .box.t,.carta .box.l,.carta.lunga .et.l,.carta.lunga .box.l,.carta.lunga .box.t{top:auto;left:auto}
  .piedistallo,.schienale{display:none}
  .carta.p{left:auto;top:auto;width:auto}
  #blkPres .schienale{display:none}
  .barra .v1,.barra .v2,.barra .v3{left:auto;width:auto}
  .righe-dir{width:auto;max-height:none}
  /* campi a 16 px sul telefono: sotto, iPhone ingrandisce la pagina al tocco (rilievo GC SUPERPOWER) */
  .sel select,.p-cerca input,.modulo .campi input,.modulo .campi textarea{font-size:16px}
}

/* ---------------- 1.4.6 · TELEFONO E TABLET ---------------- */
/* Tablet: fino a 1279 px la colonna, centrata e larga al massimo 760 px */
@media (min-width:700px) and (max-width:1279px){
  .scena{max-width:760px;margin:0 auto}
}
/* Tasti grandi abbastanza per il dito */
@media (max-width:1279px){
  .ks-utente{gap:6px}
  .ks-utente button,.ks-utente a,.indietro{min-height:40px;display:inline-flex;align-items:center;padding:0 10px}
  .ks-richiesta a,.ks-piede a{display:inline-block;padding:10px 2px}
}
/* Telefono stretto: marchio piu' compatto */
@media (max-width:360px){
  .ks-marchio .wm{font-size:20px;line-height:24px}
  .ks-marchio img{width:30px;height:40px}
}
/* PC fra 1280 e 1599 px: la scena e' rimpicciolita, i testi piccoli salgono a una misura leggibile */
@media (min-width:1280px) and (max-width:1599px){
  .ks-utente button,.ks-utente a{font-size:15.5px}
  .accesso .nota{font-size:16px}
  .patto .privacy{font-size:16px}
}

/* 1.4.6 · ritocchi dopo la misura: spunte del patto e didascalie leggibili */
@media (max-width:1279px){
  .patto label{min-height:40px;align-items:center}
  .canale .d{font-size:12px;line-height:15px;letter-spacing:.12em}
}
@media (min-width:1280px) and (max-width:1599px){
  .barra .voce .vd{font-size:14.6px;line-height:19px}
  .canale .d{font-size:14.7px;line-height:19px;letter-spacing:.14em}
  .carta .et{font-size:14.7px}
  .ks-utente button,.ks-utente a{white-space:nowrap}
  .carta .box{font-size:15px}
  #etCampi{font-size:15px}
}