/* WEEVO - l'ufficio 3D: Rita accompagna il visitatore dentro l'azienda.
 *
 * Tutto sta sotto .weevo-ufficio: niente di qui tocca il resto del sito.
 *
 * Tre strati sopra la scena 3D (.wu-scena, il canvas lo mette ufficio.js):
 * - l'apertura, con il titolo e "Entra con Rita", finche' non si entra;
 * - la guida: il reparto in alto a sinistra, l'interruttore dell'IA in alto
 *   a destra, il pannello di Rita in basso;
 * - le tappe in fila (.wu-tappe), che si leggono quando la scena non c'e'
 *   (niente script, niente WebGL). Con la scena pronta (.wu-pronta) spariscono:
 *   lo stesso testo lo dice il pannello.
 *
 * I colori sono quelli di Rita: turchese su fondo petrolio.
 */

.weevo-ufficio{
  --wu-fondo:#04252a;
  --wu-turchese:#14b2bb;
  --wu-chiaro:#66d2da;
  --wu-tenue:rgb(200 236 239 / .78);
  --wu-vetro:rgb(4 30 35 / .82);
  --wu-bordo:rgb(102 210 218 / .28);
  --wu-alto:clamp(84px,11vh,112px);
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--wu-fondo);color:#ECFAFB;
  font-family:var(--f-corpo,"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif);
  font-size:16px;line-height:1.5;
}
.weevo-ufficio *,.weevo-ufficio *::before,.weevo-ufficio *::after{box-sizing:border-box}
.weevo-ufficio button{font:inherit;color:inherit;cursor:pointer}
.weevo-ufficio :focus-visible{outline:3px solid var(--wu-chiaro);outline-offset:3px;border-radius:6px}

/* Con la scena: una schermata intera. */
.weevo-ufficio.wu-pronta{height:100vh;height:100svh;min-height:560px}
.weevo-ufficio .wu-scena{position:absolute;inset:0;z-index:0}
.weevo-ufficio .wu-scena canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
.weevo-ufficio:not(.wu-pronta) .wu-scena{display:none}
/* La testata del sito sta sopra la scena, trasparente: sulle pareti chiare non si leggerebbe. */
.weevo-ufficio.wu-pronta::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--wu-alto) + 50px);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgb(4 37 42 / .92) 0,rgb(4 37 42 / .6) 55%,rgb(4 37 42 / 0) 100%)}

/* ---- L'apertura -------------------------------------------------------- */

.weevo-ufficio .wu-apertura{position:relative;z-index:2;max-width:640px;
  padding:calc(var(--wu-alto) + 4vh) var(--gutter,clamp(16px,4vw,48px)) 48px}
.weevo-ufficio.wu-pronta .wu-apertura{position:absolute;inset:0;max-width:none;display:flex;flex-direction:column;justify-content:center;
  padding-right:max(var(--gutter,clamp(16px,4vw,48px)),calc(100% - 720px));
  background:linear-gradient(90deg,rgb(4 37 42 / .94) 0,rgb(4 37 42 / .78) 38%,rgb(4 37 42 / 0) 72%);
  transition:opacity .8s ease,visibility .8s}
