/* Separate homepage concept. All reference styles stay inside #opening-demo. */
#opening-demo{--sans:var(--font-inter),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:var(--sans);--header-h:80px;color:#21343f;background:#fff;font-family:var(--sans);line-height:1.5;overflow:visible;scroll-snap-type:none}
#opening-demo .racconto{height:auto;position:relative;background:#fff}
#opening-demo .fotogramma{position:relative;top:auto;height:auto;min-height:0;overflow:hidden;background:#fff;color:#21343f}
#opening-demo .intro-testi{padding-top:38px;max-height:none;overflow:visible}
#opening-demo h1{font-family:var(--serif);font-size:clamp(36px,4vw,56px);font-weight:750;line-height:1.13;letter-spacing:-.035em;color:#21343f;margin:16px auto 0;max-width:960px}
#opening-demo h1 em,#opening-demo h2 em{color:#007db3;font-style:normal}
#opening-demo .lead{color:#526c7a;max-width:640px;font-size:18px;line-height:1.55;margin:20px auto 0}
#opening-demo .occhiello{color:#45738a;font-size:12px;letter-spacing:.16em}
#opening-demo .ctas{margin-top:24px}
#opening-demo .btn{height:48px;min-height:48px;padding:0 24px;border-radius:999px;font-size:15px;border:0;font-weight:650}
#opening-demo .passi-box{padding-top:28px}
#opening-demo .tl{width:min(960px,100%)}
#opening-demo .tl .nome{font-size:14px;color:#536875}
#opening-demo .didascalia{font-size:16px;max-width:850px;line-height:1.5;min-height:24px;margin:18px auto 0;color:#526c7a}
#opening-demo .palco2{padding:24px 0 0;flex:none}
#opening-demo .palco-box{width:min(1140px,calc(100% - 64px));max-width:1140px}
#opening-demo .finestra{display:none;box-shadow:0 16px 48px #163c5314;border:1px solid #d6e3eb}
#opening-demo .etichetta,#opening-demo .tel-over,#opening-demo .scorri{display:none}
#opening-demo .opening-tools{display:flex;flex-shrink:0;background:#fff;justify-content:center;align-items:center;gap:22px;padding:16px 24px;color:#536875;font-size:12px;position:relative;z-index:5}
#opening-demo .opening-tools a,#opening-demo .opening-tools button{font:inherit;color:#376b83;text-decoration:underline;text-underline-offset:4px;border:0;background:none;cursor:pointer;padding:6px}
#opening-demo .opening-mobile-screens{display:grid;gap:24px;padding-bottom:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
#opening-demo .opening-mobile-screen{background:#f3f5f7;border-radius:18px;overflow:hidden;border:1px solid #dce4eb;text-align:left;color:#0e1e2e}
#opening-demo .opening-mobile-bar{padding:14px 20px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #dce4eb;background:#fff;font-size:14px}
#opening-demo .opening-mobile-bar>span{color:#007fae;font-size:20px;font-weight:800}
#opening-demo .opening-mobile-body{padding:22px}
#opening-demo .opening-mobile-body>small{color:#526373;font-size:13px}
#opening-demo .opening-mobile-body h3{margin:12px 0;font:700 24px/1.15 var(--sans);color:#0a2340}
#opening-demo .opening-mobile-body p{font-size:16px;line-height:1.5;color:#4b5b6b;margin:0 0 16px}
#opening-demo .opening-mobile-amount{background:#fff;padding:14px;border:1px solid #e3eaf0;border-radius:10px;font-size:15px;font-weight:650;margin:22px 0}
#opening-demo .opening-mobile-state{display:inline-flex;align-items:center;gap:7px;background:#e2f2fa;color:#00688e;padding:6px 12px 6px 9px;border-radius:999px;font-size:13px}
#opening-demo .opening-mobile-state::before{content:"";width:4px;height:15px;border-radius:2px;background:#00a3e0}
#opening-demo p.opening-mobile-note{font-size:14px;margin:18px 0 0;color:#526373}
#opening-demo .racconto:not(.opening-enhanced) .passi-box,#opening-demo .opening-static .passi-box{display:none}
#opening-demo .opening-enhanced:not(.opening-static){height:700svh}
#opening-demo .opening-enhanced:not(.opening-static) .fotogramma{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));min-height:480px}
#opening-demo .opening-enhanced:not(.opening-static) .finestra{display:block}
#opening-demo .opening-enhanced:not(.opening-static) .palco2{flex:1 1 auto;min-height:0}
#opening-demo .opening-enhanced:not(.opening-static) .tour .intro-testi{max-height:0;opacity:0;padding:0;overflow:hidden}
#opening-demo .opening-enhanced:not(.opening-static) .tour .passi-box{padding-top:24px}
#opening-demo .opening-enhanced:not(.opening-static) .opening-mobile-screens{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;padding:0}
#opening-demo .opening-enhanced:not(.opening-static) .etichetta.on{display:flex;transform:none;max-width:285px;padding:12px;border-radius:14px;box-shadow:0 15px 45px #00142538}
#opening-demo .opening-enhanced:not(.opening-static) .tel-over.on{display:block}
#opening-demo .opening-enhanced:not(.opening-static) .scorri{display:flex;bottom:82px}
#opening-demo .opening-enhanced:not(.opening-static) .tour .scorri{display:none}
#opening-demo .opening-enhanced:not(.opening-static) .lato-d{right:-25px}
#opening-demo .opening-enhanced:not(.opening-static) .lato-s{left:-25px}
#opening-demo .opening-enhanced:not(.opening-static) .intro-testi{max-height:450px;transition:max-height .55s,opacity .35s,padding .55s}
#opening-demo .opening-mobile-screen[hidden]{display:none}
#opening-demo .opening-static .intro-testi{opacity:1;max-height:none;padding-top:38px}
#opening-demo .schermata{min-height:auto;padding-top:100px;padding-bottom:94px;scroll-margin-top:var(--header-h);scroll-snap-align:none}
#opening-demo h2{font-family:var(--serif);font-size:clamp(32px,3.8vw,49px);line-height:1.13;letter-spacing:-.035em;font-weight:750;color:#21343f}
#opening-demo .ab{width:min(1080px,100%);margin:28px auto 12px;max-height:none}
#opening-demo .perchi-ab .sotto{font-size:17px;margin-top:0}
#opening-demo .per-chi{font-size:16px;max-width:670px;margin:auto}
#opening-demo .ab input{touch-action:pan-y}
body:has(#opening-demo) .home-choices{padding-top:68px;border-top:1px solid #e1eaf1}
@media(max-width:760px){
 #opening-demo .intro-testi{padding-top:28px}#opening-demo h1{font-size:clamp(32px,8.3vw,46px);line-height:1.08;margin-top:14px}#opening-demo .lead{font-size:16px;margin-top:16px}#opening-demo .occhiello{font-size:10px;letter-spacing:.11em}
 #opening-demo .ctas{gap:8px;margin-top:20px}#opening-demo .btn{font-size:13px;height:44px;min-height:44px;padding:0 18px}
 #opening-demo .wrap{padding-inline:18px}#opening-demo .passi-box{padding-top:24px}#opening-demo .tl .nome{font-size:12px}#opening-demo .tl .punto{width:20px;height:20px}#opening-demo .tl-binario{top:9px}#opening-demo .tl .passo{gap:9px}
 #opening-demo .didascalia{font-size:15px;line-height:1.45;margin-top:20px;min-height:65px}#opening-demo .palco2{padding-top:8px}#opening-demo .palco-box{width:calc(100% - 36px)}
 #opening-demo .opening-enhanced:not(.opening-static) .finestra,#opening-demo .opening-enhanced:not(.opening-static) .etichetta.on,#opening-demo .opening-enhanced:not(.opening-static) .tel-over.on,#opening-demo .opening-enhanced:not(.opening-static) .scorri{display:none}
 #opening-demo .fotogramma .tl .nome{white-space:normal;line-height:1.2;min-height:28px;max-width:58px;text-align:center;font-size:11px}
 #opening-demo .opening-enhanced:not(.opening-static) .opening-mobile-screens{position:relative;width:auto;height:auto;clip-path:none;padding:0;display:block}
 #opening-demo .opening-mobile-screens{grid-template-columns:1fr}#opening-demo .opening-mobile-body{padding:20px}#opening-demo .opening-mobile-body h3{font-size:24px}#opening-demo .opening-mobile-bar{padding:13px 20px}
 #opening-demo .opening-mobile-body .opening-mobile-note{font-size:14px}
 #opening-demo .opening-enhanced:not(.opening-static) .fotogramma:not(.tour) .opening-mobile-body{padding:16px 20px}
 #opening-demo .opening-enhanced:not(.opening-static) .fotogramma:not(.tour) .opening-mobile-amount,#opening-demo .opening-enhanced:not(.opening-static) .fotogramma:not(.tour) .opening-mobile-note{display:none}
 #opening-demo .opening-tools{font-size:11px;gap:10px;padding:12px;flex-wrap:wrap}#opening-demo .opening-tools>span{width:100%;text-align:center}
 #opening-demo .opening-enhanced:not(.opening-static) .tour .palco2{align-items:center;padding-bottom:0}
 #opening-demo .schermata{padding-block:66px}#opening-demo .ab{min-height:270px;aspect-ratio:auto}#opening-demo .ab .schermo-in{left:50%;transform:translateX(-50%) scale(var(--s,1));transform-origin:top center}#opening-demo .ab .etichetta-lato{font-size:12px}
}
@media(max-width:359px){#opening-demo h1{font-size:30px}#opening-demo .fotogramma .tl .nome{font-size:10px;max-width:42px;overflow-wrap:anywhere}#opening-demo .lead{font-size:15px}#opening-demo .intro-testi{padding-top:22px}#opening-demo .passi-box{padding-top:20px}#opening-demo .fotogramma:not(.tour) .opening-mobile-body p,#opening-demo .fotogramma:not(.tour) .opening-mobile-state{display:none}#opening-demo .fotogramma:not(.tour) .opening-mobile-body{padding:12px 18px}#opening-demo .fotogramma:not(.tour) .opening-mobile-body h3{font-size:20px;margin:8px 0}}
@media(prefers-reduced-motion:reduce){#opening-demo *,#opening-demo *::before,#opening-demo *::after{transition:none!important;animation:none!important}}
@media(max-width:359px){#opening-demo .fotogramma .tl .nome{max-width:none;overflow-wrap:normal;white-space:nowrap;letter-spacing:-.02em}#opening-demo .fotogramma .tl .passo:nth-of-type(3) .nome{font-size:0}#opening-demo .fotogramma .tl .passo:nth-of-type(3) .nome::after{content:'Agenda';font-size:10px}#opening-demo .fotogramma .tl .passo:nth-of-type(4) .nome{white-space:normal;max-width:36px}}

/* Match the white pages and their shared type and control colors. */
#opening-demo .luce{display:none}
#opening-demo .btn{border-radius:12px;font-weight:750}
#opening-demo .btn-azz{background:#007bb7;color:#fff;box-shadow:0 5px 14px #007bb71a}
#opening-demo .btn-azz:hover{background:#00699e;box-shadow:0 7px 20px #007bb72b}
#opening-demo .btn-vetro{background:#fff;color:#263f4d;border:1px solid #d6e3eb}
#opening-demo .btn-vetro:hover{background:#f0f6f9}
#opening-demo .scorri{background:#fff;color:#263f4d;border:1px solid #b9d0dd;box-shadow:0 6px 20px #163c5314}
#opening-demo .fotogramma .tl-binario{background:#d6e3eb}
#opening-demo .fotogramma .tl-riempi{background:#007db3}
#opening-demo .fotogramma .tl .nome{color:#536875}
#opening-demo .fotogramma .tl .passo:hover .nome,#opening-demo .fotogramma .tl .fatto .nome{color:#376b83}
#opening-demo .fotogramma .tl .on .nome{color:#183644}
#opening-demo .fotogramma .tl .punto{background:#fff;border-color:#adc3cf;color:#fff}
#opening-demo .fotogramma .tl .passo:hover .punto{border-color:#007db3}
#opening-demo .fotogramma .tl .fatto .punto{background:#007db3;border-color:#007db3}
#opening-demo .fotogramma .tl .on .punto{background:#fff;border-color:#007db3;box-shadow:0 0 0 6px #e5f3fa}
#opening-demo .fotogramma .tl .on .punto::after{background:#007db3}
#opening-demo .perchi-ab .occhiello-b{color:#45738a}
#opening-demo .perchi-ab .sotto,#opening-demo .per-chi{color:#526c7a}