@font-face{font-family:"Archivo";src:url("/caratteri/archivo-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/caratteri/source-serif-4-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/caratteri/source-serif-4-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/caratteri/source-serif-4-400-corsivo.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--fondo:#F4F2F8;--testo:#1F1B24;--scuro:#2A2433;--viola:#5B3FA8;--bianco:#FFFFFF;--dettaglio:#9AA2AB;--testoTenue:#5C5667;--testoTenueScuro:#CBC4D7;--violaScuro:#46308A;--violaChiaro:#8E75D6;--chiaroPremuto:#E9E5F0;--riga:#DAD4E4;--rigaScura:rgba(244,242,248,.14);--larghezza:60rem;--lettura:40rem;--altezzaBarra:80px;--titoli:"Archivo","Helvetica Neue",Arial,sans-serif ;--corpo:"Source Serif 4",Georgia,"Times New Roman",serif ;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace ;--luceX:4% ;--luceY:0% }
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--fondo);color:var(--testo);font-family:var(--corpo);font-size:1.0625rem;line-height:1.62;text-rendering:optimizeLegibility;padding-bottom:var(--altezzaBarra)}
a{color:var(--viola);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--violaScuro);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--viola);outline-offset:3px}
h1,h2,h3{font-family:var(--titoli);font-weight:700;line-height:1.12;letter-spacing:-.012em;text-wrap:balance;margin:0}
p,li{text-wrap:pretty}
p{margin:0 0 1em}
strong{font-weight:700}
.colonna{max-width:var(--larghezza);margin-inline:auto;padding-inline:20px}
.saltoContenuto{position:absolute;left:12px;top:-80px;z-index:50;background:var(--scuro);color:var(--bianco);padding:12px 16px;font-family:var(--titoli);font-weight:700;text-decoration:none}
.saltoContenuto:focus{top:12px;color:var(--bianco)}

.intestazioneSito{background:var(--scuro);color:var(--fondo);position:relative;z-index:3}
.intestazioneInterno{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid var(--rigaScura)}
.marchioSito{display:flex;align-items:center;gap:10px;min-height:48px;color:var(--bianco);text-decoration:none}
.marchioSito:hover{color:var(--bianco)}
.marchioSegno{width:18px;height:28px;flex:none}
.marchioTesti{display:flex;flex-direction:column}
.marchioNome{font-family:var(--titoli);font-weight:700;font-size:1.0625rem;letter-spacing:-.01em;line-height:1.15}
.marchioFirma{display:none;font-style:italic;font-size:.875rem;color:var(--testoTenueScuro);line-height:1.3}
.numeroInTesta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 4px;font-family:var(--titoli);font-weight:700;font-size:1.0625rem;color:var(--bianco);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.numeroInTesta:hover{color:var(--testoTenueScuro)}
.numeroInTesta svg{width:14px;height:22px;flex:none;color:var(--violaChiaro)}
.numeroInTestaTesti{display:flex;flex-direction:column;line-height:1.15}
.numeroInTestaEtichetta{display:none;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--testoTenueScuro)}