.weevo-ufficio.wu-dentro .wu-apertura{opacity:0;visibility:hidden;pointer-events:none}
.weevo-ufficio .wu-etichetta{margin:0 0 14px;color:var(--wu-chiaro);font:500 13px/1.3 var(--f-mono,"IBM Plex Mono",ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase}
.weevo-ufficio .wu-titolo{margin:0 0 18px;font-family:var(--f-display,"Archivo","Arial Narrow",sans-serif);font-weight:800;font-variation-settings:"wdth" 80;font-stretch:80%;
  font-size:clamp(40px,6.4vw,92px);line-height:.92;letter-spacing:-.015em;text-transform:uppercase;color:#FFFFFF}
.weevo-ufficio .wu-sotto{margin:0 0 30px;max-width:520px;color:var(--wu-tenue);font-size:clamp(16px,1.25vw,19px)}
.weevo-ufficio .wu-entra{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;align-self:flex-start;
  padding:15px 26px;border:0;border-radius:999px;background:var(--wu-turchese);color:#02171A;font-weight:600;font-size:17px;
  box-shadow:0 0 0 0 rgb(20 178 187 / .55);transition:background .25s ease,transform .25s ease}
.weevo-ufficio .wu-entra:not([disabled]){animation:wu-respiro 2.4s ease-in-out infinite}
.weevo-ufficio .wu-entra:not([disabled]):hover{background:var(--wu-chiaro);transform:translateY(-2px)}
.weevo-ufficio .wu-entra[disabled]{cursor:progress;background:rgb(20 178 187 / .35);color:#ECFAFB}
.weevo-ufficio .wu-carica{font-size:12px;font-weight:400;opacity:.85}
.weevo-ufficio .wu-entra:not([disabled]) .wu-carica{display:none}
.weevo-ufficio:not(.wu-pronta) .wu-entra{display:none}
.weevo-ufficio .wu-senza-3d{margin:0;color:var(--wu-chiaro)}
@keyframes wu-respiro{50%{box-shadow:0 0 0 12px rgb(20 178 187 / 0)}}

/* ---- La guida ---------------------------------------------------------- */

.weevo-ufficio .wu-guida{position:absolute;inset:0;z-index:3;pointer-events:none}
.weevo-ufficio .wu-guida > *{pointer-events:auto}
.weevo-ufficio .wu-reparto{position:absolute;left:var(--gutter,24px);top:var(--wu-alto);margin:0;display:flex;align-items:center;gap:10px;
  padding:9px 16px;border-radius:999px;background:var(--wu-vetro);border:1px solid var(--wu-bordo);backdrop-filter:blur(8px);
  font:500 13px/1 var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase}
.weevo-ufficio .wu-punto{width:8px;height:8px;border-radius:50%;background:var(--wu-turchese);box-shadow:0 0 10px var(--wu-turchese)}
.weevo-ufficio .wu-interruttore{position:absolute;right:var(--gutter,24px);top:var(--wu-alto);display:flex;align-items:center;gap:12px;
  padding:8px 18px 8px 8px;border-radius:999px;border:1px solid var(--wu-bordo);background:var(--wu-vetro);backdrop-filter:blur(8px);font-size:14px;font-weight:600}
.weevo-ufficio .wu-leva{position:relative;width:46px;height:26px;border-radius:999px;background:rgb(255 255 255 / .16);transition:background .3s ease}
.weevo-ufficio .wu-leva::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#FFFFFF;transition:transform .3s ease}
.weevo-ufficio[data-ia="accesa"] .wu-leva{background:var(--wu-turchese)}
.weevo-ufficio[data-ia="accesa"] .wu-leva::after{transform:translateX(20px)}
.weevo-ufficio .wu-gira{position:absolute;right:var(--gutter,24px);top:calc(var(--wu-alto) + 54px);margin:0;font-size:12px;color:var(--wu-tenue);
  pointer-events:none;transition:opacity .6s ease}
.weevo-ufficio .wu-gira.wu-visto{opacity:0}

/* Il pannello di Rita. */
.weevo-ufficio .wu-pannello{position:absolute;left:var(--gutter,24px);bottom:24px;width:min(460px,calc(100% - 2 * var(--gutter,24px)));
  max-height:calc(100% - var(--wu-alto) - 90px);overflow:auto;padding:22px 24px 20px;border-radius:20px;
  background:var(--wu-vetro);border:1px solid var(--wu-bordo);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgb(0 0 0 / .35);
  transition:opacity .35s ease,transform .35s ease}
.weevo-ufficio .wu-pannello.wu-cammina{opacity:.0;transform:translateY(12px)}
.weevo-ufficio .wu-p-tappa{margin:0 0 6px;color:var(--wu-chiaro);font:500 12px/1.3 var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
.weevo-ufficio .wu-p-titolo{margin:0 0 10px;font-family:var(--f-display,"Archivo",sans-serif);font-weight:800;font-variation-settings:"wdth" 84;font-stretch:84%;
  font-size:clamp(24px,2.2vw,30px);line-height:1;text-transform:uppercase;color:#FFFFFF}
.weevo-ufficio .wu-p-rita{margin:0 0 12px;font-size:16px;color:#FFFFFF}
.weevo-ufficio .wu-p-rita::before{content:"Rita";display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;background:var(--wu-turchese);color:#02171A;
  font:600 11px/18px var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.weevo-ufficio .wu-p-stato{margin:14px 0 4px;font:600 12px/1.3 var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:#FFB4A2}
.weevo-ufficio[data-ia="accesa"] .wu-p-stato{color:var(--wu-chiaro)}
.weevo-ufficio .wu-p-testo{margin:0;color:var(--wu-tenue);font-size:15px}
.weevo-ufficio .wu-p-cifra{margin:12px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.weevo-ufficio .wu-p-cifra strong{font-family:var(--f-display,"Archivo",sans-serif);font-weight:800;font-size:34px;line-height:1;color:#FFB4A2}
.weevo-ufficio .wu-p-cifra span{font-size:13px;color:var(--wu-tenue)}
.weevo-ufficio .wu-p-app{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgb(20 178 187 / .14);border:1px solid var(--wu-bordo);font-size:14px;color:var(--wu-tenue)}
.weevo-ufficio .wu-p-app strong{display:block;color:#FFFFFF;font-size:15px}
.weevo-ufficio .wu-p-accendi{margin-top:14px;padding:9px 16px;border-radius:999px;border:1px solid var(--wu-turchese);background:transparent;color:var(--wu-chiaro);font-weight:600;font-size:14px}
.weevo-ufficio .wu-p-accendi:hover{background:var(--wu-turchese);color:#02171A}
.weevo-ufficio .wu-p-fine{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.weevo-ufficio .wu-p-fine a{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none}
.weevo-ufficio .wu-p-fine a.wu-pieno{background:var(--wu-turchese);color:#02171A}
.weevo-ufficio .wu-p-fine a.wu-linea{border:1px solid var(--wu-bordo);color:#FFFFFF}
.weevo-ufficio .wu-p-fine a:hover{filter:brightness(1.12)}
.weevo-ufficio .wu-p-prossimo{margin:12px 0 0;font-size:13px;color:var(--wu-tenue)}
.weevo-ufficio .wu-p-nav{margin-top:18px;display:flex;align-items:center;gap:10px}
.weevo-ufficio .wu-p-nav button{white-space:nowrap;padding:10px 18px;border-radius:999px;border:1px solid var(--wu-bordo);background:transparent;font-weight:600;font-size:15px}
.weevo-ufficio .wu-p-nav .wu-avanti{margin-left:auto;background:#FFFFFF;border-color:#FFFFFF;color:#02171A}
.weevo-ufficio .wu-p-nav button:hover{border-color:var(--wu-chiaro)}
.weevo-ufficio .wu-p-nav button[disabled]{opacity:.35;cursor:default}
.weevo-ufficio .wu-p-punti{display:flex;gap:4px;flex:1;justify-content:center;flex-wrap:wrap;min-width:0}
.weevo-ufficio .wu-p-punti i{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .25)}
.weevo-ufficio .wu-p-punti i.wu-qui{background:var(--wu-turchese);width:14px;border-radius:4px}

/* ---- Le tappe in fila (senza scena) ------------------------------------ */

.weevo-ufficio .wu-tappe{position:relative;z-index:2;margin:0;padding:0 var(--gutter,clamp(16px,4vw,48px)) 40px;list-style:none;
  display:grid;gap:22px;max-width:760px}
.weevo-ufficio.wu-pronta .wu-tappe,.weevo-ufficio.wu-pronta .wu-crediti-fila{display:none}
.weevo-ufficio .wu-tappa{padding:22px 24px;border-radius:18px;background:rgb(255 255 255 / .05);border:1px solid var(--wu-bordo)}
.weevo-ufficio .wu-tappa h2{margin:0 0 8px;font-family:var(--f-display,"Archivo",sans-serif);font-weight:800;font-size:24px;text-transform:uppercase;color:#FFFFFF}
.weevo-ufficio .wu-tappa h3{margin:14px 0 2px;font:600 12px/1.3 var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--wu-chiaro)}
.weevo-ufficio .wu-tappa p{margin:0;color:var(--wu-tenue)}
.weevo-ufficio .wu-tappa .wu-rita{color:#FFFFFF}
.weevo-ufficio .wu-cta{color:var(--wu-chiaro);font-weight:600}
.weevo-ufficio .wu-crediti{position:relative;z-index:2;margin:0;padding:0 var(--gutter,clamp(16px,4vw,48px)) 28px;font-size:12px;color:rgb(200 236 239 / .5)}
.weevo-ufficio.wu-pronta .wu-crediti{position:absolute;right:var(--gutter,24px);bottom:10px;padding:0;z-index:3;text-align:right;max-width:46%}

/* ---- Telefono ---------------------------------------------------------- */

@media (max-width:760px){
  .weevo-ufficio{--wu-alto:76px}
  .weevo-ufficio.wu-pronta .wu-apertura{justify-content:flex-end;padding-bottom:12vh;
    background:linear-gradient(0deg,rgb(4 37 42 / .96) 0,rgb(4 37 42 / .82) 50%,rgb(4 37 42 / .1) 85%)}
  .weevo-ufficio .wu-reparto{font-size:11px;padding:8px 12px}
  .weevo-ufficio .wu-interruttore{font-size:12px;padding:6px 12px 6px 6px}
  .weevo-ufficio .wu-gira{display:none}
  .weevo-ufficio .wu-pannello{left:10px;right:10px;bottom:10px;width:auto;max-height:52%;padding:16px 18px 14px;border-radius:16px}
  .weevo-ufficio .wu-p-titolo{font-size:22px}
  .weevo-ufficio .wu-p-rita{font-size:15px}
  .weevo-ufficio .wu-p-testo{font-size:14px}
  .weevo-ufficio.wu-pronta .wu-crediti{display:none}
}

@media (prefers-reduced-motion:reduce){
  .weevo-ufficio .wu-entra:not([disabled]){animation:none}
  .weevo-ufficio .wu-pannello,.weevo-ufficio .wu-apertura{transition:none}
}

/* ---- Schermo intero (9/11/2026) ----------------------------------------- */
/* Con la scena la pagina non scorre: la rotella e le due dita sono lo zoom dell'ufficio, e il piede
   del sito non c'e' (la pagina non e' nelle condizioni del piede, e qui lo si nasconde comunque).
   Senza scena (niente WebGL) la pagina scorre come le altre, con le tappe in fila. */
html:has(.weevo-ufficio.wu-pronta),body:has(.weevo-ufficio.wu-pronta){overflow:hidden;overscroll-behavior:none;height:100%}
body:has(.weevo-ufficio.wu-pronta) .elementor-location-footer{display:none}
.weevo-ufficio.wu-pronta{height:100vh;height:100dvh}
.weevo-ufficio.wu-dentro .wu-crediti{display:none}

/* ---- La voce di Rita: la spunta, Parla con Rita, i sottotitoli ---------- */

.weevo-ufficio .wu-consenso{display:block;margin-top:16px;max-width:520px;font-size:12px;line-height:1.45;color:var(--wu-tenue);cursor:pointer}
.weevo-ufficio .wu-consenso input{accent-color:var(--wu-turchese);width:16px;height:16px;vertical-align:-3px;margin:0 6px 0 0}
.weevo-ufficio .wu-consenso a{color:var(--wu-chiaro)}
.weevo-ufficio:not(.wu-pronta) .wu-consenso{display:none}
.weevo-ufficio .wu-voce{position:absolute;right:var(--gutter,24px);bottom:24px;width:min(340px,calc(100% - 2 * var(--gutter,24px)));
  padding:14px 16px;border-radius:18px;background:var(--wu-vetro);border:1px solid var(--wu-bordo);backdrop-filter:blur(12px);
  display:grid;gap:8px;box-shadow:0 20px 50px rgb(0 0 0 / .3)}
.weevo-ufficio .wu-voce .wu-consenso{margin:0;font-size:11px;max-height:9.5em;overflow:auto}
.weevo-ufficio.wu-in-linea .wu-voce .wu-consenso{display:none}
.weevo-ufficio .wu-sottotitolo{margin:0;font-size:14px;color:#FFFFFF}
.weevo-ufficio .wu-sottotitolo:empty,.weevo-ufficio .wu-stato:empty{display:none}
.weevo-ufficio .wu-sottotitolo b{color:var(--wu-chiaro);font-weight:600}
.weevo-ufficio .wu-stato{margin:0;font-size:12px;color:var(--wu-tenue)}
.weevo-ufficio .wu-stato a{color:var(--wu-chiaro)}
.weevo-ufficio .wu-voce-pulsanti{display:flex;gap:8px}
.weevo-ufficio .wu-parla,.weevo-ufficio .wu-chiudi{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:15px}
.weevo-ufficio .wu-parla{border:0;background:var(--wu-turchese);color:#02171A}
.weevo-ufficio .wu-parla:hover{background:var(--wu-chiaro)}
.weevo-ufficio .wu-chiudi{border:1px solid var(--wu-bordo);background:transparent}
.weevo-ufficio .wu-parla svg,.weevo-ufficio .wu-chiudi svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.weevo-ufficio .wu-parla[hidden],.weevo-ufficio .wu-chiudi[hidden]{display:none}
.weevo-ufficio.wu-in-linea .wu-voce{border-color:var(--wu-turchese)}

@media (max-width:760px){
  .weevo-ufficio .wu-voce{left:10px;right:10px;width:auto;top:calc(var(--wu-alto) + 52px);bottom:auto;padding:10px 12px;gap:6px}
  .weevo-ufficio .wu-voce .wu-consenso{max-height:5.8em}
  .weevo-ufficio .wu-parla,.weevo-ufficio .wu-chiudi{padding:8px 14px;font-size:14px}
}

/* ---- La mappa (9/11/2026): sotto il nome del reparto ---------------------- */
.weevo-ufficio .wu-mappa{position:absolute;left:var(--gutter,24px);top:calc(var(--wu-alto) + 46px);width:230px;height:138px;
  border-radius:12px;background:var(--wu-vetro);border:1px solid var(--wu-bordo);backdrop-filter:blur(8px);cursor:pointer}
@media (max-width:760px){
  .weevo-ufficio .wu-mappa{width:150px;height:90px;top:calc(var(--wu-alto) + 40px)}
  .weevo-ufficio .wu-voce{top:calc(var(--wu-alto) + 40px);left:170px}
}