/* ==========================================================================
   Configo - STILE VETRO (regola 8e del protocollo, 5/11/2026, modello FalcoFit; come Sciame 0.6.0)
   Bottoni a pillola, barra in basso sospesa, icone a linea, riquadri semitrasparenti.
   20 temi (data-tema): 10 STANDARD a colori pieni + 10 SFUMATI a vetro. Cambia solo la tavolozza.
   Caricato DOPO app.css. Niente "gap" nei flex; sfocatura solo con colore pieno di riserva.
   Gli strumenti (riquadro interno) ricevono gli stessi colori da vetro.js.
   ========================================================================== */

/* 1. GETTONI COMUNI (temi chiari) ----------------------------------------- */
:root {
  --ombra: 0 10px 24px -16px rgba(31, 36, 48, .35);
  --vt-linea: rgba(31, 36, 48, .09);
  --vt-linea2: rgba(31, 36, 48, .15);
  --vt-vetro: rgba(31, 36, 48, .045);
  --vt-vetro-on: #ffffff;
  --vt-barra: rgba(246, 247, 249, .84); --vt-barra-piena: #f6f7f9;
  --vt-nav: rgba(255, 255, 255, .88); --vt-nav-piena: #ffffff;
  --vt-menu: linear-gradient(170deg, #ffffff, #fff4ec);
  --vt-card: var(--bianco);
  --vt-alone: rgba(232, 102, 31, .32); --vt-alone2: rgba(232, 102, 31, .12);
  --vt-luce: inset 0 1px 0 rgba(255, 255, 255, .8);
  --vt-fondo: none;
  --vt-su-ar: #ffffff;
}
/* temi scuri */
:root[data-tema][data-theme=dark] {
  --ombra: 0 12px 28px -16px rgba(0, 0, 0, .6);
  --vt-linea: rgba(255, 255, 255, .09); --vt-linea2: rgba(255, 255, 255, .15);
  --vt-vetro: rgba(255, 255, 255, .06); --vt-vetro-on: rgba(255, 255, 255, .13);
  --vt-barra: rgba(21, 24, 30, .82); --vt-barra-piena: #15181e;
  --vt-nav: rgba(30, 34, 42, .86); --vt-nav-piena: #1e222a;
  --vt-menu: linear-gradient(170deg, #262b35, #15181e);
  --vt-luce: inset 0 1px 0 rgba(255, 255, 255, .06);
  --ar: #f07a2e; --ar2: #ff9a52;
  --vt-alone: rgba(240, 122, 46, .42); --vt-alone2: rgba(240, 122, 46, .18);
}

/* 2. TEMI STANDARD --------------------------------------------------------- */
:root[data-tema][data-tema=configo-scuro] { --chiaro: #3a2a1f; --carta: #15181e; --bianco: #1e222a; --testo: #eef0f4; --grigio: #a6adbb; --linea: #343a46; }
:root[data-tema][data-tema=crema] { --chiaro: #f3e6d6; --carta: #f5f0e6; --bianco: #fffdf8; --testo: #2b2620; --grigio: #75695a; --linea: #e2d7c3;
  --vt-barra: rgba(245, 240, 230, .86); --vt-barra-piena: #f5f0e6; --vt-menu: linear-gradient(170deg, #fffdf8, #ece4d4); }
:root[data-tema][data-tema=grigio] { --chiaro: #e9e2dc; --carta: #e7eaee; --bianco: #f8f9fb; --testo: #1f2a33; --grigio: #5c6873; --linea: #d3d9e0;
  --vt-barra: rgba(231, 234, 238, .86); --vt-barra-piena: #e7eaee; --vt-menu: linear-gradient(170deg, #f8f9fb, #dde2e8); }
:root[data-tema][data-tema=cielo] { --chiaro: #fdebdc; --carta: #edf4fb; --bianco: #ffffff; --testo: #0f2338; --grigio: #587190; --linea: #d3e1ef;
  --vt-barra: rgba(237, 244, 251, .86); --vt-barra-piena: #edf4fb; --vt-menu: linear-gradient(170deg, #ffffff, #dfeaf6); }
:root[data-tema][data-tema=blu] { --chiaro: #2a2420; --carta: #0b1220; --bianco: #1b2942; --testo: #eaf0fb; --grigio: #9aaac4; --linea: #2a3a58;
  --vt-barra: rgba(11, 18, 32, .84); --vt-barra-piena: #0b1220; --vt-nav: rgba(20, 31, 52, .88); --vt-nav-piena: #141f34; --vt-menu: linear-gradient(170deg, #1b2942, #0b1220); }
:root[data-tema][data-tema=verde] { --chiaro: #243020; --carta: #0d1912; --bianco: #193425; --testo: #e8f5ec; --grigio: #9cbfa8; --linea: #28473a;
  --vt-barra: rgba(13, 25, 18, .84); --vt-barra-piena: #0d1912; --vt-nav: rgba(21, 40, 29, .88); --vt-nav-piena: #15281d; --vt-menu: linear-gradient(170deg, #193425, #0d1912); }
:root[data-tema][data-tema=viola] { --chiaro: #2c2036; --carta: #100b1c; --bianco: #231a3d; --testo: #f0ebff; --grigio: #ae9fd2; --linea: #2d2350;
  --vt-barra: rgba(16, 11, 28, .84); --vt-barra-piena: #100b1c; --vt-nav: rgba(30, 22, 52, .88); --vt-nav-piena: #1e1634; --vt-menu: linear-gradient(170deg, #231a3d, #100b1c); }
:root[data-tema][data-tema=vino] { --chiaro: #3a1d1c; --carta: #160a0e; --bianco: #2e161f; --testo: #f8eaee; --grigio: #c99ca8; --linea: #3d1d28;
  --vt-barra: rgba(22, 10, 14, .84); --vt-barra-piena: #160a0e; --vt-nav: rgba(40, 18, 26, .88); --vt-nav-piena: #28121a; --vt-menu: linear-gradient(170deg, #2e161f, #160a0e); }
:root[data-tema][data-tema=nero] { --chiaro: #2a1f18; --carta: #000000; --bianco: #18181b; --testo: #f5f5f6; --grigio: #9c9ca5; --linea: #2a2a2f;
  --vt-barra: rgba(0, 0, 0, .84); --vt-barra-piena: #000; --vt-nav: rgba(18, 18, 20, .9); --vt-nav-piena: #121214; --vt-menu: linear-gradient(170deg, #18181b, #000); }

/* 3. TEMI SFUMATI (vetro) -------------------------------------------------- */
:root[data-tema][data-tema^=sf-] {
  --testo: #f7f4f1; --grigio: #b3aba4; --linea: rgba(255, 255, 255, .12);
  --chiaro: rgba(255, 255, 255, .08); --bianco: rgba(255, 255, 255, .075);
  --vt-card: linear-gradient(165deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .035) 100%);
  --vt-linea: rgba(255, 255, 255, .10); --vt-linea2: rgba(255, 255, 255, .16);
  --vt-luce: inset 0 1px 0 rgba(255, 255, 255, .08);
  --ombra: 0 18px 40px -22px rgba(0, 0, 0, .85);
  --vt-su-ar: #1a0e05;
}
:root[data-tema][data-tema=sf-brace]    { --carta: #0b0806; --ar: #ff8a2e; --ar2: #ffa04a; --vt-alone: rgba(255, 120, 30, .5); --vt-alone2: rgba(255, 128, 40, .26);
  --vt-barra: rgba(18, 12, 9, .78); --vt-barra-piena: #120c09; --vt-nav: rgba(30, 21, 17, .84); --vt-nav-piena: #1e1511; --vt-menu: linear-gradient(170deg, #34261e, #160d0a);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(212, 98, 26, .9) 0%, rgba(150, 55, 18, .5) 35%, rgba(0, 0, 0, 0) 68%), radial-gradient(95% 45% at 105% 62%, rgba(118, 20, 24, .65), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-grafite]  { --carta: #07080b; --ar: #ff4d6d; --ar2: #ff6b86; --vt-alone: rgba(255, 255, 255, .2); --vt-alone2: rgba(120, 135, 165, .22); --vt-su-ar: #fff;
  --vt-barra: rgba(14, 15, 19, .78); --vt-barra-piena: #0e0f13; --vt-nav: rgba(22, 24, 29, .86); --vt-nav-piena: #16181d; --vt-menu: linear-gradient(170deg, #282d3a, #0a0b0f);
  --vt-fondo: radial-gradient(120% 50% at 78% 0%, rgba(98, 112, 140, .6), rgba(0, 0, 0, 0) 65%), radial-gradient(90% 42% at 105% 74%, rgba(128, 22, 46, .5), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-tramonto] { --carta: #0a0a0d; --ar: #fb7a1e; --ar2: #ff9748; --vt-alone: rgba(251, 122, 30, .45); --vt-alone2: rgba(196, 92, 24, .24);
  --vt-barra: rgba(16, 14, 16, .78); --vt-barra-piena: #100e10; --vt-nav: rgba(26, 22, 24, .86); --vt-nav-piena: #1a1618; --vt-menu: linear-gradient(170deg, #33241f, #0d0b0e);
  --vt-fondo: radial-gradient(130% 50% at 100% 0%, rgba(196, 92, 24, .85), rgba(120, 40, 70, .35) 40%, rgba(0, 0, 0, 0) 70%), radial-gradient(80% 40% at 0% 80%, rgba(90, 30, 90, .45), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-oceano]   { --carta: #05080f; --ar: #3b9cff; --ar2: #6cb6ff; --vt-alone: rgba(59, 156, 255, .45); --vt-alone2: rgba(30, 96, 205, .24); --vt-su-ar: #fff;
  --vt-barra: rgba(9, 14, 25, .78); --vt-barra-piena: #090e19; --vt-nav: rgba(14, 22, 38, .86); --vt-nav-piena: #0e1626; --vt-menu: linear-gradient(170deg, #1a2a4a, #060a14);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(30, 96, 205, .85), rgba(0, 0, 0, 0) 65%), radial-gradient(90% 45% at 105% 70%, rgba(20, 140, 170, .45), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-smeraldo] { --carta: #040a07; --ar: #2fd38a; --ar2: #5fe3a8; --vt-alone: rgba(47, 211, 138, .42); --vt-alone2: rgba(18, 140, 92, .24);
  --vt-barra: rgba(8, 17, 12, .78); --vt-barra-piena: #08110c; --vt-nav: rgba(12, 28, 20, .86); --vt-nav-piena: #0c1c14; --vt-menu: linear-gradient(170deg, #163a2a, #050c08);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(18, 140, 92, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(10, 90, 110, .45), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-ametista] { --carta: #08050f; --ar: #a77bff; --ar2: #c1a2ff; --vt-alone: rgba(167, 123, 255, .45); --vt-alone2: rgba(112, 62, 212, .24); --vt-su-ar: #fff;
  --vt-barra: rgba(14, 10, 24, .78); --vt-barra-piena: #0e0a18; --vt-nav: rgba(22, 16, 38, .86); --vt-nav-piena: #161026; --vt-menu: linear-gradient(170deg, #2c2148, #0a0612);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(112, 62, 212, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(170, 40, 140, .4), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-rubino]   { --carta: #0b0406; --ar: #ff4b55; --ar2: #ff737b; --vt-alone: rgba(255, 75, 85, .45); --vt-alone2: rgba(192, 26, 42, .24); --vt-su-ar: #fff;
  --vt-barra: rgba(18, 8, 10, .78); --vt-barra-piena: #12080a; --vt-nav: rgba(30, 12, 16, .86); --vt-nav-piena: #1e0c10; --vt-menu: linear-gradient(170deg, #3c1820, #0d0507);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(192, 26, 42, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(120, 20, 60, .45), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-laguna]   { --carta: #030a0b; --ar: #22d3c5; --ar2: #5ee3d8; --vt-alone: rgba(34, 211, 197, .42); --vt-alone2: rgba(16, 150, 150, .24);
  --vt-barra: rgba(7, 16, 18, .78); --vt-barra-piena: #071012; --vt-nav: rgba(10, 26, 28, .86); --vt-nav-piena: #0a1a1c; --vt-menu: linear-gradient(170deg, #12383a, #040c0d);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(16, 150, 150, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(20, 90, 160, .4), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-fucsia]   { --carta: #0b040a; --ar: #ff5cb8; --ar2: #ff85ca; --vt-alone: rgba(255, 92, 184, .45); --vt-alone2: rgba(200, 40, 140, .24); --vt-su-ar: #fff;
  --vt-barra: rgba(18, 8, 16, .78); --vt-barra-piena: #120810; --vt-nav: rgba(30, 12, 26, .86); --vt-nav-piena: #1e0c1a; --vt-menu: linear-gradient(170deg, #3c1836, #0d050c);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(200, 40, 140, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(110, 40, 200, .4), rgba(0, 0, 0, 0) 70%); }
:root[data-tema][data-tema=sf-oro]      { --carta: #0a0804; --ar: #f5c542; --ar2: #ffd76a; --vt-alone: rgba(245, 197, 66, .42); --vt-alone2: rgba(192, 142, 30, .24);
  --vt-barra: rgba(16, 13, 8, .78); --vt-barra-piena: #100d08; --vt-nav: rgba(28, 23, 14, .86); --vt-nav-piena: #1c170e; --vt-menu: linear-gradient(170deg, #3a2f18, #0c0a05);
  --vt-fondo: radial-gradient(135% 55% at 0% 0%, rgba(192, 142, 30, .85), rgba(0, 0, 0, 0) 66%), radial-gradient(90% 42% at 105% 72%, rgba(150, 70, 20, .45), rgba(0, 0, 0, 0) 70%); }

/* sfondo sfumato: strato fisso dietro a tutto */
body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; background: var(--vt-fondo); }
body { background: var(--carta); position: relative; z-index: 0; }

/* 4. FORME UGUALI PER TUTTI I TEMI ---------------------------------------- */
.testa { background: var(--vt-barra-piena); color: var(--testo); box-shadow: none; border-bottom: 1px solid var(--vt-linea); height: 60px; padding-left: 8px; padding-right: 8px; }
.testa__btn, #btn-indietro { width: 42px; height: 42px; line-height: 42px; margin: 0 2px; border-radius: 21px; color: var(--testo); background: var(--vt-vetro); border: 1px solid var(--vt-linea); font-size: 20px; }
.testa__btn .vt-ic { width: 21px; height: 21px; display: inline-block; vertical-align: middle; margin-top: -3px; }
.testa__btn:active { background: var(--vt-vetro-on); }
.testa__titolo { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.vista { padding-top: 72px; padding-top: calc(72px + env(safe-area-inset-top)); padding-bottom: 104px; padding-bottom: calc(var(--nav-h) + 40px + env(safe-area-inset-bottom)); }

:root { --nav-h: 64px; }
.schede-nav { left: 12px; right: 12px; bottom: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); height: var(--nav-h); padding: 6px 4px; border: 1px solid var(--vt-linea2); border-radius: 28px;
  background: var(--vt-nav-piena); box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .5), var(--vt-luce); }
.schede-nav a { margin: 0 3px; padding: 7px 2px 5px; border-radius: 20px; border: 1px solid transparent; color: var(--grigio); font-size: 11px; font-weight: 600; transition: background .15s, color .15s; }
.schede-nav a .ic { line-height: 24px; height: 24px; font-size: 19px; }
.schede-nav .vt-ic { width: 22px; height: 22px; display: inline-block; }
.schede-nav a.on { color: var(--ar); background: var(--vt-alone2); border-color: var(--vt-alone); font-weight: 700; }
.toast { bottom: 90px; bottom: calc(var(--nav-h) + 26px + env(safe-area-inset-bottom)); border-radius: 22px; }

@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .testa { background: var(--vt-barra); -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px); }
  .schede-nav { background: var(--vt-nav); -webkit-backdrop-filter: saturate(160%) blur(20px); backdrop-filter: saturate(160%) blur(20px); }
  .foglio { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
}

/* menu laterale di vetro */
.menu { background: var(--vt-menu); border-right: 1px solid var(--vt-linea2); border-radius: 0 26px 26px 0; box-shadow: 18px 0 40px -20px rgba(0, 0, 0, .5); }
.menu__testa { background: transparent; border-bottom: 1px solid var(--vt-linea); font-size: 18px; }
.menu__logo { border-radius: 12px; box-shadow: 0 6px 14px -6px var(--vt-alone); }
.menu__voce { margin: 2px 8px; padding: 11px 12px; border-radius: 16px; border-bottom: 0; }
.menu__voce:active, .menu__voce:hover { background: var(--vt-vetro-on); }
.menu__sel { border: 1px solid var(--vt-linea2); border-radius: 12px; background: var(--vt-vetro); color: var(--testo); }

/* eroe e ricerca */
.eroe { border-radius: 26px; padding: 20px 18px; background: linear-gradient(135deg, var(--ar), var(--ar2)); color: var(--vt-su-ar); box-shadow: 0 18px 36px -18px var(--vt-alone), inset 0 1px 0 rgba(255, 255, 255, .35); }
.cerca input { border-radius: 999px; padding-left: 18px; border: 1px solid var(--vt-linea2); background: #fff; color: #1f2430; box-shadow: 0 8px 18px -12px rgba(0, 0, 0, .4); }
.cerca--pagina input { background: var(--vt-vetro); color: var(--testo); }
.cerca button { right: 6px; }
.sez { font-weight: 700; }

/* categorie e elenchi */
.cat__box { border: 1px solid var(--vt-linea2); border-radius: 22px; background: var(--vt-card); box-shadow: var(--ombra), var(--vt-luce); }
.cat:active .cat__box { -webkit-transform: scale(.98); transform: scale(.98); }
.elenco { background: transparent; border-top: 0; padding: 0 12px; }
.voce { margin: 0 0 8px; padding: 11px 12px; border: 1px solid var(--vt-linea2); border-radius: 20px; background: var(--vt-card); box-shadow: var(--ombra), var(--vt-luce); }
.voce__ic { border-radius: 14px; background: var(--vt-alone2); }
.aff { border: 1px solid var(--vt-linea2); border-radius: 22px; background: var(--vt-card); box-shadow: var(--ombra), var(--vt-luce); }

/* bottoni a pillola */
.btn { border-radius: 999px; padding: 10px 16px; border: 1px solid var(--vt-linea2); background: var(--vt-vetro); color: var(--testo); box-shadow: var(--vt-luce); }
.btn--pieno { background: var(--ar); border-color: transparent; color: var(--vt-su-ar); box-shadow: 0 10px 22px -12px var(--vt-alone), inset 0 1px 0 rgba(255, 255, 255, .3); }
.btn:active { -webkit-transform: scale(.97); transform: scale(.97); }

/* finestra */
.foglio__box { background: var(--vt-menu); border: 1px solid var(--vt-linea2); border-radius: 26px; box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .6), var(--vt-luce); color: var(--testo); }
.foglio__x { border-radius: 18px; background: var(--vt-vetro); border: 1px solid var(--vt-linea); }

/* 5. PANNELLO COLORI ------------------------------------------------------- */
.vt-gruppo-tit { margin: 14px 0 6px; font-weight: 800; }
.vt-temi { overflow: hidden; margin: 0 -5px 6px; }
.vt-tema { float: left; width: 30%; width: calc(33.33% - 10px); margin: 5px; padding: 0; border: 2px solid transparent; border-radius: 18px; background: none; color: var(--testo); font: 700 12.5px system-ui, sans-serif; cursor: pointer; text-align: center; }
.vt-tema.on { border-color: var(--ar); }
.vt-tema__ant { display: block; position: relative; height: 58px; border-radius: 15px; overflow: hidden; border: 1px solid rgba(127, 127, 127, .3); }
.vt-tema__card { position: absolute; left: 10%; right: 10%; top: 13px; height: 17px; border-radius: 9px; }
.vt-tema__nav { position: absolute; left: 18%; right: 18%; bottom: 8px; height: 11px; border-radius: 6px; }
.vt-tema__pt { position: absolute; right: 22%; bottom: 9px; width: 8px; height: 8px; border-radius: 4px; }
.vt-tema__n { display: block; padding: 5px 2px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asp-gruppo { overflow: hidden; margin: 6px 0 12px; }
.asp-gruppo button { float: left; margin: 0 8px 8px 0; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--vt-linea2); background: var(--vt-vetro); color: var(--testo); font: 700 14px system-ui, sans-serif; cursor: pointer; }
.asp-gruppo button.on { border-color: var(--ar); color: var(--ar); }
:root[data-testo=grande] body { font-size: 18.5px; }

/* 0.2.1: colori del logo nuovo (indaco #26148f + lime #b0d802). Temi chiari: indaco; temi scuri standard: lime con testo scuro */
:root { --ar: #2a1690; --ar2: #4a32c8; --vt-su-ar: #ffffff; --vt-alone: rgba(42, 22, 144, .30); --vt-alone2: rgba(42, 22, 144, .10); --vt-lime: #b0d802; }
:root[data-tema][data-theme=dark]:not([data-tema^=sf-]) { --ar: #b8e000; --ar2: #d4f24a; --vt-su-ar: #1a2200; --vt-alone: rgba(184, 224, 0, .38); --vt-alone2: rgba(184, 224, 0, .14); }
:root[data-tema][data-tema^=sf-] { --vt-lime: #c8ec30; }
.eroe { background: linear-gradient(135deg, var(--ar), var(--ar2)); position: relative; overflow: hidden; }
.eroe::after { content: ""; position: absolute; right: -34px; top: -34px; width: 88px; height: 88px; border-radius: 50%; background: var(--vt-lime); opacity: .55; }
:root[data-tema][data-theme=dark] .eroe::after { background: #2a1690; opacity: .55; }
.eroe h2, .eroe p { position: relative; z-index: 1; }
.cerca { position: relative; z-index: 1; }
.testa__logo { display: block; flex: none; margin: 0 2px 0 4px; } .testa__logo img { display: block; width: 34px; height: 34px; border-radius: 10px; background: #fff; padding: 3px; box-shadow: 0 4px 12px -4px var(--vt-alone); }
.menu__testa { padding: 16px 14px; } .menu__marchio { display: block; } .menu__oriz { display: block; width: 100%; max-width: 230px; height: auto; }
.menu__oriz--scuro { display: none; } :root[data-tema][data-theme=dark] .menu__oriz--chiaro { display: none; } :root[data-tema][data-theme=dark] .menu__oriz--scuro { display: block; }
/* 0.2.2: icone a linea nel menu, colorate a gruppi come FalcoFit e Sciame */
:root { --vt-ico1: var(--ar); --vt-ico2: #8fb000; --vt-ico3: #e0503d; }
:root[data-tema][data-theme=dark] { --vt-ico2: #b8e000; --vt-ico3: #ff8a7a; }
:root[data-tema][data-theme=dark]:not([data-tema^=sf-]) { --vt-ico1: #a99cff; }
.menu__ic { display: inline-block; color: var(--vt-ico1); line-height: 1; }
.menu__ic .vt-ic { width: 21px; height: 21px; display: block; }
.vt-g2 .menu__ic { color: var(--vt-ico2); } .vt-g3 .menu__ic { color: var(--vt-ico3); }
.menu__voce { -webkit-box-align: center; }