.scenaBuio{position:relative;isolation:isolate;overflow:hidden;background:var(--scuro);color:var(--fondo)}
.scenaBuio::before{content:"";position:absolute;inset:-20% -10%;z-index:1;pointer-events:none;background:repeating-linear-gradient(-16deg,rgba(244,242,248,.075) 0 6px,transparent 6px 17px);-webkit-mask-image:radial-gradient(ellipse 55% 65% at var(--luceX) var(--luceY),#000 0,rgba(0,0,0,.35) 45%,transparent 72%);mask-image:radial-gradient(ellipse 55% 65% at var(--luceX) var(--luceY),#000 0,rgba(0,0,0,.35) 45%,transparent 72%);transition:opacity 2.4s ease}
.scenaBuio::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 320px at var(--tx,50%) var(--ty,40%),rgba(244,242,248,.10),rgba(244,242,248,.03) 45%,transparent 70%);opacity:0;transition:opacity .5s ease}
.conScript .scenaBuio::before{opacity:0}
.conScript .scenaBuio.occhiAbituati::before{opacity:1}
.scenaBuio.torciaAccesa::after{opacity:1}
.fotoScena{position:relative;z-index:0;margin:0;aspect-ratio:3/2;max-height:300px;overflow:hidden;background:var(--scuro)}
.fotoScena img{display:block;width:100%;height:100%;object-fit:cover}
.fotoScena::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,36,51,.2) 0%,rgba(42,36,51,.55) 45%,var(--scuro) 78%,var(--scuro) 100%)}
.aperturaScena{position:relative;z-index:2;padding:0 0 44px}
.conFoto .aperturaScena{margin-top:-76px}
.senzaFoto .aperturaScena{padding-top:44px;max-width:var(--lettura)}
.occhielloScena{display:flex;align-items:center;gap:10px;font-family:var(--titoli);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--testoTenueScuro);margin:0 0 16px}
.occhielloScena::before{content:"";width:22px;height:2px;background:var(--violaChiaro);flex:none}
.aperturaScena h1{color:var(--bianco);font-size:clamp(2rem,1.4rem + 2.6vw,2.875rem);margin:0 0 18px}
.paginaDocumento .aperturaScena h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem)}
.guida{font-size:1.1875rem;line-height:1.5;margin:0 0 1em;color:var(--fondo)}
.guida a{color:var(--bianco)}
.aperturaScena .pulsanteChiama{margin-top:10px}
.notaPulsante{margin:10px 0 0;font-size:.9375rem;color:var(--testoTenueScuro)}
.fattiScena{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:24px 0 0;font-family:var(--titoli);font-weight:700;font-size:.875rem;letter-spacing:.02em;color:var(--fondo)}
.fattiScena li{display:flex;align-items:center;gap:8px}
.fattiScena li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violaChiaro);flex:none}
.elencoServizi{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}
.sezionePagina>.elencoServizi{max-width:none}
.sezionePagina .elencoServizi>li{position:relative;margin:0;padding:14px 16px 14px 52px;background:var(--bianco);border:1px solid var(--riga);border-radius:3px;line-height:1.45}
.sezionePagina .elencoServizi>li::before{content:"";position:absolute;left:18px;top:21px;width:14px;height:8px;border:0;border-left:3px solid var(--viola);border-bottom:3px solid var(--viola);transform:rotate(-45deg)}

