/* 14/10 Maurizio: «uniformerei ciò che si vede sempre nell'header aggiungendo anche Home».
   One header for every page of vucia.ai (IT and EN), whatever stylesheet the page uses.
   Everything is namespaced under .vh so the page styles cannot change it. */
.vh{position:sticky;top:0;z-index:90;background:rgba(247,247,245,.92);border-bottom:1px solid rgba(17,19,23,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}
.vh *{box-sizing:border-box}
.vh-in{width:min(1240px,calc(100% - 48px));margin:0 auto;height:76px;display:flex;align-items:center;gap:28px}
.vh.vh-g80 .vh-in{width:min(1240px,calc(100% - 80px))}
.vh a{text-decoration:none}
.vh-logo{display:flex;align-items:center;flex:none}
.vh-logo img{display:block;width:146px;height:36px}
.vh-links{display:flex;align-items:center;gap:26px;margin:0 auto}
.vh a.vh-link,.vh-drop>summary{color:#5f6672;font-size:14px;font-weight:500;padding:8px 0;cursor:pointer;transition:color .15s ease;white-space:nowrap}
.vh a.vh-link:hover,.vh-drop>summary:hover,.vh a.vh-link[aria-current="page"],.vh-drop.is-current>summary{color:#111317}
.vh a.vh-link[aria-current="page"],.vh-drop.is-current>summary{font-weight:700}
.vh-drop{position:relative}
.vh-drop>summary{list-style:none;display:flex;align-items:center;gap:6px}
.vh-drop>summary::-webkit-details-marker{display:none}
.vh-drop>summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.vh-drop[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.vh-menu{position:absolute;left:-18px;top:calc(100% + 12px);min-width:290px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(17,19,23,.08);box-shadow:0 24px 60px rgba(17,19,23,.14);display:flex;flex-direction:column}
.vh-menu a{display:block;padding:10px 12px;border-radius:10px;color:#111317;font-size:14px;font-weight:600}
.vh-menu a:hover,.vh-menu a[aria-current="page"]{background:#eef6f5;color:#1f7f73}
.vh-menu small{display:block;padding:12px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a919b}
.vh-acts{display:flex;align-items:center;gap:12px;flex:none}
.vh a.vh-lang{color:#7a818c;font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 2px}
.vh a.vh-lang:hover{color:#111317}
.vh-sep{width:1px;height:22px;background:rgba(17,19,23,.12)}
.vh a.vh-login{color:#111317;font-size:14px;font-weight:760;padding:8px 2px}
.vh a.vh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border-radius:999px;font-size:14px;font-weight:760;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.vh a.vh-btn:hover{transform:translateY(-1px)}
.vh a.vh-demo{background:#ebecea;color:#111317}
.vh a.vh-cta{background:#111317;color:#fff}
.vh-toggle{display:none;width:44px;height:44px;margin-left:auto;border:1px solid rgba(17,19,23,.12);border-radius:50%;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.vh-toggle span{display:block;width:16px;height:1.6px;background:#111317;transition:transform .2s ease}
.vh.open .vh-toggle span:first-child{transform:translateY(3.3px) rotate(45deg)}
.vh.open .vh-toggle span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.vh a:focus-visible,.vh summary:focus-visible,.vh-toggle:focus-visible{outline:2px solid #2a9d8f;outline-offset:3px;border-radius:8px}
@media(max-width:1180px){.vh-in{gap:20px}.vh-links{gap:20px}.vh a.vh-demo{display:none}}
@media(max-width:980px){
  .vh-in{height:68px}
  .vh-toggle{display:flex}
  .vh-panel{display:none;position:fixed;left:0;right:0;top:68px;max-height:calc(100vh - 68px);overflow:auto;background:#f7f7f5;border-bottom:1px solid rgba(17,19,23,.08);box-shadow:0 24px 40px rgba(17,19,23,.10);padding:12px 24px 24px}
  .vh.open .vh-panel{display:block}
  .vh-links{flex-direction:column;align-items:stretch;gap:0;margin:0}
  .vh a.vh-link,.vh-drop>summary{display:flex;font-size:17px;font-weight:600;color:#111317;padding:14px 0;border-bottom:1px solid rgba(17,19,23,.07)}
  .vh-drop>summary{justify-content:space-between}
  .vh-menu{position:static;min-width:0;box-shadow:none;border:0;background:transparent;padding:4px 0 8px}
  .vh-menu a{padding:10px 8px;font-size:15px;font-weight:500;color:#3d434c}
  .vh-acts{flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
  .vh-sep{display:none}
  .vh a.vh-btn,.vh a.vh-demo{display:flex;min-height:50px}
  .vh a.vh-login{text-align:center;padding:10px}
  .vh a.vh-lang{text-align:center;font-size:13px}
}
@media(min-width:981px){.vh-panel{display:contents}}
@media(max-width:520px){.vh-in{width:calc(100% - 32px)}.vh.vh-g80 .vh-in{width:calc(100% - 32px)}.vh-panel{padding:8px 16px 20px}}
@media(prefers-reduced-motion:reduce){.vh *{transition:none!important}}
/* 14/10 Maurizio: «collega dal sito i social con Instagram e LinkedIn con le icone» (end of every footer) */
.vs-social{display:flex;align-items:center;gap:10px;width:min(1240px,calc(100% - 48px));margin:24px auto 0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;color:inherit}
.vs-social span{opacity:.7;margin-right:4px}
.vs-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(127,127,127,.4);color:inherit;opacity:.85;text-decoration:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease}
.vs-social a:hover{opacity:1;background:rgba(42,157,143,.14);border-color:#2a9d8f}
.vs-social a:focus-visible{outline:2px solid #2a9d8f;outline-offset:3px}
.vs-social-page{margin:36px auto 44px;color:#4b525c}
@media(max-width:780px){.vs-social{justify-content:center}}
/* the chat button in Vucìa teal on every page (it was only on the home) */
#chatToggle img{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='31' fill='%232a9d8f'/%3E%3Cpath d='M19 20h26a5 5 0 0 1 5 5v13a5 5 0 0 1-5 5H31l-8 7v-7h-4a5 5 0 0 1-5-5V25a5 5 0 0 1 5-5z' fill='%23fff'/%3E%3Ccircle cx='25' cy='31.5' r='2.6' fill='%232a9d8f'/%3E%3Ccircle cx='32' cy='31.5' r='2.6' fill='%232a9d8f'/%3E%3Ccircle cx='39' cy='31.5' r='2.6' fill='%232a9d8f'/%3E%3C/svg%3E")}
/* 14/10 Maurizio: «il footer deve essere uguale in tutte le pagine» — one dark footer everywhere (namespace .vf) */
.vf{background:#0d0f12;color:#fff;margin:0;border:0;padding:64px 0 28px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left}
.vf *{box-sizing:border-box}
.vf-in{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr 1.35fr 1.1fr;gap:40px}
.vf a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;font-weight:450}
.vf a:hover{color:#fff}
.vf a:focus-visible{outline:2px solid #2a9d8f;outline-offset:3px;border-radius:4px}
.vf-logo{display:inline-block}.vf-logo img{display:block;width:146px;height:36px}
.vf-brand p{margin:14px 0 0;padding:0;color:rgba(255,255,255,.62);font-size:16px;max-width:300px}
.vf-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.vf-col b{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 4px}
.vf-col b.vf-sub{margin-top:12px;color:rgba(255,255,255,.5)}
.vf-contact span{color:rgba(255,255,255,.62);font-size:15px}
.vf-bottom{width:min(1240px,calc(100% - 48px));margin:48px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}
.vf-bottom a{font-size:13px;color:rgba(255,255,255,.66)}
.vf-bottom nav{display:flex;gap:18px}
.vf .vs-social{width:auto;margin:22px 0 0;color:#fff}
.vf .vs-social a{color:#fff;font-size:0}
@media(max-width:980px){.vf-in{grid-template-columns:1fr 1fr;gap:36px 28px}}
@media(max-width:640px){.vf{padding:48px 0 104px;text-align:center}.vf-in{grid-template-columns:1fr;gap:30px}.vf-brand{display:flex;flex-direction:column;align-items:center}.vf-brand p{max-width:none}.vf-col{align-items:center}.vf-bottom{flex-direction:column;text-align:center}.vf .vs-social{justify-content:center}}