/* Na.Pa / Luce viva. Palette e superfici condivise, senza risorse esterne. */
:root{--verde:#119814;--inchiostro:#103d30;--secondario:#52675c;--fondo:#f0f3eb;--bordo:#d7e0d4;--chiaro:#e2efce;--lime:#dbfa9c;--bosco:#092c25;--avorio:#f4f4e9;--curva:cubic-bezier(.22,.68,.16,1)}
html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;background:radial-gradient(ellipse at 100% 0,#d9edc7,transparent 43%),var(--fondo)}::selection{background:var(--lime);color:var(--bosco)}
button,.pulsante{transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--curva);border-radius:50px;background:var(--bosco);font-size:15px;font-weight:600;padding:14px 23px;letter-spacing:-.02em}button:hover,.pulsante:hover{filter:none;background:#14533c;box-shadow:0 7px 22px #092c251c;transform:translateY(-2px)}button:active,.pulsante:active{transform:translateY(0)}button:disabled{transform:none;box-shadow:none}button.secondario,.pulsante.secondario{background:transparent;border-color:#b8cbb7}button.secondario:hover,.pulsante.secondario:hover{background:var(--chiaro)}button.testo:hover{box-shadow:none;background:transparent}button.pericolo:hover{background:#ffe1dc}:focus-visible{outline:3px solid #49951b;outline-offset:5px}
h1,h2,h3{font-weight:500;letter-spacing:-.065em}h1{line-height:1.04}h2{font-size:clamp(1.75rem,3vw,2.2rem)}h3{letter-spacing:-.035em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.occhiello{letter-spacing:.15em;font-size:10px;font-weight:600}.marchio{font-size:30px;letter-spacing:-1.7px;font-weight:650;gap:9px}.simbolo{color:var(--verde);line-height:1;font-size:46px}.sottologo{letter-spacing:2.6px;font-size:8px;font-weight:500}.testata{max-width:1248px;padding:25px 32px}body:not(.portale):not(.gestionale) .testata{border-bottom:1px solid var(--bordo)}main{max-width:1184px;margin-top:32px}.intro{line-height:1.6;letter-spacing:-.02em}.chip,.etichetta{border:1px solid #d1e1c0;background:#e7efdc;font-size:10px;padding:5px 10px}.banner{background:#e7eddb;color:#526644;font-size:9px;font-weight:500;padding:5px 15px;letter-spacing:.13em}
.scheda,.voce{border-radius:24px;background:#ffffffc9;border-color:#d5dfd0;box-shadow:0 3px 3px #113d2f02;transition:box-shadow .3s,border-color .3s}.scheda:hover{border-color:#acc5a0;box-shadow:0 8px 35px #1a4c2a08}.scheda .numero{font-weight:500;font-size:3.4rem;line-height:1.2;letter-spacing:-.075em;margin-bottom:15px}.scheda .prezzo{letter-spacing:-.06em;font-size:2.8rem}.scheda .occhiello{color:#526f4b}input,select,textarea{background:#fcfdf8;border-radius:13px;border-color:#c6d4c0;transition:border-color .2s,box-shadow .2s;font-size:16px}input:focus,select:focus,textarea:focus{border-color:#2a6a29;box-shadow:0 0 0 4px #91bc6325;outline:0}label{font-size:13px;letter-spacing:-.015em}.slot{background:white;border-radius:13px;min-width:65px;color:var(--bosco);font-size:14px}.slot:hover{background:#e2efce;color:var(--bosco)}.slot[aria-pressed=true]{background:var(--bosco);color:var(--lime);border-color:var(--bosco)}
.navigazione{background:#092c25ed;backdrop-filter:blur(18px);border:1px solid #ffffff26;border-radius:50px;max-width:590px;padding:8px;box-shadow:0 15px 50px #092c2530}.navigazione a{color:#dbe5d7;border-radius:40px;padding:4px;font-size:23px;transition:background .25s,color .25s}.navigazione a span{font-size:10px;letter-spacing:.02em}.navigazione a[aria-current=page]{background:var(--lime);color:var(--bosco)}.navigazione a:hover{background:#ffffff1f}.navigazione a[aria-current=page]:hover{background:var(--lime)}dialog{background:var(--avorio);border:1px solid #ffffff90;box-shadow:0 30px 150px #031c1f50;border-radius:30px}dialog::backdrop{background:#06282085;backdrop-filter:blur(12px)}
/* Tela decorativa. Il contenuto resta disponibile anche senza WebGL. */
.liquido{position:relative;isolation:isolate;overflow:hidden;background:#092c25}.tela-liquida{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none}.alone-liquido{position:absolute;inset:16%;border-radius:48% 52% 40% 60%;background:radial-gradient(ellipse at 28% 22%,#efffd2,#bce58a 20%,#217b45 43%,#092c25 63%);filter:blur(2px);box-shadow:35px 0 70px #a5e95225;transform:rotate(-24deg)}.liquido.pronto .alone-liquido{opacity:0}.orbita-luce{position:absolute;inset:18% 6%;border:1px solid #dbfa9c2b;border-radius:50%;transform:rotate(-31deg);z-index:2;pointer-events:none}.orbita-luce::after{content:'';position:absolute;left:9%;top:14%;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px #dbfa9c;animation:pulsazione 5s ease-in-out infinite}.didascalia-luce{position:absolute;z-index:3;left:10%;bottom:12%;color:#d4e4c1;letter-spacing:.2em;font-size:8px}.indice-luce{position:absolute;z-index:3;top:12%;right:9%;font-size:10px;letter-spacing:.2em;color:#b9d39e}.controllo-movimento{border:1px solid #d7efbb40;background:transparent!important;color:#c1d4b6;font-size:10px;letter-spacing:.03em;padding:8px 12px;z-index:4;box-shadow:none!important;display:flex;align-items:center;gap:7px;min-height:33px}.controllo-movimento:hover{color:var(--lime);border-color:#dbfa9c}.movimento-fermo *,.movimento-fermo *::before,.movimento-fermo *::after{animation-play-state:paused!important}
/* Ingresso immersivo ai due spazi. */
body.portale{background:var(--bosco);color:var(--avorio);font-size:16px}.portale .testata{max-width:1376px;padding:28px 48px}.portale .marchio{color:var(--avorio)}.portale .simbolo{color:var(--lime)}.menu-portale{display:flex;gap:36px;font-size:13px}.menu-portale a{color:#e0e9d8;text-decoration:none}.menu-portale a:hover{color:var(--lime)}.stato-luce{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;color:#bccead}.stato-luce i{height:5px;width:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #dbfa9c70}.portale main{max-width:1376px;padding:0 48px;margin:0 auto;min-height:0}
.presentazione{position:relative;min-height:680px;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;margin-bottom:50px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center}.testo-presentazione{position:relative;z-index:3;padding:50px 0 80px;pointer-events:none}.testo-presentazione a{pointer-events:auto}.presentazione .occhiello{display:flex;align-items:center;gap:10px;color:#b5ca9f;font-size:9px;letter-spacing:.16em;margin-bottom:34px}.tratto{display:block;width:25px;height:1px;background:var(--lime)}.presentazione h1{font-size:clamp(4.3rem,7.8vw,7.3rem);line-height:.98;letter-spacing:-.085em;font-weight:400;margin-bottom:26px;white-space:nowrap}.presentazione h1 em{color:var(--lime);font-size:1.16em;line-height:.8;letter-spacing:-.065em}.presentazione .intro{font-size:15px;color:#b7c9af;max-width:360px;margin:29px 0}.portale .invito-luce{color:var(--bosco);background:var(--lime);padding:17px 23px;display:inline-flex;align-items:center;gap:35px;border:1px solid var(--lime)}.invito-luce span{font-size:23px;line-height:1}.portale .invito-luce:hover{background:#edffc8;box-shadow:0 0 35px #dbfa9c25}.coordinate{display:flex;gap:26px;margin-top:50px;font:8px/1.5 ui-monospace,monospace;color:#8caa90;letter-spacing:.06em}.scultura-luce{position:absolute;width:61%;right:-5%;height:100%;top:0;background:transparent}.scultura-luce .alone-liquido{inset:22% 14%}.presentazione .controllo-movimento{position:absolute;right:20px;bottom:66px}.bordo-eroe{position:absolute;bottom:19px;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#9bb292;z-index:4}
.riga-sezione{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.riga-sezione .occhiello{color:#c4d1b7;margin:0;font-size:9px}.riga-sezione .nota{font-size:10px;color:#8da68d;margin:0}.scelta-spazi{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spazio{position:relative;display:grid;grid-template-columns:1.35fr 1fr;overflow:hidden;border:1px solid #ffffff24;border-radius:28px;min-height:420px;isolation:isolate;transition:transform .55s var(--curva),box-shadow .55s}.spazio:hover{transform:translateY(-5px);box-shadow:0 25px 70px #001d182a}.spazio-cliente{background:var(--avorio);color:var(--bosco)}.spazio-gestione{background:var(--lime);color:var(--bosco)}.spazio-testo{padding:32px 0 32px 30px;z-index:2;position:relative;display:flex;flex-direction:column;align-items:flex-start}.numero-spazio{font-size:8px;letter-spacing:.17em;display:block;margin-bottom:38px;color:#53634a}.spazio h2{font-size:clamp(1.8rem,2.7vw,2.6rem);font-weight:400;letter-spacing:-.06em;line-height:1.02;white-space:nowrap;margin-bottom:17px}.spazio h2 em{font-size:1.05em}.spazio-testo p{font-size:12px;line-height:1.6;max-width:230px;color:#596650;margin-bottom:18px}.funzioni{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 28px}.funzioni span{font-size:8px;letter-spacing:.02em;border:1px solid #123d3025;padding:4px 7px;border-radius:20px;color:#385a3a}.spazio-testo>button:not(.testo){margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:28px;white-space:nowrap;padding:13px 18px;font-size:12px}.spazio-testo>button>span{font-size:18px;line-height:1}.spazio-testo .collegamento,.spazio-testo .ingresso-operatore{display:inline-block;color:#496243;font-size:10px;padding:10px 0 0;text-decoration:none;font-weight:400;border-radius:0;margin:0;min-height:25px}.spazio-testo .collegamento:hover,.spazio-testo .ingresso-operatore:hover{color:#092c25;text-decoration:underline;transform:none}
.oggetto-tessera,.oggetto-agenda{position:relative;align-self:stretch;margin-left:-5px;z-index:1;pointer-events:none}.tessera-viva{position:absolute;top:25%;left:5%;width:205px;height:278px;background:radial-gradient(circle at 120% 0,#dcf7b4,#3b854b 27%,#0b392b 65%);border:1px solid #528363;border-radius:22px;box-shadow:6px 25px 35px #14352630;transform:rotate(13deg);padding:22px;color:#ecf6db;display:flex;flex-direction:column;animation:fluttua-tessera 9s ease-in-out infinite}.tessera-viva>span{font-size:23px;display:flex;justify-content:space-between;letter-spacing:-1.4px}.tessera-viva i{font-style:normal;color:var(--lime)}.tessera-viva>small{font-size:5.7px;letter-spacing:.08em;margin-top:8px}.tessera-viva>b{font-size:68px;letter-spacing:-6px;font-weight:400;line-height:1;margin-top:40px;display:block}.tessera-viva>b>span{display:block;letter-spacing:0;font-size:9px;line-height:2}.fondo-tessera{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:6px;letter-spacing:.13em}.fondo-tessera>span:last-child{font-size:24px}.anello-tessera{position:absolute;inset:34% -12% 12% -20%;border:1px solid #8bb27050;border-radius:50%;transform:rotate(-30deg);z-index:-1}
.agenda-viva{position:absolute;top:28%;left:2%;width:245px;padding:23px 18px;background:#f4f8e9;border:1px solid #ffffff;border-radius:18px;transform:rotate(-9deg);box-shadow:10px 20px 35px #2a452a28;animation:fluttua-agenda 11s ease-in-out infinite}.titolo-agenda{display:flex;justify-content:space-between;font-size:14px;letter-spacing:-.6px;padding-bottom:15px;border-bottom:1px solid #cbd8bd}.titolo-agenda>span:last-child{color:#119814;font-size:20px;line-height:1}.mini-giorni{display:flex;justify-content:space-between;padding:10px 0 15px;font-size:8px;color:#728266}.mini-giorni i{font-style:normal}.mini-giorni i:nth-child(4){color:#0a392c;font-weight:700;position:relative}.mini-giorni i:nth-child(4)::after{content:'';display:block;width:3px;height:3px;background:#119814;border-radius:50%;position:absolute;bottom:-6px;left:1px}.riga-mini{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:8px}.riga-mini>small{font-size:7px;color:#768a68}.riga-mini>span{background:#dcebd0;border-left:2px solid #457b36;flex:1;padding:11px 7px;border-radius:5px}.riga-mini i{font-style:normal;float:right;font-size:7px;color:#678158}.riga-mini:nth-of-type(4)>span{background:#103d30;color:#e4f6cd}.riga-mini:nth-of-type(4) i{color:#b7d69e}.linea-adesso{position:absolute;top:58%;left:16px;right:16px;height:1px;background:#11981466}.linea-adesso::before{content:'';width:4px;height:4px;border-radius:50%;background:#119814;position:absolute;top:-1px;left:0}
.esperienza-viva{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:68px 0 45px;border-bottom:1px solid #ffffff20}.esperienza-viva .occhiello{color:#92ab88;font-size:8px}.esperienza-viva h2{font-size:clamp(2rem,3.7vw,3.4rem);font-weight:400;line-height:1.07}.esperienza-viva p:not(.occhiello){font-size:13px;color:#9eb595;max-width:370px;line-height:1.8;margin-bottom:0}.numeri-demo{display:flex;justify-content:space-between;gap:20px}.numeri-demo>div{display:flex;flex-direction:column}.numeri-demo b{color:#d9efc8;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;letter-spacing:-.07em}.numeri-demo span{font-size:9px;letter-spacing:.04em;color:#93aa8b}.portale .avvertenza{margin:22px 0;color:#88a181;font-size:10px;letter-spacing:.01em}.portale footer{max-width:1376px;margin:auto;padding:20px 48px 40px;display:flex;align-items:center;justify-content:space-between;color:#87a080;font-size:8px;letter-spacing:.12em}.firma-footer{font-size:32px;color:#e0ebd7!important;text-decoration:none;letter-spacing:-1.5px}.firma-footer>span{color:var(--lime);padding-left:10px}
/* App clienti. */
.eroe{background:var(--bosco);border:0;border-radius:32px;grid-template-columns:1.2fr 1fr;min-height:485px;position:relative;isolation:isolate}.eroe-testo{padding:55px 42px;position:relative;z-index:3;color:var(--avorio)}.eroe h1{font-size:clamp(3rem,5vw,4.8rem);font-weight:400;letter-spacing:-.075em}.eroe h1 em{color:var(--lime);font-size:1.1em}.eroe .occhiello{color:#aac198;font-size:8px}.eroe .intro{font-size:14px;color:#b1c4a6;max-width:340px;line-height:1.7}.eroe .pulsante{background:var(--lime);color:var(--bosco);font-size:12px;padding:14px 18px}.eroe .pulsante.secondario{background:transparent;border-color:#bad9a744;color:#d5e2cb}.eroe .nota{color:#8fa383;font-size:9px;margin:24px 0 0;letter-spacing:.05em}.paesaggio.liquido{background:transparent;min-height:400px;overflow:visible;margin-left:-35px}.paesaggio .didascalia-luce{font-size:7px;left:15%;bottom:12%}.paesaggio .indice-luce{font-size:8px}.paesaggio .controllo-movimento{position:absolute;bottom:23px;right:20px;font-size:8px}body:not(.portale):not(.gestionale) .griglia{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))}body:not(.portale):not(.gestionale) .griglia .scheda{position:relative;overflow:hidden}body:not(.portale):not(.gestionale) .griglia .scheda .chip{margin-bottom:12px}body:not(.portale):not(.gestionale) .griglia .scheda .pulsante{font-size:12px}
.trattamento{padding-top:75px;min-height:270px}.segno-trattamento{position:absolute;top:22px;right:22px;border:1px solid #ccdcbf;border-radius:50%;height:39px;width:39px;display:grid;place-items:center;font-size:23px;color:#52763c}.trattamento:nth-child(2){background:#e4eed6}.trattamento:nth-child(4){background:#e9eedf}.trattamento h3{font-size:1.25rem;max-width:200px}.trattamento p{font-size:14px}.trattamento .pulsante{margin-top:6px}
.fedelta-viva{background:radial-gradient(ellipse at 100% 0,#3a7546,#092c25 70%);color:var(--avorio);min-height:200px;position:relative;overflow:hidden}.fedelta-viva .occhiello,.fedelta-viva p{color:#bad2a7}.fedelta-viva .numero{color:var(--lime)}.fedelta-viva small{font-size:16px;letter-spacing:-.02em}.sigillo-tessera{position:absolute;right:24px;top:22px;color:var(--lime);font-size:38px;line-height:1}.saldo-vivo{background:#dff1bd;min-height:200px}.saldo-vivo .chip{background:#edf8d8;border-color:#bcd49c}
/* Gestionale: dati su superfici chiare, atmosfera discreta nella colonna. */
.gestionale .laterale{width:240px;background:radial-gradient(ellipse at 100% 100%,#1a4b2c,var(--bosco) 65%);border:0;padding:32px 20px;color:#dce8cc;display:flex;flex-direction:column}.gestionale .laterale .marchio{color:var(--avorio);padding:0 10px}.gestionale .laterale .simbolo{color:var(--lime)}.gestionale .laterale .occhiello{color:#8eae83;font-size:8px;letter-spacing:.1em;padding:0 12px;margin:35px 0 18px;line-height:1.8}.gestionale .laterale nav{gap:6px;position:relative;z-index:1}.gestionale .laterale nav a{color:#c0d2b7;font-size:13px;padding:11px 15px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:background .2s,color .2s}.gestionale .laterale nav a::before{content:'';width:6px;height:6px;border:1px solid #6e9167;border-radius:2px;transform:rotate(45deg);flex-shrink:0}.gestionale .laterale nav a:hover{background:#ffffff0b;color:white}.gestionale .laterale nav a[aria-current=page]{background:var(--lime);color:var(--bosco);font-weight:600;box-shadow:0 3px 25px #dbfa9c0b}.gestionale .laterale nav a[aria-current=page]::before{background:var(--bosco);border-color:var(--bosco)}.gestionale .laterale .ritorno{color:#b1c5a3;padding:15px 10px 0;margin-top:auto;font-size:10px;letter-spacing:.03em;text-decoration:none}.gestionale .area-lavoro{margin-left:240px;width:calc(100% - 240px);background:radial-gradient(ellipse at 80% 0,#dfedca90,transparent 50%)}.gestionale .barra{background:#f6f7ee90;backdrop-filter:blur(14px);font-size:11px;border-bottom:1px solid #d0ddc5;padding:20px 34px}.gestionale .barra button{font-size:11px;padding:8px 15px}.gestionale .barra .chip{background:transparent;font-size:8px}.gestionale #pannello{padding:40px 34px;max-width:1600px}.gestionale #pannello>h1{max-width:750px;font-size:clamp(2.3rem,3.5vw,3.4rem);font-weight:400}.gestionale #pannello>.intro{max-width:600px;font-size:13px;margin:14px 0 30px}.gestionale #pannello>.occhiello{color:#648057;font-size:8px;margin-bottom:16px}.gestionale #pannello .scheda{padding:26px;border-radius:21px}.gestionale #pannello .griglia{gap:18px}.gestionale #pannello .sfondo-verde{background:var(--bosco);position:relative;color:var(--avorio);overflow:hidden}.gestionale #pannello .sfondo-verde::after{content:'';position:absolute;right:-45px;top:-80px;width:250px;height:250px;border:45px solid #bce78b14;border-radius:45% 55% 48% 52%;transform:rotate(25deg);pointer-events:none;animation:anello-lento 22s linear infinite}.gestionale #pannello .sfondo-verde>*{position:relative;z-index:1}.gestionale #pannello .sfondo-verde .occhiello{color:#afc79b}.gestionale #pannello .sfondo-verde h2{font-size:1.75rem}.gestionale #pannello .sfondo-verde p{color:#b5c8a7;font-size:13px}.gestionale #pannello .sfondo-verde .pulsante{color:var(--bosco);background:var(--lime);font-size:12px}.tabella{border-radius:20px;border-color:#cfdcc6;box-shadow:0 6px 30px #103d3003}th{background:#e8efdf;color:#637a56;font-size:9px;font-weight:600;padding:15px 18px;letter-spacing:.1em}td{background:#fffffff0;border-color:#e2e9dc;font-size:12px;padding:17px 18px;transition:background .2s}tr:hover td{background:#f0f6e8}.badge{font-size:9px;border-radius:20px;padding:4px 8px;background:#edf4e6;color:#567443;border-color:#d8e4cc}.filtri{background:#e5eddb80;padding:16px;border:1px solid #d4e0ca;border-radius:20px}.filtri label{font-size:10px}.filtri select,.filtri input{font-size:13px;background:#fffef8}.filtri button{font-size:12px}.riga-titolo h2{font-size:1.6rem}.riga-titolo>a{font-size:12px}.credito{background:#edf4e2;border-color:#d0e0c0}
.presentazione{overflow:clip}.paesaggio.liquido{overflow:hidden}
/* Ingressi brevi. Il risparmio di movimento sospende anche la tela. */
@keyframes apparizione{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulsazione{50%{opacity:.35;box-shadow:0 0 7px #dbfa9c}}@keyframes fluttua-tessera{50%{transform:translateY(-10px) rotate(9deg)}}@keyframes fluttua-agenda{50%{transform:translateY(8px) rotate(-6deg)}}@keyframes anello-lento{to{transform:rotate(385deg)}}#contenuto>section,#pannello>section,#pannello>h1{animation:apparizione .55s var(--curva) both}
@media(min-width:1600px){.presentazione{min-height:740px}}
@media(max-width:1100px){.portale .testata,.portale main{padding-left:30px;padding-right:30px}.presentazione{min-height:620px}.spazio{grid-template-columns:1.4fr .6fr;min-height:400px}.tessera-viva{left:0;top:35%;width:180px;height:245px}.agenda-viva{left:0;top:33%;width:210px}.spazio-testo{padding-left:25px}.spazio h2{font-size:2.05rem}.numero-spazio{margin-bottom:30px}.gestionale .laterale{width:205px;padding-left:14px;padding-right:14px}.gestionale .area-lavoro{margin-left:205px;width:calc(100% - 205px)}.gestionale #pannello{padding:30px 24px}.gestionale #pannello .griglia{gap:12px}.gestionale #pannello .scheda{padding:22px}.scheda .numero{font-size:2.8rem}.eroe-testo{padding:45px 30px}}
@media(max-width:850px){.stato-luce{display:none}.scelta-spazi{grid-template-columns:1fr}.spazio{grid-template-columns:1.15fr 1fr;min-height:370px}.spazio h2{font-size:2.6rem}.tessera-viva{left:18%;top:16%;width:210px;height:280px}.agenda-viva{left:15%;top:20%;width:260px}.spazio-testo{padding:30px}.numero-spazio{margin-bottom:25px}.spazio-testo p{font-size:13px}.presentazione h1{font-size:clamp(4.2rem,9.5vw,6.2rem)}.presentazione .intro{font-size:13px}.scultura-luce{width:65%;right:-10%}.presentazione{min-height:590px}.esperienza-viva{gap:35px}.eroe-testo .riga{gap:8px}.eroe-testo .pulsante{font-size:11px}.eroe h1{font-size:3.4rem}.gestionale #pannello .griglia{grid-template-columns:1fr}.gestionale #pannello .griglia .scheda{min-height:150px}.gestionale #pannello .griglia .sfondo-verde{min-height:210px}}
@media(max-width:740px){.portale .testata{padding:23px 22px}.menu-portale{gap:15px;font-size:11px}.menu-portale a:last-child{display:none}.portale main{padding:0 22px}.presentazione{display:block;min-height:810px;margin-bottom:32px}.testo-presentazione{padding:36px 0 0;pointer-events:none}.presentazione .occhiello{font-size:8px;margin-bottom:27px}.presentazione h1{font-size:clamp(3.8rem,14vw,6rem);line-height:.98}.presentazione .intro{font-size:13px;margin:22px 0;max-width:285px}.portale .invito-luce{font-size:12px;padding:13px 19px;gap:28px}.coordinate{margin-top:25px;gap:20px;font-size:7px}.scultura-luce{top:365px;width:calc(100% + 44px);height:400px;left:-22px;right:auto}.scultura-luce .didascalia-luce{font-size:7px;bottom:12%;left:10%}.scultura-luce .indice-luce{font-size:8px;right:12%}.scultura-luce .orbita-luce{inset:15% 7%}.presentazione .controllo-movimento{bottom:53px;right:0;font-size:8px;padding:6px 9px}.bordo-eroe{font-size:6px;bottom:16px;letter-spacing:.12em}.riga-sezione{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.riga-sezione .occhiello{font-size:8px}.riga-sezione .nota{font-size:9px}.spazio{grid-template-columns:1.4fr .65fr;min-height:390px;border-radius:23px}.spazio-testo{padding:25px 0 25px 23px}.numero-spazio{font-size:7px;margin-bottom:27px}.spazio h2{font-size:clamp(1.85rem,7vw,2.6rem);white-space:normal}.spazio h2 em{white-space:nowrap}.spazio-testo p{font-size:11px;max-width:215px;line-height:1.6}.funzioni span{font-size:7px}.funzioni{gap:4px;margin-bottom:25px}.spazio-testo>button:not(.testo){font-size:11px;padding:13px 16px;gap:17px}.spazio-testo .collegamento,.spazio-testo .ingresso-operatore{font-size:9px;padding-top:12px}.tessera-viva{top:27%;left:-10%;width:170px;height:235px;padding:17px;transform:rotate(15deg)}.tessera-viva>b{font-size:52px;margin-top:30px}.tessera-viva>span{font-size:21px}.tessera-viva>small{font-size:5px}.tessera-viva>b>span{font-size:7px}.agenda-viva{top:27%;left:0;width:195px;padding:16px 14px}.titolo-agenda{font-size:12px}.riga-mini{font-size:7px;gap:6px}.riga-mini>small{font-size:6px}.riga-mini i{font-size:6px}.anello-tessera{left:-50%;right:-70%}.esperienza-viva{grid-template-columns:1fr;gap:35px;padding:32px 0}.esperienza-viva .occhiello{font-size:7px}.esperienza-viva h2{font-size:2.25rem}.esperienza-viva p:not(.occhiello){font-size:12px}.numeri-demo{justify-content:space-between;max-width:400px}.numeri-demo b{font-size:3.2rem}.numeri-demo span{font-size:8px}.portale .avvertenza{font-size:9px;line-height:1.7}.portale footer{padding:15px 22px 30px;gap:20px;flex-wrap:wrap}.portale footer>span:last-child{display:none}.portale footer>span{font-size:7px}.firma-footer{font-size:27px}.eroe{grid-template-columns:1fr;min-height:0;border-radius:25px}.eroe-testo{padding:35px 27px 0}.eroe .occhiello{font-size:7px;margin-bottom:24px}.eroe h1{font-size:clamp(2.9rem,11.5vw,4.6rem)}.eroe .intro{font-size:13px;max-width:320px;margin:22px 0}.eroe-testo .riga{gap:8px;flex-wrap:wrap}.eroe .pulsante{padding:12px 16px;font-size:11px}.eroe .nota{font-size:8px;margin-top:20px}.paesaggio.liquido{margin:0;min-height:320px;overflow:hidden}.paesaggio .didascalia-luce{bottom:15%}.paesaggio .controllo-movimento{bottom:15px;right:16px}.paesaggio .orbita-luce{inset:15% 10%}body:not(.portale):not(.gestionale) .testata{padding:20px 22px}main{margin-top:23px;padding:0 16px}.riga-titolo{gap:15px}.riga-titolo h2{font-size:1.6rem}.riga-titolo .nota{font-size:10px;white-space:nowrap}.navigazione{margin:30px 12px 18px;border-radius:45px}.navigazione a{font-size:21px}.navigazione a span{font-size:9px}.gestionale .laterale{position:relative;width:100%;padding:20px 16px 15px;border-radius:0;top:auto}.gestionale .laterale .marchio{font-size:25px;padding:0 5px}.gestionale .laterale .simbolo{font-size:38px}.gestionale .laterale .occhiello,.gestionale .laterale .ritorno{display:none}.gestionale .laterale nav{flex-direction:row;overflow:auto;padding-bottom:5px;gap:7px;margin-top:22px}.gestionale .laterale nav a{font-size:11px;padding:10px 13px;flex-shrink:0}.gestionale .laterale nav a::before{width:4px;height:4px}.gestionale .area-lavoro{margin:0;width:100%}.gestionale .barra{padding:14px 20px;font-size:10px;gap:10px;align-items:flex-start}.gestionale .barra .riga{gap:8px}.gestionale .barra .chip{display:none}.gestionale #pannello{padding:29px 18px}.gestionale #pannello>h1{font-size:2.55rem}.gestionale #pannello>.intro{font-size:12px;line-height:1.6}.gestionale #pannello>.occhiello{font-size:7px}.gestionale #pannello .scheda{padding:24px}.gestionale .filtri{padding:14px;gap:12px}.filtri label{min-width:125px}.filtri button{width:100%}.gestionale .riga-titolo h2{font-size:1.4rem}.gestionale .riga-titolo>a{font-size:11px}.gestionale td{font-size:12px}.gestionale th{font-size:8px}.scheda .numero{font-size:3rem}}
@media(max-width:380px){.portale main{padding:0 17px}.portale .testata{padding-left:17px;padding-right:17px}.presentazione{min-height:790px}.scultura-luce{top:365px;height:380px}.spazio{grid-template-columns:1.6fr .4fr}.spazio-testo{padding-left:19px}.oggetto-tessera,.oggetto-agenda{opacity:.55;transform:translateX(12px)}.spazio-testo p{max-width:215px}.presentazione h1{font-size:3.8rem}.spazio h2{font-size:1.9rem}.presentazione .occhiello{letter-spacing:.12em}.eroe-testo{padding-left:22px;padding-right:22px}}
.spazio-testo p{font-size:14px}.funzioni span{font-size:9px}.gestionale .laterale nav a{font-size:14px}td,.gestionale td{font-size:14px}th,.gestionale th{font-size:10px}.tela-liquida{filter:blur(.25px)}
@media(max-width:740px){.spazio-testo p{font-size:13px}.spazio{min-height:420px}.funzioni span{font-size:8px}.gestionale .laterale nav a{font-size:13px}.controllo-movimento{min-height:44px}.spazio-testo .collegamento,.spazio-testo .ingresso-operatore{min-height:38px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.controllo-movimento{display:none}}
/* Fotografie ufficiali: il centro e le sue quattro macchine sostituiscono la scultura astratta. */
.sfondo-centro{position:relative;overflow:hidden;isolation:isolate;background:#092c25}
.sfondo-centro>img{display:block;width:100%;height:100%;object-fit:cover;animation:respiro-fotografia 16s ease-in-out infinite alternate}
.sfondo-centro::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092c25b8,transparent 45%,#092c250d);pointer-events:none;z-index:1}
.paesaggio-centro{min-height:485px;border-radius:0 32px 32px 0}
.paesaggio-centro>img{position:absolute;inset:0;object-position:center 58%}
.paesaggio-centro::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#092c25 0,transparent 23%);pointer-events:none}
.firma-centro{position:absolute;bottom:36px;left:35px;color:#e5edda;font-size:9px;letter-spacing:.19em;z-index:3}
.paesaggio-centro .controllo-movimento{position:absolute;right:20px;bottom:23px;z-index:4;font-size:8px}
.vetrina-centro{position:absolute;right:0;top:34px;bottom:58px;width:48%;border-radius:140px 26px 26px 26px;border:1px solid #b7ccad33}
.vetrina-centro>img{object-position:center 57%}
.firma-fotografia{position:absolute;left:30px;bottom:35px;z-index:3;color:#f4f4e9}
.firma-fotografia>span{display:block;font-size:33px;letter-spacing:-.06em;margin-bottom:9px}
.firma-fotografia>small{font-size:8px;letter-spacing:.14em;color:#ccddbb}
.presentazione .controllo-movimento{right:18px;bottom:70px}
.trattamento{padding:23px;display:flex;flex-direction:column;min-height:0}
.trattamento .chip{align-self:flex-start;font-size:9px;margin-bottom:15px!important}
.trattamento h3{font-size:1.18rem;min-height:2.6em;max-width:none;margin-bottom:0}
.foto-trattamento{position:relative;margin:16px 0 20px;border-radius:15px;overflow:hidden;background:#0a201b;line-height:0;isolation:isolate}
.foto-trattamento img{display:block;width:100%;height:190px;object-fit:contain;transition:transform .7s var(--curva)}
.trattamento:hover .foto-trattamento img{transform:scale(1.025)}
.trattamento p{margin-bottom:19px;font-size:14px}
.trattamento .pulsante{margin-top:auto;align-self:flex-start;font-size:12px}
.riepilogo-trattamento{align-self:start}
.riepilogo-trattamento h2{margin-top:16px;font-size:1.9rem}
.riepilogo-trattamento .foto-trattamento img{height:300px}
.riepilogo-trattamento .nota{margin-bottom:0}
@keyframes respiro-fotografia{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:1000px) and (min-width:741px){body:not(.portale):not(.gestionale) .griglia:has(.trattamento){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.paesaggio-centro{min-height:330px;margin-top:30px;border-radius:0 0 25px 25px}.paesaggio-centro>img{object-position:center 65%}.paesaggio-centro::before{background:linear-gradient(#092c25,transparent 35%)}.firma-centro{left:25px;bottom:28px;font-size:8px}.paesaggio-centro .controllo-movimento{bottom:13px;right:15px;font-size:7px}.vetrina-centro{top:405px;left:0;right:0;bottom:58px;width:100%;border-radius:70px 20px 20px 20px}.vetrina-centro>img{object-position:center 60%}.firma-fotografia{left:25px;bottom:58px}.firma-fotografia>span{font-size:26px}.firma-fotografia>small{font-size:7px}.presentazione .controllo-movimento{bottom:72px;right:14px}.trattamento{padding:22px}.trattamento h3{min-height:0;font-size:1.35rem}.foto-trattamento img{height:auto;aspect-ratio:1.5;max-height:270px}.riepilogo-trattamento .foto-trattamento img{height:auto;max-height:330px;aspect-ratio:1.2}.firma-centro{max-width:45%;line-height:1.8}}