.pulsanteChiama{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 18px;background:var(--viola);color:var(--bianco);text-decoration:none;font-family:var(--titoli);font-weight:700;border-radius:3px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);transition:background-color .15s ease}
.pulsanteChiama:hover{background:var(--violaScuro);color:var(--bianco)}
.pulsanteChiama:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}
.pulsanteChiamaTesti{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.pulsanteChiamaEtichetta{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.pulsanteChiamaNumero{font-size:1.1875rem;letter-spacing:.005em;font-variant-numeric:tabular-nums}
.pulsanteChiama svg{width:18px;height:28px;flex:none}
.pulsanteChiamaChiaro{background:var(--bianco);color:var(--scuro);box-shadow:inset 0 -3px 0 rgba(42,36,51,.18),0 18px 40px -18px rgba(0,0,0,.6)}
.pulsanteChiamaChiaro svg,.pulsanteChiamaChiaro .pulsanteChiamaEtichetta{color:var(--viola)}
.pulsanteChiamaChiaro:hover{background:var(--chiaroPremuto);color:var(--scuro)}
.scenaBuio a:focus-visible,.fasciaScura a:focus-visible,.piedeSito a:focus-visible{outline-color:var(--bianco)}

.sezionePagina{padding-top:52px}
.sezionePagina h2{font-size:clamp(1.5rem,1.15rem + 1.4vw,2rem);margin:0 0 18px;display:flex;gap:12px;align-items:baseline}
.sezionePagina h2::before{content:"";width:14px;height:3px;background:var(--viola);flex:none;transform:translateY(-.32em)}
.sezionePagina h3{font-size:1.0625rem;margin:22px 0 8px}
.sezionePagina>p,.sezionePagina>ul,.sezionePagina>.datiImpresa{max-width:var(--lettura)}
.sezionePagina ul{list-style:none;padding:0;margin:0 0 1.1em}
.sezionePagina ul>li{position:relative;padding-left:24px;margin:0 0 .65em}
.sezionePagina ul>li::before{content:"";position:absolute;left:2px;top:.6em;width:9px;height:9px;border:2px solid var(--viola)}
.paginaDocumento .sezionePagina{padding-top:36px}
.paginaDocumento .sezionePagina h2{font-size:clamp(1.25rem,1rem + 1vw,1.5rem)}
.datiImpresa{background:var(--bianco);border:1px solid var(--riga);border-top:3px solid var(--viola);padding:16px 18px;font-size:1rem;line-height:1.55;margin:0 0 1em}
.sezioneDati{padding-top:40px}

.fotoPagina{display:block;margin:28px -20px 0;background:var(--chiaroPremuto);overflow:hidden}
.fotoPagina img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

.passiIntervento{list-style:none;counter-reset:passo;margin:8px 0 0;padding:0;display:grid;gap:14px}
.passiIntervento>li{counter-increment:passo;position:relative;padding:18px 18px 18px 68px;background:var(--bianco);border:1px solid var(--riga);border-radius:3px}
.passiIntervento>li::before{content:counter(passo);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--viola);border-radius:50%;color:var(--viola);font-family:var(--titoli);font-weight:700;font-size:1rem;line-height:1}
.passiIntervento strong{display:block;font-family:var(--titoli);font-size:1.0625rem;line-height:1.3;margin-bottom:4px}
.passiIntervento p{margin:0;font-size:1rem;line-height:1.5}

.grigliaGuasti{margin:8px 0 0;padding:0;display:grid;gap:12px}
.sezionePagina>.grigliaGuasti{max-width:none}
.sezionePagina .grigliaGuasti>li{padding:0;margin:0}
.sezionePagina .grigliaGuasti>li::before{display:none}
.schedaGuasto{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;height:100%;background:var(--bianco);border:1px solid var(--riga);border-radius:3px;overflow:hidden;color:var(--testo);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
.schedaGuasto:hover{color:var(--testo);border-color:var(--viola);box-shadow:0 14px 34px -20px rgba(42,36,51,.5)}
.schedaGuastoFoto{display:block;height:100%;min-height:84px;overflow:hidden;background:var(--chiaroPremuto)}
.schedaGuastoFoto picture{display:block;height:100%}
.schedaGuastoFoto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.schedaGuasto:hover .schedaGuastoFoto img{transform:scale(1.04)}
.schedaGuastoTesti{display:block;padding:12px 14px 12px 0}
.schedaGuastoTitolo{display:block;font-family:var(--titoli);font-weight:700;font-size:1.0625rem;line-height:1.25}
.schedaGuasto:hover .schedaGuastoTitolo{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-color:var(--viola)}
.schedaGuastoSintomo{display:block;font-size:.9375rem;color:var(--testoTenue);line-height:1.4;margin-top:3px}

.elencoAltri{padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.sezionePagina>.elencoAltri{max-width:none}
.sezionePagina .elencoAltri>li{padding:0;margin:0}
.sezionePagina .elencoAltri>li::before{display:none}
.elencoAltri a{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--riga);background:var(--bianco);border-radius:3px;color:var(--testo);text-decoration:none;font-family:var(--titoli);font-weight:700;font-size:.9375rem;transition:border-color .15s ease,color .15s ease}
.elencoAltri a:hover{border-color:var(--viola);color:var(--viola)}

.tabellaDati{margin:4px -20px 1.3em;padding-inline:20px;overflow-x:auto;max-width:calc(48rem + 40px)}
.tabellaDati table{width:100%;min-width:34rem;border-collapse:collapse;background:var(--bianco);border:1px solid var(--riga);font-size:.9375rem;line-height:1.45}
.tabellaDati th,.tabellaDati td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--riga)}
.tabellaDati thead th{font-family:var(--titoli);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--testoTenue);border-top:0;border-bottom:2px solid var(--scuro)}
.tabellaDati tbody th{font-weight:400}
code{font-family:var(--mono);font-size:.85em;background:var(--bianco);border:1px solid var(--riga);padding:1px 5px;white-space:nowrap}
@media (max-width:619.98px){.tabellaDati{margin-inline:0;padding-inline:0;overflow:visible}.tabellaDati table{min-width:0;border:0;background:none}.tabellaDati thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tabellaDati table,.tabellaDati tbody,.tabellaDati tr,.tabellaDati th,.tabellaDati td{display:block}.tabellaDati tr{background:var(--bianco);border:1px solid var(--riga);border-top:3px solid var(--scuro);padding:12px 14px;margin-bottom:10px}.tabellaDati th,.tabellaDati td{border:0;padding:0}.tabellaDati tbody th{font-family:var(--titoli);font-weight:700;font-size:1rem;line-height:1.3;margin-bottom:8px}.tabellaDati td{margin-top:8px}.tabellaDati td::before{content:attr(data-etichetta);display:block;font-family:var(--titoli);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--testoTenue);margin-bottom:2px}.tabellaDati tbody th::before{display:none}code{white-space:normal;word-break:break-word}}

