/* Pagina di accesso: sfondo "cianografia" con alveare, spiegazioni a sinistra, scheda di accesso a destra */
body.login{padding-bottom:0;color:#dbe6f3;background:
  radial-gradient(900px 520px at 8% 0%,rgba(11,95,208,.28),transparent 60%),
  radial-gradient(800px 520px at 100% 100%,rgba(240,180,41,.16),transparent 60%),
  linear-gradient(rgba(159,178,200,.05) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(159,178,200,.05) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(180deg,#09131f,#0d1c2e 60%,#08111b);background-attachment:fixed;min-height:100vh;position:relative}
body.login::before,body.login::after{content:"";position:fixed;pointer-events:none;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='146' viewBox='0 0 84 146'%3E%3Cpath d='M42 2l38 22v44L42 90 4 68V24z M42 90v44M4 68L-34 90M80 68l38 22' fill='none' stroke='%23f0b429' stroke-width='2'/%3E%3C/svg%3E") 0 0/84px 146px}
body.login::before{left:-140px;bottom:-160px;width:620px;height:620px;opacity:.07}
body.login::after{right:-120px;top:60px;width:420px;height:420px;opacity:.05}

.login-scena{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;max-width:1320px;margin:0 auto;padding:48px 5vw 32px;min-height:calc(100vh - 54px - 52px)}

/* parte sinistra: spiegazioni */
.hero-etichetta{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;border:1px solid rgba(240,180,41,.5);background:rgba(240,180,41,.1);color:#f0b429;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.login-hero h1{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:300;line-height:1.15;color:#fff;margin:.9rem 0 .8rem}
.login-hero h1 span{font-weight:700;background:linear-gradient(90deg,#f0b429,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-testo{font-size:1.05rem;color:#b8c7da;max-width:620px;margin-bottom:1.6rem}
.hero-sezioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:700px;margin-bottom:1.4rem}
.hero-sezioni article{padding:18px;border-radius:18px;background:rgba(201,214,230,.06);border:1px solid rgba(201,214,230,.16);backdrop-filter:blur(4px);transition:.15s}
.hero-sezioni article:hover{transform:translateY(-3px);border-color:rgba(240,180,41,.55);background:rgba(201,214,230,.09)}
.hero-sezioni .ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#1a1405;background:linear-gradient(135deg,#f0b429,#fb923c);margin-bottom:10px}
.hero-sezioni h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 4px}
.hero-sezioni p{font-size:.9rem;color:#b8c7da;margin:0}
.hero-punti{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:8px;color:#c9d6e6;font-size:.95rem}
.hero-punti i{color:#f0b429;margin-right:10px;font-size:1.05rem}
.hero-numero{display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#86efac;font-size:.9rem}
.hero-numero b{color:#fff;font-size:1.15rem;margin-right:4px}

/* parte destra: scheda di accesso */
.login-lato{display:flex;justify-content:center}
.login-card{width:100%;max-width:430px;background:#fff;color:#172033;border-radius:22px;padding:30px 30px 24px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:5px solid #f0b429;position:relative}
.login-icona{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,#0b5fd0,#38bdf8);margin:-52px 0 12px;box-shadow:0 8px 20px rgba(11,95,208,.45)}
.login-card h2{font-size:1.6rem;font-weight:700;color:#0b5fd0;margin:0}
.login-sotto{color:#55607a;margin:.2rem 0 1.1rem}
.login-card .form-control{background:#f7f9fc}
.btn-entra{width:100%!important;height:44px;font-size:1rem}
.login-aiuto{margin-top:1.2rem;padding-top:1rem;border-top:1px solid #dbe1ea;font-size:.84rem;color:#55607a}
.login-aiuto p{margin:0 0 .5rem}
.login-aiuto i{color:#0b5fd0;margin-right:6px}
.login-card .alert{font-size:.9rem}

.login-piede{position:relative;z-index:1;text-align:center;padding:14px 16px 18px;color:#7d8ea3;font-size:.78rem}

@media(max-width:991px){
  .login-scena{grid-template-columns:1fr;gap:36px;padding:36px 20px 20px}
  .login-lato{order:-1}
  .hero-sezioni{grid-template-columns:1fr}
}
@media(max-width:575px){.login-card{padding:26px 20px 20px}.login-hero h1{font-size:1.8rem}}

/* marchio nella presentazione */
.hero-marchio{display:flex;align-items:center;gap:16px;margin-bottom:1.3rem}
.hero-marchio img{height:84px;width:auto;filter:drop-shadow(0 4px 14px rgba(240,180,41,.35))}
.hm-nome{font-size:2.3rem;font-weight:700;letter-spacing:.06em;color:#fff;line-height:1}
.hero-marchio .marchio-sotto{margin-top:6px;font-size:.8rem;padding:1px 14px}
.btn-accedi{width:auto!important;min-width:0;padding:0 22px}

/* cifre in evidenza */
.hero-cifre{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.3rem}
.hero-cifre div{padding:10px 16px;border-radius:14px;background:rgba(201,214,230,.07);border:1px solid rgba(201,214,230,.16);min-width:150px}
.hero-cifre b{display:block;font-size:1.9rem;color:#fff;line-height:1.1}
.hero-cifre span{font-size:.82rem;color:#9fb2c8}
.hero-scopri{display:inline-flex;align-items:center;gap:8px;color:#f0b429;text-decoration:none;font-weight:600}
.hero-scopri:hover{color:#fff}

/* sezioni di presentazione */
.pres{position:relative;z-index:1;padding:64px 5vw}
.pres-in{max-width:1180px;margin:0 auto}
.pres-chiara{background:#f4f6f9;color:#172033}
.pres-scura{background:rgba(7,15,25,.82);color:#dbe6f3}
.pres-titolo{max-width:760px;margin-bottom:2rem}
.pres-titolo span{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b8811a;margin-bottom:.4rem}
.pres-scura .pres-titolo span{color:#f0b429}
.pres-titolo h2{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:700;margin:0 0 .5rem}
.pres-chiara .pres-titolo h2{color:#0b1620}
.pres-scura .pres-titolo h2{color:#fff}
.pres-titolo p{font-size:1.02rem;color:#55607a;margin:0}
.pres-scura .pres-titolo p{color:#b8c7da}

.passi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:p}
.passi li{position:relative;background:#fff;border:1px solid #dbe1ea;border-radius:18px;padding:22px 16px 18px;box-shadow:0 2px 12px rgba(23,32,51,.06);transition:.15s}
.passi li:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(23,32,51,.12)}
.passi li b{position:absolute;top:-14px;left:16px;width:30px;height:30px;border-radius:50%;background:#f0b429;color:#1a1405;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.passi li>i{font-size:1.8rem;color:#0b5fd0}
.passi h3{font-size:1.02rem;font-weight:700;margin:.5rem 0 .3rem;color:#0b1620}
.passi p{font-size:.88rem;color:#55607a;margin:0}

.due-colonne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.due-colonne article{padding:26px;border-radius:20px;background:rgba(201,214,230,.06);border:1px solid rgba(201,214,230,.16)}
.due-colonne h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .8rem;display:flex;align-items:center;gap:10px}
.due-colonne h3 i{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0b429,#fb923c);color:#1a1405;font-size:1.2rem}
.due-colonne ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;color:#c9d6e6}
.due-colonne li i{color:#4ade80;margin-right:8px}

.ruoli{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ruoli article{background:#fff;border:1px solid #dbe1ea;border-radius:18px;padding:20px 16px;box-shadow:0 2px 12px rgba(23,32,51,.06);text-align:center}
.ruoli i{font-size:2rem;color:#0b5fd0}
.ruoli h3{font-size:1.05rem;font-weight:700;margin:.5rem 0 .3rem;color:#0b1620}
.ruoli p{font-size:.86rem;color:#55607a;margin:0}

.vantaggi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vantaggi div{padding:20px;border-radius:18px;background:rgba(201,214,230,.06);border:1px solid rgba(201,214,230,.14)}
.vantaggi i{font-size:1.7rem;color:#f0b429}
.vantaggi h3{font-size:1.05rem;font-weight:700;color:#fff;margin:.5rem 0 .3rem}
.vantaggi p{font-size:.9rem;color:#b8c7da;margin:0}

.pres-invito{text-align:center;background:linear-gradient(135deg,#0b5fd0,#08336e)}
.pres-invito .pres-in{display:flex;flex-direction:column;align-items:center;gap:10px}
.pres-invito h2{color:#fff;font-weight:700;margin:.4rem 0 0}
.pres-invito p{color:#d6e4ff;margin:0 0 .6rem}
.invito-logo{height:64px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}
.btn-invito{width:auto!important;padding:0 28px;height:44px;font-size:1rem}

@media(max-width:1100px){.passi,.ruoli{grid-template-columns:repeat(2,minmax(0,1fr))}.vantaggi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.passi,.ruoli,.vantaggi,.due-colonne{grid-template-columns:1fr}.pres{padding:44px 20px}.hero-marchio img{height:64px}.hm-nome{font-size:1.8rem}}
html{scroll-behavior:smooth}

/* KRessèntia più grande nella pagina di accesso */
.hero-marchio .marchio-sotto{font-size:1.2rem;padding:3px 22px;margin-top:10px;border-width:2px;border-radius:12px;letter-spacing:.6px}
.hero-marchio img{height:96px}
.hm-nome{font-size:2.6rem}
.pres-invito .marchio-sotto{font-size:1.1rem;padding:3px 20px;border-width:2px;border-radius:12px;margin-bottom:.4rem}
body.login .marchio-barra .marchio-sotto{font-size:.78rem;padding:1px 12px}

.login-piede a,.link-licenza{color:#f0b429;text-decoration:none;font-weight:600}.login-piede a:hover{color:#fff;text-decoration:underline}
.link-licenza2{color:#0b5fd0;font-weight:600}

/* Si adatta a finestre piccole: nessuna striscia chiara in fondo, scheda compatta se la finestra è bassa o stretta */
html:has(body.login){background:#08111b}
@media(max-height:820px){
  .login-scena{padding-top:40px;padding-bottom:12px;gap:28px}
  .login-card{padding:22px 26px 16px}
  .login-icona{width:46px;height:46px;font-size:1.35rem;margin:-44px 0 8px}
  .login-card h2{font-size:1.35rem}
  .login-sotto{margin:.1rem 0 .8rem;font-size:.9rem}
  .login-card .mb-3{margin-bottom:.6rem!important}
  .btn-entra{height:40px}
  .login-aiuto{margin-top:.8rem;padding-top:.7rem;font-size:.78rem}
  .login-aiuto p{margin-bottom:.35rem}
}
@media(max-height:620px){.login-aiuto p:first-child{display:none}}
@media(max-width:575px){.login-scena{padding-left:14px;padding-right:14px}.login-card{max-width:none}}

/* ===== Sfondi più vivi: blu profondo con bagliori colorati e disegni a tratto ===== */
body.login{background:
  radial-gradient(900px 560px at 6% 0%,rgba(56,189,248,.30),transparent 60%),
  radial-gradient(800px 560px at 100% 12%,rgba(240,180,41,.20),transparent 60%),
  radial-gradient(900px 600px at 70% 100%,rgba(34,197,94,.14),transparent 60%),
  linear-gradient(rgba(159,178,200,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(159,178,200,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(180deg,#123257,#0e2745 55%,#0b2038);background-attachment:fixed}
.pres-scura{background:linear-gradient(135deg,rgba(11,40,74,.92),rgba(9,29,52,.94))}
.pres-chiara{background:linear-gradient(180deg,#f4f7fb,#e9eff7)}

.login-sfondo{position:absolute;left:0;right:0;top:54px;height:100vh;min-height:620px;overflow:hidden;pointer-events:none;z-index:0}
.dis{position:absolute;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.login-sfondo .dis{color:rgba(125,211,252,.30)}
.d-a{width:200px;height:200px;left:3%;top:6%;transform:rotate(-8deg);color:rgba(240,180,41,.32)!important}
.d-b{width:170px;height:170px;left:41%;top:4%;transform:rotate(12deg)}
.d-c{width:120px;height:120px;right:4%;top:6%;transform:rotate(14deg);color:rgba(240,180,41,.34)!important}
.d-d{width:150px;height:150px;left:46%;bottom:6%}
.d-e{width:130px;height:130px;left:2%;bottom:5%;transform:rotate(-10deg)}
.d-f{width:110px;height:110px;right:8%;bottom:8%;color:rgba(56,189,248,.34)!important}
.dis-gruppo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.pres-chiara .dis{color:rgba(11,95,208,.12)}
.pres-scura .dis,.pres-esempio .dis{color:rgba(125,211,252,.20)}
.d-g{width:190px;height:190px;left:-30px;top:30px;transform:rotate(10deg)}
.d-h{width:180px;height:180px;right:2%;top:24px;transform:rotate(7deg);color:rgba(240,180,41,.26)!important}
.d-i{width:150px;height:150px;right:3%;top:30px}
.d-j{width:120px;height:120px;left:2%;bottom:20px;transform:rotate(-12deg)}
.d-k{width:160px;height:160px;right:3%;bottom:14px}
.d-l{width:110px;height:110px;left:3%;top:30px;transform:rotate(-6deg)}
.login-scena{position:relative;z-index:1}

/* ===== Esempio della Home ===== */
.pres-esempio{background:linear-gradient(160deg,#0f3156,#0a2140 60%,#0c2a3d);color:#dbe6f3;overflow:hidden}
.pres-esempio .pres-titolo span{color:#f0b429}
.pres-esempio .pres-titolo h2{color:#fff}
.pres-esempio .pres-titolo p{color:#b8c7da}
.finestra-esempio{border-radius:18px;overflow:hidden;border:1px solid rgba(240,180,41,.45);background:#0a1522;box-shadow:0 28px 60px rgba(0,0,0,.5)}
.fe-barra{display:flex;align-items:center;gap:7px;padding:10px 16px;background:#0b1620;border-bottom:2px solid #f0b429;color:#9fb2c8;font-size:.8rem}
.fe-barra i{width:10px;height:10px;border-radius:50%;background:#55607a}.fe-barra i:first-child{background:#ff5f57}.fe-barra i:nth-child(2){background:#febc2e}.fe-barra i:nth-child(3){background:#28c840}
.fe-barra span{margin-left:10px}
.fe-corpo{padding:20px 22px 24px;background:
  linear-gradient(rgba(159,178,200,.05) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(159,178,200,.05) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(180deg,#0a1522,#0d1c2e)}
.fe-frase{font-size:.95rem;color:#c9d6e6}.fe-frase b{color:#fff}.fe-frase .t-rosso{color:#ff6b7a}.fe-frase .t-arancio{color:#fb923c}.fe-frase .t-verde{color:#4ade80}
.fe-luce{height:1px;margin:.7rem 0 1.1rem;background:linear-gradient(90deg,transparent,#fb923c,#f0b429,#fff7d6,transparent);filter:drop-shadow(0 0 3px rgba(240,180,41,.7))}
.fe-griglia{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;align-items:start}
.mini-alveare{display:flex;flex-direction:column;gap:0}
.mini-riga{display:flex;gap:4px;margin-bottom:-9px}
.mini-riga.sfasata{padding-left:26px}
.mx{width:48px;height:55px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#fff;font-weight:700;transition:transform .15s}
.mx:hover{transform:scale(1.15)}
.mx b{font-weight:700}
.mx.sv{background:linear-gradient(160deg,#22c55e,#0e5a2c)}
.mx.sa{background:linear-gradient(160deg,#f97316,#7a360c)}
.mx.sr{background:linear-gradient(160deg,#ff4d5e,#6b1019);animation:mx-batte 2.2s ease-in-out infinite}
.mx.sg{background:linear-gradient(160deg,#55607a,#1a2331)}
@keyframes mx-batte{50%{filter:brightness(1.35)}}
.mini-elenco h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f0b429;margin:0 0 10px}
.mini-elenco p{margin:0 0 7px;padding:8px 10px 8px 12px;border-radius:8px;background:rgba(201,214,230,.07);border-left:3px solid #55607a;display:grid;grid-template-columns:auto 1fr;column-gap:8px;font-size:.84rem;color:#e4edf7}
.mini-elenco p i{grid-row:1/3;align-self:center}
.mini-elenco p small{grid-column:2;color:#8fa3bb;font-size:.72rem}
.mini-elenco .p{width:9px;height:9px;border-radius:50%;display:inline-block}.p.r{background:#ff4d5e}.p.a{background:#f97316}.p.v{background:#22c55e}
@media(max-width:900px){.fe-griglia{grid-template-columns:1fr}.mini-riga:nth-child(n+3){display:none}.mx{width:40px;height:46px;font-size:.62rem}.mini-riga.sfasata{padding-left:22px}.dis{opacity:.7}.d-a{width:120px;height:120px}.d-b,.d-d{display:none}}
@media(prefers-reduced-motion:reduce){.mx.sr{animation:none}}

/* Esagoni dell'esempio: stessa grafica della Home (bordo colorato, fondo scuro, codice e comune) */
.mx{width:60px;height:69px;display:block;position:relative;font-size:inherit;color:#fff}
.mx.sv{--c:#22c55e;--f1:#10331f;--f2:#0b2216;--t:#86efac}
.mx.sa{--c:#f97316;--f1:#4a2410;--f2:#2e170a;--t:#fdba74}
.mx.sr{--c:#ff4d5e;--f1:#5a1119;--f2:#33090f;--t:#fda4af}
.mx.sg{--c:#55607a;--f1:#1a2331;--f2:#121a26;--t:#8a93a6}
.mx.sv,.mx.sa,.mx.sr,.mx.sg{background:var(--c)}
.mx-in{position:absolute;inset:2.5px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--f1),var(--f2))}
.mx{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.mx-in b{font-size:.92rem;line-height:1;font-variant-numeric:tabular-nums}
.mx-in small{font-size:.46rem;letter-spacing:.04em;color:var(--t);margin-top:2px;white-space:nowrap;text-transform:uppercase}
.mx.sr{animation:mx-batte 2.2s ease-in-out infinite}
.mini-riga{gap:4px;margin-bottom:-17px}
.mini-riga.sfasata{padding-left:32px}
@media(max-width:900px){.mx{width:48px;height:55px}.mx-in b{font-size:.78rem}.mx-in small{font-size:.38rem}.mini-riga{margin-bottom:-13px}.mini-riga.sfasata{padding-left:26px}.mini-riga:nth-child(n+3){display:none}}
.mx{font-weight:400}.mx-in small{font-weight:400}.mx-in b{font-weight:700}

/* ===== Esempio della Home: copia fedele della schermata (nomi e numeri inventati) ===== */
.fe-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.1rem}
.fe-chip{padding:6px 16px;border-radius:999px;background:rgba(201,214,230,.08);border:1px solid rgba(201,214,230,.22);color:#c9d6e6;font-size:.82rem}
.fe-chip b{font-size:1rem;color:#fff;margin-right:3px}
.fe-chip.r{border-color:rgba(255,77,94,.6);background:rgba(255,77,94,.1)}.fe-chip.r b{color:#ff6b7a}
.fe-titolo{display:flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0b429;margin:0 0 10px}
.fe-titolo::after{content:"";flex:1;height:1px;background:rgba(240,180,41,.3);order:1}
.fe-filtri{order:2;display:inline-flex;gap:6px;letter-spacing:0;text-transform:none;font-weight:600;margin-left:auto}
.fe-filtri em{font-style:normal;padding:2px 12px;border-radius:999px;font-size:.74rem;border:1px solid rgba(201,214,230,.25);color:#c9d6e6;background:rgba(201,214,230,.08)}
.fe-filtri .tutti{background:#f0b429;color:#1a1405;border-color:#f0b429}
.fe-filtri .c-r{border-color:#ff4d5e}.fe-filtri .c-a{border-color:#f97316}.fe-filtri .c-v{border-color:#22c55e}
.mini-alveare{margin-bottom:1.4rem;overflow:hidden;padding:2px 0 0}
.mx{width:52px;height:60px}
.mini-riga{gap:3px;margin-bottom:-15px}
.mini-riga.sfasata{padding-left:27px}
.mx-in b{font-size:.84rem}.mx-in small{font-size:.4rem;max-width:44px;overflow:hidden}
.fe-griglia{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-top:4px}
.fe-radar{position:relative;height:190px;border-bottom:1px solid rgba(159,178,200,.22);background:linear-gradient(90deg,rgba(255,77,94,.12) 0,rgba(255,77,94,.12) 5%,transparent 5%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(159,178,200,.16) calc(25% - 1px) 25%)}
.fe-radar .asse{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(159,178,200,.22)}
.fe-radar .pt{position:absolute;width:11px;height:11px;border-radius:50%;margin:-5px 0 0 -5px}
.fe-radar .pt.r{background:#ff4d5e;box-shadow:0 0 8px #ff4d5e}.fe-radar .pt.a{background:#f97316}.fe-radar .pt.v{background:#22c55e}
.fe-radar small{position:absolute;bottom:-18px;font-size:.62rem;color:#8fa3bb;letter-spacing:.06em}
.fe-radar .r0{left:0}.fe-radar .r1{left:50%}.fe-radar .r2{right:0}
.mini-elenco p{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:7px 12px;border-radius:6px;border-left:3px solid #ff4d5e;background:linear-gradient(90deg,rgba(201,214,230,.07),transparent);font-size:.82rem;color:#e4edf7}
.mini-elenco p .fl-cod{font:700 .68rem Consolas,monospace;color:#9fb2c8;flex:none}
.mini-elenco p b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-elenco p em{font-style:normal;font-size:.64rem;letter-spacing:.06em;color:#8fa3bb;flex:none}
@media(max-width:1250px){.mini-riga .mx:nth-child(n+17){display:none}}
@media(max-width:1050px){.mini-riga .mx:nth-child(n+13){display:none}.fe-griglia{grid-template-columns:1fr}}
@media(max-width:760px){.mini-riga .mx:nth-child(n+9){display:none}.fe-filtri{display:none}.mini-riga:nth-child(3){display:none}}
@media(max-width:480px){.mini-riga .mx:nth-child(n+6){display:none}}
/* l'ultima fila dell'alveare non viene più tagliata in basso */
.mini-alveare{padding:4px 0 16px;overflow:visible}
.mini-riga:last-child{margin-bottom:0}
.mx-in small{text-overflow:clip;max-width:46px}

/* Invito finale: stessa tavolozza della pagina (blu notte con bagliore oro), non più il blu acceso */
.pres-invito{background:
  radial-gradient(700px 320px at 50% 0%,rgba(240,180,41,.22),transparent 65%),
  radial-gradient(600px 300px at 12% 100%,rgba(56,189,248,.16),transparent 65%),
  linear-gradient(135deg,#123257,#0b2038);border-top:2px solid rgba(240,180,41,.55);overflow:hidden}
.pres-invito p{color:#c9d6e6}

/* ===== Presentazione dell'app per telefono e tablet ===== */
.pres-app{background:linear-gradient(160deg,#0a3a4a,#0b2a46 55%,#0c2038);color:#dbe6f3;overflow:hidden}
.pres-app .pres-titolo span{color:#f0b429}.pres-app .pres-titolo h2{color:#fff}.pres-app .pres-titolo p{color:#b8c7da}
.pres-app .dis{color:rgba(125,211,252,.2)}
.d-m{width:120px;height:120px;right:3%;top:20px;transform:rotate(12deg);color:rgba(240,180,41,.26)!important}
.d-n{width:170px;height:170px;left:-20px;bottom:10px;transform:rotate(-8deg)}
.app-pres{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center}
.app-vantaggi{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:12px}
.app-vantaggi li{display:flex;gap:14px;align-items:flex-start}
.app-vantaggi li>i{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#1a1405;background:linear-gradient(135deg,#f0b429,#fb923c)}
.app-vantaggi b{display:block;color:#fff;font-size:1rem}.app-vantaggi span{color:#b8c7da;font-size:.9rem}
.app-come{padding:16px 18px;border-radius:16px;background:rgba(201,214,230,.07);border:1px solid rgba(201,214,230,.2)}
.app-come h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#f0b429;margin:0 0 10px}
.app-due{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.app-due div{display:flex;flex-direction:column;gap:3px;font-size:.86rem;color:#b8c7da}
.app-due i{font-size:1.5rem;color:#fff}.app-due b{color:#fff}
.app-dispositivi{position:relative;min-height:430px;display:flex;align-items:flex-end;justify-content:center}
.ap-tablet{width:min(100%,560px);padding:12px;border-radius:26px;background:linear-gradient(145deg,#2b3446,#10151f);box-shadow:0 26px 54px rgba(0,0,0,.55),inset 0 0 0 2px #475069}
.ap-telefono{position:absolute;right:-6px;bottom:-24px;width:200px;padding:10px;border-radius:32px;background:linear-gradient(145deg,#2b3446,#10151f);box-shadow:0 26px 54px rgba(0,0,0,.6),inset 0 0 0 2px #475069}
.ap-notch{position:absolute;top:5px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:#05080d}
.ap-schermo{border-radius:16px;overflow:hidden;background:#0a1522;border-top:2px solid #f0b429}
.ap-telefono .ap-schermo{border-radius:24px}
.ap-barra{display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:#0b1620;border-bottom:1px solid rgba(240,180,41,.6);color:#fff;font-size:.62rem}
.ap-logo{width:22px;height:15px;background:url("icona-TECARO.webp") center/contain no-repeat;display:inline-block;flex:none}
.ap-barra b{font-size:.78rem;letter-spacing:.02em}
.ap-sez{margin:0 auto;color:#f0b429;font-weight:700;letter-spacing:.12em;font-size:.58rem}
.ap-rosso{margin-left:auto;font-style:normal;background:#c81e2b;border-radius:999px;padding:1px 9px;font-size:.58rem;font-weight:700}
.ap-sez+.ap-rosso{margin-left:0}
.ap-menu-btn{width:20px;height:20px;border-radius:50%;background:#55607a;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.ap-corpo{display:grid;grid-template-columns:118px 1fr;min-height:250px}
.ap-menu{padding:8px 6px;background:linear-gradient(180deg,#22344a,#182638);border-right:1px solid rgba(240,180,41,.3);display:flex;flex-direction:column;gap:2px}
.ap-menu span{font-size:.56rem;color:#c9d6e6;padding:4px 7px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-menu .on{background:rgba(240,180,41,.2);color:#f0b429}
.ap-contenuto{padding:9px 10px;min-width:0}
.ap-frase{font-size:.6rem;color:#c9d6e6;line-height:1.35}
.ap-frase b{color:#fff;font-size:.66rem}.ap-frase .r{color:#ff6b7a}.ap-frase .a{color:#fb923c}.ap-frase .v{color:#4ade80}
.ap-chip{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 6px}
.ap-chip span{font-size:.5rem;padding:2px 8px;border-radius:999px;border:1px solid rgba(201,214,230,.28);background:rgba(201,214,230,.08);color:#c9d6e6}
.ap-chip b{color:#fff;font-size:.6rem}.ap-chip .r{border-color:rgba(255,77,94,.65)}.ap-chip .r b{color:#ff6b7a}
.ap-alveare{margin:0;padding:2px 0 8px;overflow:hidden}
.ap-alveare .mx{width:30px;height:35px}
.ap-alveare .mx-in{inset:1.5px}
.ap-alveare .mx-in b{font-size:.5rem}.ap-alveare .mx-in small{font-size:.22rem;max-width:26px;margin-top:1px}
.ap-alveare .mini-riga{gap:2px;margin-bottom:-9px}.ap-alveare .mini-riga.sfasata{padding-left:16px}
.ap-corpo-tel{padding:9px 9px 14px;min-height:300px}
.ap-azione{display:inline-block;margin:7px 0 6px;padding:3px 11px;border-radius:999px;font-size:.58rem;font-weight:700;color:#1a1405;background:linear-gradient(90deg,#f0b429,#fb923c)}
.ap-voce{margin-top:5px;padding:5px 8px;border-radius:5px;border-left:3px solid #55607a;background:rgba(201,214,230,.07)}
.ap-voce.r{border-left-color:#ff4d5e}.ap-voce.a{border-left-color:#f97316}
.ap-voce b{display:block;font-size:.58rem;font-weight:600;color:#e4edf7}.ap-voce small{font-size:.5rem;color:#8fa3bb}
.ap-telefono .ap-alveare .mx{width:34px;height:39px}.ap-telefono .ap-alveare .mx-in b{font-size:.56rem}.ap-telefono .ap-alveare .mx-in small{font-size:.24rem;max-width:30px}
.ap-telefono .ap-alveare .mini-riga{margin-bottom:-10px}.ap-telefono .ap-alveare .mini-riga.sfasata{padding-left:18px}
@media(max-width:1000px){.app-pres{grid-template-columns:1fr}.app-dispositivi{min-height:420px;margin-top:10px}.ap-telefono{right:4%}}
@media(max-width:560px){.app-due{grid-template-columns:1fr}.ap-tablet{width:100%}.ap-corpo{grid-template-columns:90px 1fr}.ap-telefono{width:160px;right:2%}.ap-alveare .mini-riga .mx:nth-child(n+7){display:none}}
.hero-versione{display:inline-block;margin-left:8px;padding:2px 12px;border-radius:999px;font:700 .8rem Consolas,monospace;letter-spacing:.04em;color:#f0b429;border:1px solid rgba(240,180,41,.55);background:rgba(240,180,41,.1);vertical-align:middle}

/* Icona TECARO al posto del logo nella presentazione */
.hero-marchio img.hero-icona{height:132px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.hero-marchio{align-items:center;gap:18px}
.invito-icona{height:150px!important}
@media(max-width:700px){.hero-marchio img.hero-icona{height:96px}.invito-icona{height:110px!important}}

.marchio-barra .marchio-icona{height:44px;width:auto;margin:-2px 0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}

/* targhetta KRessèntia staccata dal titolo (nessuna sovrapposizione) */
.hero-marchio .hm-nome{margin-bottom:12px;line-height:1.05}
.hero-marchio .marchio-sotto{margin-top:0}
.marchio-barra .marchio-testo{gap:4px}
.marchio-barra .marchio-nome{line-height:1.1}

/* logo del produttore dentro la targhetta del titolo grande */
.hero-marchio .marchio-sotto{display:inline-flex;align-items:center}
.hero-marchio .marchio-sotto .marchio-prod{height:26px;width:auto;margin:0 7px 0 -2px;vertical-align:middle}

/* Barra del titolo più alta e con più respiro */
.marchio-barra{height:calc(70px + env(safe-area-inset-top));padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;gap:16px}
.marchio-barra .marchio-icona{height:56px}
.marchio-barra .marchio-testo{gap:7px}
.marchio-barra .marchio-nome{line-height:1.15}
.login-sfondo{top:70px}
.login-scena{min-height:calc(100vh - 70px - 52px)}
@media(max-width:575px){.marchio-barra{height:calc(62px + env(safe-area-inset-top))}.marchio-barra .marchio-icona{height:46px}.login-sfondo{top:62px}}

/* Versione nei titoli: cerchietto discreto (misure fisse, non proporzionali al titolo) */
.hm-nome .ver-cerchio{font-size:11px;min-width:1.9em;height:1.9em;margin-left:8px;top:-.9em;border-width:1.5px}
.marchio-nome .ver-cerchio{font-size:9px;min-width:1.9em;height:1.9em;margin-left:5px;top:-.5em;border-width:1.2px}
@media(max-width:700px){.hm-nome .ver-cerchio{font-size:9px}}

/* Versione nei titoli: ancora più piccola */
.hm-nome .ver-cerchio{font-size:8.5px;margin-left:6px;top:-1.1em;border-width:1.2px}
.marchio-nome .ver-cerchio{font-size:7px;margin-left:4px;top:-.7em;border-width:1px}
@media(max-width:700px){.hm-nome .ver-cerchio{font-size:7px}}

/* Titolo con i colori del logo anche nelle finestre dimostrative (Home, tablet e telefono) */
.ap-barra .nome-verde,.fe-barra .nome-verde{background:linear-gradient(180deg,#a3ec3f,#3fae12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.nome-it{font-style:italic}

/* logo del produttore nella targhetta dell'invito finale */
.pres-invito .marchio-sotto{display:inline-flex;align-items:center}
.pres-invito .marchio-sotto .marchio-prod{height:32px;width:auto;margin:0 9px 0 -4px;vertical-align:middle}

/* Immagini reali dell'app (schermate con dati di fantasia) al posto dei disegni */
.home-immagine{text-align:center}
.home-immagine img{display:block;width:100%;max-width:1180px;height:auto;margin:0 auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
.app-dispositivi{display:block!important;min-height:0!important}
.app-immagine{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 36px rgba(0,0,0,.5))}
#zoomImg img{max-width:94vw!important;max-height:90vh!important}

/* colonna delle immagini più larga, per vedere bene le schermate */
.app-pres{grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:36px}
@media(max-width:1000px){.app-pres{grid-template-columns:1fr}}

/* Sezione per il tecnico: tre schermate del telefono */
.pres-tecnico{background:linear-gradient(160deg,#0b2a46,#0a3a4a 60%,#0c2038);color:#dbe6f3;overflow:hidden}
.pres-tecnico .pres-titolo span{color:#f0b429}.pres-tecnico .pres-titolo h2{color:#fff}.pres-tecnico .pres-titolo p{color:#b8c7da}
.pres-tecnico .dis{color:rgba(125,211,252,.2)}
.d-o{width:170px;height:170px;right:2%;top:24px;transform:rotate(8deg)}
.d-p{width:130px;height:130px;left:2%;bottom:24px;transform:rotate(-8deg);color:rgba(240,180,41,.24)!important}
.tecnico-passi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}
.tecnico-passi figure{margin:0;text-align:center}
.tecnico-passi img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto 14px;filter:drop-shadow(0 20px 34px rgba(0,0,0,.5))}
.tecnico-passi figcaption{display:flex;flex-direction:column;gap:5px;max-width:340px;margin:0 auto}
.tecnico-passi figcaption b{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:1.05rem}
.tecnico-passi figcaption b i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.85rem;color:#1a1405;background:linear-gradient(135deg,#f0b429,#fb923c)}
.tecnico-passi figcaption span{color:#b8c7da;font-size:.9rem;line-height:1.45}
@media(max-width:900px){.tecnico-passi{grid-template-columns:1fr;gap:40px}.tecnico-passi img{max-width:300px}}

.pres-fornitore{background:linear-gradient(160deg,#0f3156,#0a2140 60%,#0c2a3d)}
.pres-fornitore .d-o{right:auto;left:2%;top:24px}.pres-fornitore .d-p{left:auto;right:3%;bottom:24px}

/* Le due Home affiancate (Gestione tecnica e Help Desk) */
.home-doppia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.home-doppia figure{margin:0;text-align:center}
.home-doppia img{display:block;width:100%;height:auto;margin:0 auto 12px;filter:drop-shadow(0 20px 34px rgba(0,0,0,.45))}
.home-doppia figcaption{display:flex;flex-direction:column;gap:4px;max-width:520px;margin:0 auto}
.home-doppia figcaption b{color:#fff;font-size:1.05rem}
.home-doppia figcaption span{color:#b8c7da;font-size:.9rem;line-height:1.45}
@media(max-width:800px){.home-doppia{grid-template-columns:1fr;gap:34px}}

/* Slogan in cima: Controlla. Agisci. Risolvi. (bianco, arancio, verde come i colori dell'alveare) */
.login-hero h1.slogan{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;line-height:1.02;letter-spacing:-.01em;margin:1rem 0 .5rem;color:#fff}
.login-hero h1.slogan span{display:inline-block;margin-right:.18em;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;font-weight:800}
.login-hero h1.slogan .s1{color:#e8f1ff}
.login-hero h1.slogan .s2{color:#fb923c;text-shadow:0 0 26px rgba(251,146,60,.35)}
.login-hero h1.slogan .s3{color:#4ade80;text-shadow:0 0 26px rgba(74,222,128,.35)}
.slogan-sotto{font-size:clamp(1.05rem,1.9vw,1.4rem);color:#c9d6e6;margin:0 0 .9rem;font-weight:300}
.slogan-sotto b{font-weight:700;background:linear-gradient(90deg,#f0b429,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:575px){.login-hero h1.slogan{font-size:2.2rem}}

/* Slogan più piccolo, su una sola riga */
.login-hero h1.slogan{font-size:clamp(1.15rem,2.9vw,2.5rem);white-space:nowrap;letter-spacing:-.015em;margin:.9rem 0 .4rem}
.login-hero h1.slogan span{margin-right:.14em}
.slogan-sotto{font-size:clamp(.95rem,1.5vw,1.2rem)}
@media(max-width:575px){.login-hero h1.slogan{font-size:clamp(1.05rem,6.2vw,1.6rem)}}

/* Icona dell'app in evidenza nella sezione «L'app» */
.app-icona-riga{display:flex;align-items:center;gap:20px;margin:0 0 1.4rem}
.app-icona-sfondo{flex:none;display:block;width:132px;height:132px;padding:10px;border-radius:30px;background:linear-gradient(145deg,#16365c,#0b1620);border:1px solid rgba(240,180,41,.5);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 0 6px rgba(240,180,41,.08),inset 0 1px 0 rgba(255,255,255,.12)}
.app-icona-sfondo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.app-icona-testo{display:flex;flex-direction:column;gap:4px;color:#b8c7da;font-size:.92rem;line-height:1.4}
.app-icona-testo b{color:#fff;font-size:1.05rem}
@media(max-width:575px){.app-icona-sfondo{width:104px;height:104px;border-radius:24px}.app-icona-riga{gap:14px}}

/* L'icona dell'app dentro il titolo della sezione */
.titolo-riga{display:flex;align-items:center;gap:18px;margin-bottom:.9rem}
.titolo-riga h2{margin:0}
.titolo-riga .app-icona-sfondo{width:96px;height:96px;padding:8px;border-radius:22px}
@media(max-width:575px){.titolo-riga .app-icona-sfondo{width:76px;height:76px;border-radius:18px}}

/* Titolo della sezione «L'app»: icona e frase su una sola riga, a tutta larghezza */
.titolo-largo{max-width:none;margin-bottom:1.6rem}
.titolo-largo .titolo-riga h2{white-space:nowrap}
@media(max-width:700px){.titolo-largo .titolo-riga h2{font-size:clamp(1rem,4.6vw,1.6rem)}.titolo-largo .titolo-riga{gap:12px}.titolo-largo .app-icona-sfondo{width:60px;height:60px;padding:6px;border-radius:15px}}

.titolo-largo .titolo-riga h2{font-size:clamp(1.1rem,3.6vw,2.2rem)}
@media(max-width:700px){.titolo-largo .titolo-riga h2{font-size:clamp(1rem,4.6vw,1.6rem)}}

/* Icona TECARO sempre con il suo contorno: riquadro arrotondato blu notte con bordo oro */
.marchio-barra .marchio-icona,.hero-marchio img.hero-icona,.invito-icona,.btn-app .ico-app-img,.app-icona,.icona-lic{
  box-sizing:border-box;object-fit:contain;background:linear-gradient(145deg,#16365c,#0b1620);border:1px solid rgba(240,180,41,.6);
  box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 0 3px rgba(240,180,41,.07)}
.marchio-barra .marchio-icona{width:58px!important;height:58px!important;padding:5px;border-radius:15px;margin:0}
.hero-marchio img.hero-icona{width:132px!important;height:132px!important;padding:10px;border-radius:30px}
.invito-icona{width:150px!important;height:150px!important;padding:11px;border-radius:34px}
.btn-app .ico-app-img{width:28px!important;height:28px!important;padding:2px;border-radius:8px}
.app-icona{width:50px!important;height:50px!important;padding:4px;border-radius:12px}
.icona-lic{width:72px;height:72px;padding:6px;border-radius:17px}
.ap-logo{width:20px!important;height:20px!important;border-radius:5px;border:1px solid rgba(240,180,41,.6);background-color:#0b1620!important;background-size:80%!important}
@media(max-width:700px){.hero-marchio img.hero-icona{width:96px!important;height:96px!important;padding:8px;border-radius:22px}.invito-icona{width:110px!important;height:110px!important;border-radius:26px}}
@media(max-width:575px){.marchio-barra .marchio-icona{width:46px!important;height:46px!important;padding:4px;border-radius:12px}}

/* Scheda di accesso più piccola (come uno zoom indietro) */
.login-card{zoom:.82}

/* Scheda di accesso più in alto nella pagina (dove la scena è a due colonne) */
@media(min-width:901px){.login-lato{align-self:start;margin-top:12px}}

/* «v1» più chiaro nelle testate scure (stesse dimensioni) */
.marchio-nome .ver-cerchio,.hm-nome .ver-cerchio{color:#ffe9a8;-webkit-text-fill-color:#ffe9a8;text-shadow:0 0 4px rgba(255,233,168,.35)}

.evidenzia{background:#fff4d6;border:1px solid #f0b429;border-radius:10px;padding:9px 12px;color:#5c4400}
.evidenzia i{color:#c98a00}

.btn-entra{display:flex!important;margin-left:auto}

/* Versione (v1) nel marchio: più bassa, vicina al nome, testo bianco (cerchio giallo) */
.marchio-nome .ver-cerchio,.hm-nome .ver-cerchio{top:-.3em;margin-left:2px;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none;border-color:#fff}

/* Versione (v1): cerchio e testo BIANCHI ovunque; solo su fondi chiari (scheda chiara, piè di pagina dei temi chiari) resta scuro per leggersi */
.ver-cerchio{color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important;text-shadow:none!important}
.carta-int .nome .ver-cerchio{color:#8f6404!important;-webkit-text-fill-color:#8f6404!important;border-color:#8f6404!important}
html[data-tema="azzurro"] .piede-home .ver-cerchio,html[data-tema="salvia"] .piede-home .ver-cerchio,html[data-tema="sabbia"] .piede-home .ver-cerchio,html[data-tema="ghiaccio"] .piede-home .ver-cerchio,html[data-tema="perla"] .piede-home .ver-cerchio{color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important;background:#172033!important;box-shadow:0 0 0 1px #172033}

/* nome TECARO colorato (TECA bianco, RO verde, versione nel cerchio): stesso carattere della barra; su fondo chiaro sta in una scatola nera */
.nome-marchio{font-weight:800;font-style:italic;letter-spacing:.5px;text-transform:none}
.nome-marchio .nome-verde{background:linear-gradient(180deg,#a3ec3f,#3fae12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-style:italic}
.nome-marchio .ver-cerchio{font-size:.42em;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important;margin-left:.35em}
.nome-marchio.nm-scatola{display:inline-block;background:#0b1620;color:#fff;border-radius:7px;padding:2px 10px 2px 9px;line-height:1.35;font-size:1.05em}
.pres-titolo .nome-marchio{display:inline;margin:0;font-size:1em;letter-spacing:.5px;color:#fff}
.pres-titolo span.nome-marchio{display:inline-block;margin:0 0 0 .2rem;font-size:1.3rem;letter-spacing:.5px;color:#fff;text-transform:none;vertical-align:middle}
.pres-titolo .nome-marchio span{margin:0;font-size:inherit;letter-spacing:inherit;text-transform:none;color:#fff}
.pres-titolo .nome-marchio .nome-verde{color:transparent}
.pres-titolo .nome-marchio .ver-cerchio{font-size:.42em;display:inline-flex;margin-left:.35em;color:#fff}

/* proporzioni del marchio: la versione è piccola come nella barra della Home */
.nome-marchio .ver-cerchio,.app-installa h2 .nome-marchio .ver-cerchio,.pres-titolo .nome-marchio .ver-cerchio{font-size:.33em;min-width:1.9em;height:1.9em;margin-left:.55em;top:-.7em;border-width:1px}
.app-colonna-qr{display:flex;flex-direction:column;align-items:center;gap:14px}
.app-installa .app-icona-grande{width:120px!important;height:120px!important;padding:6px;border-radius:26px}

/* logo TECARO: solo il disegno su fondo trasparente, senza riquadro, bordo, ombra a scatola né rientri */
html .marchio-barra .marchio-icona,html .hero-marchio img.hero-icona,html .invito-icona,html .btn-app .ico-app-img,html .app-icona,html .icona-lic,html .app-installa .app-icona-grande{
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
html .marchio-barra .marchio-icona{width:auto!important;height:60px!important;max-width:64px}
html .btn-app .ico-app-img{width:auto!important;height:26px!important}
html .app-icona{width:auto!important;height:50px!important}
html .app-installa .app-icona-grande{width:auto!important;height:130px!important}
html .app-icona-sfondo,html .titolo-riga .app-icona-sfondo{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
@media(max-width:575px){html .marchio-barra .marchio-icona{height:48px!important;max-width:52px}}
/* nome TECARO nella scatola nera (piè di pagina, ecc.): sempre bianco su nero, anche nei temi chiari */
html .nome-marchio.nm-scatola,html .nome-marchio.nm-scatola *:not(.nome-verde){color:#fff!important;-webkit-text-fill-color:#fff!important}
html .nome-marchio.nm-scatola .nome-verde{background:linear-gradient(180deg,#a3ec3f,#3fae12)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html .nome-marchio.nm-scatola .ver-cerchio{color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#fff!important}

/* «KRessèntia» ovunque con i suoi colori, su targa nera (si legge su qualunque sfondo) */
.kr-nome{display:inline-block;background:#0b1620;border-radius:6px;padding:0 8px 1px;line-height:1.35;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.kr-nome .kr-k{color:#fff!important;-webkit-text-fill-color:#fff!important}
.kr-nome .kr-e{color:#f0b429!important;-webkit-text-fill-color:#f0b429!important}

/* piè di pagina: il logo sta subito prima del nome («Un prodotto [logo] KRessèntia», «[icona] TECARO») */
.pr-prodotto,.pr-tecaro{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.pr-prodotto img,.pr-tecaro img{width:auto;flex:none}
.piede-produttore{gap:0}