/* 27/10/2026 · Header, footer and chat button of the new vucia.ai (approved draft v16).
   One shell for every page (new and old, IT and EN): everything is namespaced under
   .v27h / .v27f / .v27w so the older page stylesheets cannot change it. */
.v27h,.v27f,.v27w{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
.v27h *,.v27f *,.v27w *{box-sizing:border-box}
.v27h a,.v27f a{color:inherit;text-decoration:none}
.v27h a:focus-visible,.v27h button:focus-visible,.v27h summary:focus-visible,.v27f a:focus-visible,.v27w:focus-visible{outline:3px solid #2A9D8F;outline-offset:3px}

/* header */
.v27h{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(247,247,245,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #E2E5E9;color:#111317;font-size:16px}
.v27h-in{max-width:1240px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:20px;min-height:64px;position:relative}
.v27h-logo{width:100px;color:#111317;display:block;flex:none}.v27h-logo svg{display:block;width:100%;height:auto}
.v27h-links{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:14px;color:#2A2E36}
.v27h-links>a:hover,.v27h-dd>button:hover{color:#1F7F73}
.v27h-links>a[aria-current="page"]{color:#111317;font-weight:700}
.v27h-dd{position:relative}
.v27h-dd>button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;margin:0}
.v27h-dd>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.v27h-ddm{position:absolute;top:calc(100% + 12px);left:-16px;min-width:320px;white-space:nowrap;background:#fff;border:1px solid #E2E5E9;border-radius:16px;padding:8px;box-shadow:0 18px 40px rgba(17,19,23,.12);display:none;flex-direction:column}
.v27h-ddm::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.v27h-dd:hover .v27h-ddm,.v27h-dd:focus-within .v27h-ddm,.v27h-dd.open .v27h-ddm{display:flex}
.v27h-ddm a{padding:9px 12px;border-radius:10px;color:#111317}.v27h-ddm a:hover,.v27h-ddm a[aria-current="page"]{background:#E4F4F1;color:#1F7F73}
.v27h-flag{width:22px;height:15px;border-radius:3px;display:inline-block;vertical-align:-2px;box-shadow:0 0 0 1px rgba(17,19,23,.12);flex:none}
.v27h-lang .v27h-ddm{min-width:180px;left:auto;right:-10px}.v27h-lang .v27h-ddm a{display:flex;gap:10px;align-items:center}
.v27h-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #111317;background:#111317;color:#F7F7F5!important;font:700 14px/1 "Inter",ui-sans-serif,system-ui,sans-serif;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.v27h-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.v27h-burger{display:none;margin-left:6px}
.v27h-burger summary{list-style:none;cursor:pointer;width:42px;height:42px;border:1px solid #E2E5E9;border-radius:12px;display:grid;place-content:center;gap:4px;background:#fff}
.v27h-burger summary::-webkit-details-marker{display:none}
.v27h-burger summary span{display:block;width:18px;height:2px;background:#111317;border-radius:2px}
.v27h-bm{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #E2E5E9;padding:10px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;max-height:75vh;overflow:auto;box-shadow:0 20px 40px rgba(17,19,23,.1)}
.v27h-bm b{grid-column:1/-1;margin-top:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#1F7F73}
.v27h-bm a{padding:8px 0;font-size:15px;display:flex;gap:8px;align-items:center;min-width:0}
@media (max-width:1060px){.v27h-links{display:none}.v27h-btn{margin-left:auto}.v27h-burger{display:block}}
@media (max-width:420px){.v27h-btn{padding:0 12px;font-size:13px}.v27h-bm{grid-template-columns:1fr}}

/* footer */
.v27f{background:#111317;color:#A3AAB5;padding-block:36px;font-size:14px}
.v27f-in{max-width:1240px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.v27f-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:22px}
@media (max-width:900px){.v27f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.v27f-grid{grid-template-columns:1fr}}
.v27f h4{margin:0 0 10px;color:#fff;font-size:14px;font-weight:600;letter-spacing:0}
.v27f ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.v27f p{margin:10px 0 0;color:#A3AAB5}
.v27f a:hover{color:#fff}
.v27f-logo{width:110px;color:#fff;display:block}
.v27f-social{display:flex;gap:10px;margin-top:14px}.v27f-social a{width:36px;height:36px;border-radius:50%;border:1px solid #2A2F37;display:grid;place-items:center}
.v27f-legal{margin-top:24px;padding-top:18px;border-top:1px solid #2A2F37;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}

/* chat button: opens the real Vucìa widget (#chatToggle) */
.v27w{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;align-items:center;gap:10px;background:#111317;color:#fff;border:0;border-radius:999px;padding:6px 16px 6px 6px;font:700 14px/1.2 "Inter",ui-sans-serif,system-ui,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.25);cursor:pointer}
.v27w-dot{width:40px;height:40px;border-radius:50%;background:#1F7F73;display:grid;place-items:center;font-weight:700}
.v27w-dot svg{width:20px;height:20px}
@media (max-width:560px){.v27w{padding:5px}.v27w-lbl{display:none}}
body.v27-chat-open .v27w{display:none}
/* the real launcher stays in the page (it is what the button clicks) but is not drawn twice */
body.v27-has-w #chatToggle{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}
.v27-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:70;max-width:min(92vw,420px);background:#111317;color:#fff;border-radius:14px;padding:12px 16px;font:500 14px/1.4 "Inter",ui-sans-serif,system-ui,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.v27-toast a{color:#7ADBCF;font-weight:600}