.mappaQuartieri{display:grid;gap:8px;margin:8px 0 18px}
.settoreCitta{background:var(--bianco);border:1px solid var(--riga);padding:14px 16px;font-size:.9375rem;line-height:1.45}
.settoreNome{display:block;font-family:var(--titoli);font-weight:700;font-size:1rem;line-height:1.25;margin-bottom:4px}
.settoreMura{border:2px dashed var(--viola)}
.elencoComuni{display:flex;flex-wrap:wrap;gap:6px 18px}
.sezionePagina>.elencoComuni{max-width:none}
.sezionePagina .elencoComuni>li{margin:0;padding-left:12px}
.sezionePagina .elencoComuni>li::before{width:5px;height:5px;border:0;background:var(--viola);border-radius:50%;top:.72em;left:0}

.fasciaScura{position:relative;isolation:isolate;overflow:hidden;background:var(--scuro);color:var(--fondo);padding:52px 0 56px;margin-top:64px}
.fasciaScura::before{content:"";position:absolute;inset:-10%;z-index:-1;background:repeating-linear-gradient(-16deg,rgba(244,242,248,.06) 0 6px,transparent 6px 17px);-webkit-mask-image:radial-gradient(ellipse 50% 60% at 96% 100%,#000,transparent 70%);mask-image:radial-gradient(ellipse 50% 60% at 96% 100%,#000,transparent 70%)}
.fasciaScura h2{color:var(--bianco);font-size:clamp(1.5rem,1.15rem + 1.4vw,2rem);margin:0 0 18px;display:flex;gap:12px;align-items:baseline}
.fasciaScura h2::before{content:"";width:14px;height:3px;background:var(--violaChiaro);flex:none;transform:translateY(-.32em)}
.fasciaScura strong,.fasciaScura a{color:var(--bianco)}
.fasciaScura .pulsanteChiamaChiaro,.fasciaScura .pulsanteChiamaChiaro:hover{color:var(--scuro)}
.fasciaInterno{display:grid;gap:28px}
.fasciaTesto p:last-child{margin-bottom:0}
.notaFascia{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--rigaScura);font-size:.9375rem;color:var(--testoTenueScuro);max-width:var(--lettura)}
.numeroRete{font-family:var(--titoli);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:inherit;text-decoration:none;border-bottom:2px solid var(--viola)}
.numeroRete:hover{color:var(--viola)}
.fasciaScura .numeroRete{color:var(--bianco);border-bottom-color:var(--violaChiaro)}
.fasciaScura .numeroRete:hover{border-bottom-color:var(--bianco)}

.piedeSito{margin-top:72px;background:var(--scuro);color:var(--testoTenueScuro);padding:44px 0 48px;font-size:.9375rem}
.conFascia .piedeSito{margin-top:0;padding-top:0}
.conFascia .piedeGriglia{border-top:1px solid var(--rigaScura);padding-top:40px}
.piedeGriglia{display:grid;gap:30px}
.piedeMarchio{display:flex;flex-direction:column;margin:0 0 12px;color:var(--bianco)}
.piedeMarchio .marchioFirma{display:block}
.contattiPiede{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.contattiPiede a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--titoli);font-weight:700;color:var(--bianco);text-decoration:none}
.contattiPiede a:hover{color:var(--testoTenueScuro)}
.piedeTitolo{font-family:var(--titoli);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--testoTenueScuro);margin:0 0 6px}
.linkPiede{list-style:none;padding:0;margin:0}
.linkPiede a{display:block;padding:10px 0;line-height:1.3;color:var(--fondo);text-decoration:none}
.linkPiede a:hover{color:var(--bianco);text-decoration:underline;text-decoration-thickness:1px}
.piedeLegale{margin-top:30px;padding-top:20px;border-top:1px solid var(--rigaScura);font-size:.875rem}
.piedeLegale p{margin:0}

.barraChiamata{position:fixed;left:0;right:0;bottom:0;translate:0 calc(-1 * var(--altezzaConsenso,0px));z-index:20;background:var(--fondo);border-top:1px solid var(--riga);padding:8px 12px calc(8px + env(safe-area-inset-bottom));transition:transform .28s cubic-bezier(.4,0,.2,1)}
.barraChiamata .pulsanteChiama{min-height:60px;padding-block:6px}
.conScript .barraChiamata{transform:translateY(110%)}
.conScript .barraChiamata.barraVisibile{transform:none}

.conScript .rivela{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.conScript .rivela.visto{opacity:1;transform:none}

@media (min-width:480px){.marchioFirma{display:block}}
@media (min-width:620px){
.fotoPagina{margin-inline:0;border-radius:3px}
.grigliaGuasti{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.schedaGuasto{grid-template-columns:minmax(0,1fr);align-items:start;gap:0}
.schedaGuastoFoto{aspect-ratio:3/2;height:auto;min-height:0}
.schedaGuastoTesti{padding:14px 16px 16px}
.mappaQuartieri{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". nord ." "ovest mura est" ". sud ."}
.settoreNord{grid-area:nord}.settoreSud{grid-area:sud}.settoreEst{grid-area:est}.settoreOvest{grid-area:ovest}.settoreMura{grid-area:mura}
}
@media (min-width:700px){
body{font-size:1.125rem;padding-bottom:0}
.numeroInTestaEtichetta{display:block}
.numeroInTesta{font-size:1.25rem}
.intestazioneInterno{min-height:76px}
.aperturaScena .pulsanteChiama{display:inline-flex;min-width:340px}
.pulsanteChiamaNumero{font-size:1.5rem}
.barraChiamata{display:none}
.sezionePagina{padding-top:64px}
.sezioneDati{padding-top:44px}
.fotoPagina img{aspect-ratio:2.2/1}
.passiIntervento{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.elencoServizi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.passiIntervento>li{padding:66px 20px 22px}
.passiIntervento>li::before{left:20px;top:18px}
.fasciaScura{padding:64px 0 68px}
.fasciaInterno{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
.piedeGriglia{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,.9fr)}
}
@media (min-width:900px){
.scenaBuio.conFoto{min-height:580px;display:flex;align-items:center}
.scenaBuio.conFoto>.colonna{width:100%}
.conFoto .fotoScena{position:absolute;top:0;bottom:0;left:50%;right:0;aspect-ratio:auto;max-height:none}
.conFoto .fotoScena::after{background:linear-gradient(90deg,var(--scuro) 0%,rgba(42,36,51,.62) 32%,rgba(42,36,51,.22) 100%)}
.conFoto .aperturaScena{margin-top:0;max-width:56%;padding:88px 40px 96px 0}
.senzaFoto .aperturaScena{padding:72px 0 64px}
.paginaDocumento .senzaFoto .aperturaScena{padding:52px 0 48px}
.grigliaGuasti{grid-template-columns:repeat(6,minmax(0,1fr))}
.grigliaGuasti>li{grid-column:span 2}
.grigliaGuasti>li:first-child{grid-column:span 4}
.grigliaGuasti>li:nth-child(6),.grigliaGuasti>li:nth-child(7){grid-column:span 3}
.grigliaGuasti>li:first-child .schedaGuasto{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
.grigliaGuasti>li:first-child .schedaGuastoFoto{aspect-ratio:auto;height:100%}
.grigliaGuasti>li:first-child .schedaGuastoTesti{padding:22px 24px;align-self:center}
.grigliaGuasti>li:first-child .schedaGuastoTitolo{font-size:1.375rem}
.grigliaGuasti>li:nth-child(n+6) .schedaGuasto{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch}
.grigliaGuasti>li:nth-child(n+6) .schedaGuastoFoto{aspect-ratio:auto;height:100%;min-height:120px}
.grigliaGuasti>li:nth-child(n+6) .schedaGuastoTesti{align-self:center}
}
@media (max-width:699.98px){
.conFoto .fotoScena{max-height:200px}
.conFoto .aperturaScena{margin-top:-56px;display:flex;flex-direction:column;align-items:stretch}
.conFoto .aperturaScena .occhielloScena{order:1}
.conFoto .aperturaScena h1{order:2}
.conFoto .aperturaScena .pulsanteChiama{order:3;margin-top:4px}
.conFoto .aperturaScena .notaPulsante{order:4}
.conFoto .aperturaScena .guida{order:5;font-size:1.0625rem;margin-top:14px}
.conFoto .aperturaScena .fattiScena{order:6}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none!important;animation:none!important}
.conScript .scenaBuio::before{opacity:1}
.conScript .rivela{opacity:1;transform:none}
}

/* barra fissa di chiamata, 04/10/2026: impaginazione dell'idraulico, colori e carattere dell'elettricista */
:root{--altezzaBarra:100px}
.barraChiamata{padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom))}
.barraChiamata .pulsanteBarra{justify-content:center;gap:.9rem;max-width:38rem;min-height:4.5rem;margin:0 auto 4px;padding:.6rem 1.6rem .6rem .6rem;box-shadow:0 4px 0 var(--violaScuro)}
.barraChiamata .pulsanteBarra:active{transform:translateY(4px);box-shadow:none}
.pulsanteBarraDisco{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:3px;background:var(--bianco);color:var(--viola)}
.pulsanteBarraDisco svg{width:1.6rem;height:1.6rem}
.pulsanteBarraTesti{display:grid;gap:.3rem;justify-items:center;text-align:center}
.pulsanteBarraNumero{font-family:var(--titoli);font-weight:700;font-size:1.8rem;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.pulsanteBarraStato{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--titoli);font-weight:700;font-size:.72rem;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.pulsanteBarraPunto{flex:none;width:.55rem;height:.55rem;border-radius:50%;background:#25D366;animation:online 2s ease-out infinite}
@media (prefers-reduced-motion:reduce){.pulsanteBarraPunto{animation:none}}
@keyframes online{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 .45rem rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* domande frequenti, 04/10/2026: schede bianche con il filo viola, quadratino viola come il pulsante del telefono */
.domande h2{margin-bottom:22px}
.domande details{margin:0 0 10px;background:var(--bianco);border:1px solid var(--riga);border-left:4px solid var(--viola);border-radius:3px;box-shadow:0 1px 0 var(--riga)}
.domande details[open]{border-color:var(--viola);box-shadow:inset 0 -3px 0 rgba(0,0,0,.06),0 14px 30px -18px rgba(42,36,51,.45)}
.domande summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 18px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.domande summary::-webkit-details-marker{display:none}
.domande summary h3{margin:0;font-family:var(--titoli);font-weight:700;font-size:1.0625rem;line-height:1.3;letter-spacing:-.005em;color:var(--scuro)}
.domande summary::after{content:"";flex:none;width:32px;height:32px;border-radius:3px;background:linear-gradient(var(--bianco),var(--bianco)) center/13px 3px no-repeat,linear-gradient(var(--bianco),var(--bianco)) center/3px 13px no-repeat,var(--viola)}
.domande details[open] summary::after{background:linear-gradient(var(--bianco),var(--bianco)) center/13px 3px no-repeat,var(--violaScuro)}
.domande summary:hover h3{color:var(--viola)}
.domande details p{margin:0;padding:0 18px 16px;font-family:var(--corpo);color:var(--testo);max-width:var(--lettura)}
.domande summary:focus-visible{outline:2px solid var(--viola);outline-offset:2px}