/* Baboo · stili delle pagine interne */
.page-hero{padding:72px 0 56px;background:var(--white)}
.ph-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
@media (max-width:900px){.ph-grid{grid-template-columns:1fr;gap:28px}.page-hero{padding:48px 0 36px}}
.page-hero h1{margin:.3em 0 .5em;max-width:18ch}
.page-hero .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.ph-img{margin:0;border-radius:4px;overflow:hidden;border:1px solid var(--swan);aspect-ratio:16/10;background:var(--light)}
.ph-img img{width:100%;height:100%;object-fit:cover}
.two{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
@media (max-width:900px){.two{grid-template-columns:1fr;gap:20px}}
.two h2{margin-top:.35em}
.narrow{max-width:76ch}
.numbered{list-style:none;margin:0;padding:0}
.numbered .n{font-family:var(--font-mono);color:var(--blue);letter-spacing:.14em;display:block;margin-bottom:10px}
.numbered li{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:28px}
.numbered p{color:var(--ink-soft);margin:.5em 0 0}
ol.plain{padding-left:1.2em;margin:0 0 1em}
ol.plain li{margin:.5em 0}
.plans .card p{color:var(--ink-soft)}
.plans .feat p{color:#DDE6EE}
.map{aspect-ratio:4/3;border-radius:4px;overflow:hidden;border:1px solid var(--swan);background:var(--light)}
.map iframe{width:100%;height:100%;border:0;filter:saturate(.6)}

/* striscia MONITOR (in ogni pagina interna) */
.monitor-strip{position:relative;overflow:hidden}
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:900px){.ms-grid{grid-template-columns:1fr;gap:16px}}
.monitor-strip h2{margin-top:.35em;font-size:clamp(1.5rem,2.4vw,2.1rem)}
.monitor-strip p{color:#DDE6EE;margin:0}
.monitor-strip a{color:var(--swan)}
.monitor-strip::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(160,190,210,.4) 40%,rgba(160,190,210,.4) 60%,transparent);opacity:.6;pointer-events:none}

/* confronto (condiviso con la Home) */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.compare .col{padding:36px 40px}
.compare .col.esco{background:var(--slate);color:#fff}
.compare .col.esco h3{color:#fff}
.compare h3{margin-bottom:18px;font-family:var(--font-mono);font-weight:400;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.compare .esco h3{color:var(--swan)}
ul.steps{list-style:none;margin:0;padding:0}
ul.steps li{position:relative;padding-left:1.6em;margin:.45em 0;color:var(--ink-soft)}
ul.steps li::before{content:"";position:absolute;left:0;top:.7em;width:.9em;height:1px;background:var(--swan)}
.compare .esco ul.checks li{font-size:1.15rem;font-family:var(--font-display);font-weight:400;line-height:1.3}
@media (max-width:760px){.compare{grid-template-columns:1fr}.compare .col{padding:28px 24px}}

/* FAQ e form (condivisi con la Home) */
.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr;gap:20px}}
.acc details{border-top:1px solid var(--line)}
.acc details:last-child{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-family:var(--font-display);font-weight:500;font-size:1.1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateY(-70%) rotate(45deg);transition:transform .35s var(--ease-out)}
.acc details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.acc details p{margin:0 0 22px;color:var(--ink-soft);max-width:62ch}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
address{font-style:normal;line-height:1.8}
.lead{background:var(--white);border:1px solid var(--swan);border-radius:4px;padding:32px;display:grid;gap:16px}
.lead label{display:block;font:500 .8rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.lead input,.lead select,.lead textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:2px;font:400 1rem var(--font-text);color:var(--ink);background:#fff;transition:border-color .3s var(--ease-out)}
.lead textarea{resize:vertical}
.lead input:focus,.lead select:focus,.lead textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(160,190,210,.4)}
.lead .f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.lead .f2{grid-template-columns:1fr}}
.lead .check{display:flex;align-items:baseline;gap:10px;font:400 .95rem var(--font-text);letter-spacing:0;text-transform:none;color:var(--ink)}
.lead .check input{width:auto}
.lead .btn{justify-self:start}
.form-msg{margin:0;font-size:.95rem;color:var(--blue-deep);min-height:1.4em}
.lead.sent .btn{display:none}
.lead .touched:invalid{border-color:#B5533C}

/* ---------- pagina-linea estesa (SOLERO, modello per le altre linee) ---------- */
.schema{margin:0 0 36px;padding:28px 24px;background:var(--white);border:1px solid var(--line);border-radius:4px}
.schema svg{width:100%;max-width:900px;height:auto;margin:0 auto;overflow:visible}
.schema path,.schema line,.schema circle,.schema rect{fill:none;stroke:var(--slate);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.schema .sun circle,.schema .rays line{stroke:var(--blue)}
.schema .modules path,.schema .modules line{stroke:var(--blue)}
.schema .modules path{fill:rgba(78,127,163,.10)}
.schema .charge{fill:rgba(78,127,163,.28);stroke:none}
.schema .flow{stroke:var(--swan);stroke-width:1.5;stroke-dasharray:4 7;opacity:.45;transition:opacity .6s var(--ease-out),stroke .6s var(--ease-out)}
.schema .guide{stroke:none}
.schema.ph-day .flow.f-day,.schema.ph-eve .flow.f-eve,.schema.ph-night .flow.f-night{stroke:var(--blue);opacity:1}
/* energia che scorre: punti luminosi, accesi solo nella fase attiva */
.schema .dot{fill:var(--blue);stroke:none;filter:drop-shadow(0 0 3px rgba(78,127,163,.9))}
.schema .dots{opacity:0;transition:opacity .5s var(--ease-out)}
.schema.ph-day .dots.d-day,.schema.ph-eve .dots.d-eve,.schema.ph-night .dots.d-night{opacity:1}
/* sole e batteria seguono la fase */
.schema .sun{transform-box:fill-box;transform-origin:center;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.schema .rays{transition:opacity .9s var(--ease-out)}
.schema.ph-eve .sun{opacity:.55;transform:translateY(10px) scale(.92)}
.schema.ph-eve .rays{opacity:.35}
.schema.ph-night .sun{opacity:.18;transform:translateY(16px) scale(.85)}
.schema.ph-night .rays{opacity:0}
.schema .charge{transition:width 4.2s linear}
.schema.ph-day .charge{width:40px}
.schema.ph-eve .charge{width:10px}
.schema.ph-night .charge{width:6px}
/* la tile della fase in corso si accende */
/* la tile della fase in corso si inverte in slate (come la colonna ESCo del confronto) e una barra sottile mostra il tempo della fase */
.numbered li{position:relative;overflow:hidden;transition:background .6s var(--ease-out),border-color .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.numbered li h3,.numbered li p,.numbered li .n{transition:color .6s var(--ease-out)}
.reveal .numbered li{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),background .6s var(--ease-out),border-color .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.numbered li.on{background:var(--slate);border-color:var(--slate);box-shadow:0 14px 34px rgba(55,67,80,.25)}
.numbered li.on h3{color:#fff}
.numbered li.on p{color:#DCE5EC}
.numbered li.on .n{color:var(--swan)}
.schema.live ~ .numbered li.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--swan);transform-origin:left;transform:scaleX(0);animation:tileTimer 4.6s linear forwards}
@keyframes tileTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.numbered li.on::after{display:none}}
@media (prefers-reduced-motion:reduce){.schema .dots{display:none}.schema .charge{width:40px}}
.schema text{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;fill:var(--ink-soft);text-anchor:middle}
.schema text.note{font-size:10px;letter-spacing:.06em;text-anchor:start;fill:var(--blue)}
.schema figcaption{margin:18px auto 0;max-width:62ch;text-align:center;font-size:.9rem;color:var(--ink-soft)}
@media (max-width:600px){.schema{padding:16px 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.schema svg{min-width:640px;padding:0 12px}.schema figcaption{padding:0 16px}}
.numbered h3{margin:0 0 .35em;font-size:1.15rem}
ul.checks.cols2{columns:2;column-gap:32px;margin:0}
ul.checks.cols2 li{break-inside:avoid;margin:0 0 .7em}
@media (max-width:700px){ul.checks.cols2{columns:1}}
.sec .close{margin:24px 0 0;max-width:62ch;color:var(--ink-soft)}
.sec .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.two .part h2+p{margin-top:.9em}
.plan-solo{max-width:420px}
.plan-solo .price{margin-top:1em}
.ms-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}
.ms-chips li{font-family:var(--font-mono);font-size:max(.72rem,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--swan);border:1px solid rgba(160,190,210,.45);padding:8px 12px;border-radius:2px}
.monitor-strip .ms-links{margin-top:18px}

/* ---------- hero video delle pagine-linea: poster statico proprio (hero.css punta a quelli della Home) ---------- */
@media (max-width: 720px),(orientation: portrait) and (max-width: 1024px),(orientation: portrait) and (pointer: coarse),(orientation: landscape) and (pointer: coarse) and (max-height: 560px),(prefers-reduced-motion: reduce){
  .hero.solero:not(.film) .stage .poster{background-image:url("solero-ending.jpg")}
  @media (orientation:portrait){.hero.solero:not(.film) .stage .poster{background-image:url("solero-ending-v.jpg")}}
  .hero.clima:not(.film) .stage .poster{background-image:url("clima-ending.jpg")}
  @media (orientation:portrait){.hero.clima:not(.film) .stage .poster{background-image:url("clima-ending-v.jpg")}}
  .hero.mountainview:not(.film) .stage .poster{background-image:url("mountainview-ending.jpg")}
  @media (orientation:portrait){.hero.mountainview:not(.film) .stage .poster{background-image:url("mountainview-ending-v.jpg")}}
  .hero.miniclima:not(.film) .stage .poster{background-image:url("miniclima-ending.jpg")}
  @media (orientation:portrait){.hero.miniclima:not(.film) .stage .poster{background-image:url("miniclima-ending-v.jpg")}}
  .hero.care:not(.film) .stage .poster{background-image:url("care-ending.jpg")}
  @media (orientation:portrait){.hero.care:not(.film) .stage .poster{background-image:url("care-ending-v.jpg")}}
  .hero.business:not(.film) .stage .poster{background-image:url("business-ending.jpg")}
  @media (orientation:portrait){.hero.business:not(.film) .stage .poster{background-image:url("business-ending-v.jpg")}}
  .hero.condominio:not(.film) .stage .poster{background-image:url("condominio-ending.jpg")}
  @media (orientation:portrait){.hero.condominio:not(.film) .stage .poster{background-image:url("condominio-ending-v.jpg")}}
  .hero.baboo-casa:not(.film) .stage .poster{background-image:url("baboo-casa-ending.jpg")}
  @media (orientation:portrait){.hero.baboo-casa:not(.film) .stage .poster{background-image:url("baboo-casa-ending-v.jpg")}}
  .hero.showroom:not(.film) .stage .poster{background-image:url("showroom-ending.jpg")}
  @media (orientation:portrait){.hero.showroom:not(.film) .stage .poster{background-image:url("showroom-ending-v.jpg")}}
}

/* ---------- schema: fasi generiche (JS accende .on su linee e punti della fase attiva) ---------- */
.schema .flow.on{stroke:var(--blue);opacity:1}
.schema .dots.on{opacity:1}
.schema .season{opacity:0;transition:opacity .6s var(--ease-out);font-size:10px;letter-spacing:.06em;fill:var(--blue)}
.schema.ph-day .season.s-day,.schema.ph-eve .season.s-eve,.schema.ph-night .season.s-night,.schema.ph-win .season.s-win,.schema.ph-sum .season.s-sum,.schema.ph-acs .season.s-acs,.schema.ph-air .season.s-air,.schema.ph-mid .season.s-mid,.schema.ph-dry .season.s-dry,.schema.ph-l1 .season.s-l1,.schema.ph-l2 .season.s-l2,.schema.ph-l3 .season.s-l3,.schema.ph-ct .season.s-ct,.schema.ph-fv .season.s-fv,.schema.ph-pdc .season.s-pdc,.schema.ph-inv .season.s-inv,.schema.ph-ev .season.s-ev,.schema.ph-casa .season.s-casa,.schema.ph-solare .season.s-solare,.schema.ph-indip .season.s-indip{opacity:1}
/* schema CLIMA: ventola, aria, termosifone, acqua calda */
.schema .fan{transform-box:fill-box;transform-origin:center}
.schema.live .fan{animation:fanSpin 5s linear infinite}
@keyframes fanSpin{to{transform:rotate(360deg)}}
.schema .air path{stroke:var(--swan);transition:stroke .8s var(--ease-out)}
.schema.ph-win .air path,.schema.ph-acs .air path{stroke:var(--blue)}
.schema .rad line{transition:stroke .8s var(--ease-out),opacity .8s var(--ease-out)}
.schema.ph-win .rad line{stroke:var(--blue)}
.schema.ph-sum .rad line{opacity:.35}
.schema .level{fill:rgba(78,127,163,.28);stroke:none;transition:height 4.2s linear,y 4.2s linear}
.schema.ph-acs .level{y:136px;height:52px}
@media (prefers-reduced-motion:reduce){.schema.ph-acs .level{y:136px;height:52px}}

/* schema MOUNTAINVIEW: sezione di finestra tra dentro e fuori */
.schema .win rect:nth-child(2),.schema .win rect:nth-child(3){fill:rgba(78,127,163,.10);transition:fill .8s var(--ease-out)}
.schema.ph-sum .win rect:nth-child(2),.schema.ph-sum .win rect:nth-child(3){fill:rgba(78,127,163,.22)}
.schema .inside rect{transition:stroke .8s var(--ease-out)}
.schema.ph-win .inside .rad line{stroke:var(--blue)}
.schema .sun circle,.schema .sun .rays line{transition:stroke .8s var(--ease-out),opacity .8s var(--ease-out)}
.schema.ph-sum .sun circle,.schema.ph-sum .sun .rays line{stroke:var(--blue)}
.schema:not(.ph-sum) .sun .rays{opacity:.35}
.schema .noise path{stroke:var(--swan);opacity:.45;transition:stroke .8s var(--ease-out),opacity .8s var(--ease-out)}
.schema.ph-air .noise path{stroke:var(--blue);opacity:1}
.schema.ph-air .win rect:first-child{stroke:var(--blue)}

/* schema MINICLIMA: una stanza alla volta */
.schema .unit-in rect{transition:stroke .8s var(--ease-out)}
.schema .unit-in .breeze path,.schema .unit-in .drops line{stroke:var(--blue);opacity:0;transition:opacity .8s var(--ease-out)}
.schema.ph-sum .unit-in.a rect,.schema.ph-dry .unit-in.a rect,.schema.ph-mid .unit-in.b rect{stroke:var(--blue)}
.schema.ph-sum .unit-in.a .breeze path,.schema.ph-mid .unit-in.b .breeze path,.schema.ph-dry .unit-in.a .drops line{opacity:1}
.schema.ph-mid .unit-in.b .breeze path{stroke-dasharray:3 4}
.schema .house path{stroke:var(--ink-soft);opacity:.6}
@media (prefers-reduced-motion:reduce){.schema.miniclima .unit-in.a .breeze path{opacity:1}}

/* schema CARE: dove si ferma il problema */
.schema .stop{opacity:0;transition:opacity .6s var(--ease-out)}
.schema .stop circle{fill:var(--blue);stroke:none}
.schema .stop path{stroke:#fff;stroke-width:2}
.schema.ph-l1 .stop.st-l1,.schema.ph-l2 .stop.st-l2,.schema.ph-l3 .stop.st-l3{opacity:1}
.schema .screen rect,.schema .video rect,.schema .van path,.schema .van circle{transition:stroke .8s var(--ease-out)}
.schema.ph-l1 .screen rect,.schema.ph-l2 .video rect:first-child,.schema.ph-l3 .van path,.schema.ph-l3 .van circle{stroke:var(--blue)}
.schema .chart,.schema .cam{stroke:var(--blue)}
.schema .home .disp{stroke:var(--blue);fill:rgba(78,127,163,.12)}
/* Care: tre schede (con Baboo Casa / Base / Plus) */
.care-plans .card .n{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.6em}
.care-plans .card.feat .n{color:var(--swan)}
.care-plans .card{position:relative}
.care-plans + .legal{margin-top:18px}

/* ---------- schema con scena fotografica: una foto per fase dietro il pannello dello schema ---------- */
.schema.scene{padding:0;border:0;overflow:hidden;position:relative;background:var(--slate)}
.schema.scene .scenes{position:absolute;inset:0}
.schema.scene .scene{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease-out)}
.schema.scene .scene img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform 5.2s linear}
.schema.scene.ph-day .sc-day,.schema.scene.ph-eve .sc-eve,.schema.scene.ph-night .sc-night,.schema.scene.ph-win .sc-win,.schema.scene.ph-sum .sc-sum,.schema.scene.ph-acs .sc-acs,.schema.scene.ph-mid .sc-mid,.schema.scene.ph-dry .sc-dry,.schema.scene.ph-air .sc-air,.schema.scene.ph-l1 .sc-l1,.schema.scene.ph-l2 .sc-l2,.schema.scene.ph-l3 .sc-l3{opacity:1}
.schema.scene.live.ph-day .sc-day img,.schema.scene.live.ph-eve .sc-eve img,.schema.scene.live.ph-night .sc-night img,.schema.scene.live.ph-win .sc-win img,.schema.scene.live.ph-sum .sc-sum img,.schema.scene.live.ph-acs .sc-acs img,.schema.scene.live.ph-mid .sc-mid img,.schema.scene.live.ph-dry .sc-dry img,.schema.scene.live.ph-air .sc-air img,.schema.scene.live.ph-l1 .sc-l1 img,.schema.scene.live.ph-l2 .sc-l2 img,.schema.scene.live.ph-l3 .sc-l3 img{transform:scale(1.05)}
/* velo traslucido su tutta la foto: lo schema si legge, la scena resta visibile sotto */
.schema.scene .scenes::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.64);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background 1.2s var(--ease-out)}
.schema.scene.ph-eve .scenes::after{background:rgba(255,255,255,.58)}
.schema.scene.ph-night .scenes::after{background:rgba(55,67,80,.68)}
.schema.scene .scrim{display:none}
.schema.scene .panel{position:relative;margin:0;padding:28px 28px 0}
.schema.scene figcaption{position:relative;margin:0;padding:14px 32px 26px;max-width:none;color:var(--slate);transition:color 1s var(--ease-out)}
.schema.scene.ph-night figcaption{color:#DCE5EC}
.schema.scene path,.schema.scene line,.schema.scene circle,.schema.scene rect{transition:stroke 1s var(--ease-out),fill 1s var(--ease-out),opacity 1s var(--ease-out)}
.schema.scene.ph-night .house path,.schema.scene.ph-night .house rect,.schema.scene.ph-night .inv rect,.schema.scene.ph-night .inv line,.schema.scene.ph-night .home path,.schema.scene.ph-night .batt rect,.schema.scene.ph-night .grid-ico line{stroke:#C9D6E1}
.schema.scene.ph-night text{fill:#C9D6E1}
.schema.scene.ph-night .season{fill:var(--swan)}
/* flussi: la linea attiva e' piena e blu, le altre quasi sparite */
.schema.scene .flow{opacity:.25}
.schema.scene .flow.on{opacity:1;stroke:var(--blue);stroke-dasharray:none;stroke-width:1.2}
.schema.scene.ph-night .flow.on{stroke:var(--swan)}
/* comete: testa luminosa e coda che sfuma */
.schema.scene .dot.h{r:4.5;filter:drop-shadow(0 0 5px rgba(78,127,163,.95))}
.schema.scene .dot.t1{r:3;opacity:.6}
.schema.scene .dot.t2{r:2;opacity:.3}
.schema.scene.ph-night .dot{fill:#DCE5EC}
.schema.scene.ph-night .dot.h{filter:drop-shadow(0 0 6px rgba(220,229,236,.95))}
@media (max-width:600px){.schema.scene{padding:0;overflow:hidden}.schema.scene .panel{margin:0;padding:16px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.schema.scene svg{min-width:640px;padding:0}.schema.scene figcaption{padding:10px 16px 18px}}
@media (prefers-reduced-motion:reduce){.schema.scene .scene img{transition:none;transform:none}.schema.scene .scene{transition:none}}
/* SOLERO: sole, moduli, finestra, batteria, led */
.schema.solero .sun{transform-box:fill-box;transform-origin:center;transition:transform 1.4s var(--ease-out),opacity 1.2s var(--ease-out)}
.schema.solero .sun circle{fill:rgba(78,127,163,.10)}
.schema.solero.ph-eve .sun{opacity:1;transform:translate(20px,70px) scale(.9)}
.schema.solero.ph-eve .rays{opacity:.4}
.schema.solero.ph-night .sun{opacity:0;transform:translate(30px,120px) scale(.8)}
.schema.solero.ph-night .rays{opacity:0}
.schema.solero .lbl-sun{transition:opacity 1s}
.schema.solero.ph-night .lbl-sun{opacity:0}
.schema.solero.ph-day .modules path{fill:rgba(78,127,163,.28)}
.schema.solero.ph-night .modules path{fill:rgba(160,190,210,.10)}
.schema.solero.ph-night .modules path,.schema.solero.ph-night .modules line{stroke:var(--swan)}
.schema.solero .win{fill:transparent}
.schema.solero.ph-eve .win,.schema.solero.ph-night .win{fill:#F2D9A6;stroke:#F2D9A6}
.schema.solero .glow{opacity:0;fill:rgba(242,217,166,.25);stroke:none}
.schema.solero.ph-eve .glow,.schema.solero.ph-night .glow{opacity:1}
.schema.solero .charge{fill:rgba(78,127,163,.35)}
.schema.solero.ph-day .charge{width:48px}
.schema.solero.ph-eve .charge{width:14px}
.schema.solero.ph-night .charge{width:6px;fill:rgba(160,190,210,.6)}
.schema.solero .led{fill:var(--blue);stroke:none}
.schema.solero.live .led{animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.schema.solero .grid-ico{opacity:.55;transition:opacity 1s}
.schema.solero.ph-night .grid-ico{opacity:1}
/* CLIMA su scena: stanza calda/fresca, termosifone acceso, vapore sull'acqua calda */
.schema.clima .room{fill:transparent;stroke:none;transition:fill 1s var(--ease-out)}
.schema.clima.ph-win .room{fill:rgba(242,217,166,.32)}
.schema.clima.ph-sum .room{fill:rgba(160,190,210,.38)}
.schema.clima.ph-win .rad line{stroke:#DDA26E}
.schema.clima .steam path{stroke:var(--swan);opacity:0;transition:opacity 1s var(--ease-out)}
.schema.clima.ph-acs .steam path{opacity:1}
.schema.clima.live.ph-acs .steam path{animation:steamUp 2.2s ease-in-out infinite}
.schema.clima.live.ph-acs .steam path:nth-child(2){animation-delay:-.7s}
.schema.clima.live.ph-acs .steam path:nth-child(3){animation-delay:-1.4s}
@keyframes steamUp{0%{transform:translateY(0);opacity:.2}50%{opacity:1}100%{transform:translateY(-6px);opacity:0}}
.schema.clima.live .fan{animation-duration:2.6s}
.schema.clima.scene.ph-win .scenes::after{background:rgba(255,255,255,.60)}
/* MINICLIMA su scena: la stanza che lavora si tinge, il sole si vela nei giorni d'afa */
.schema.miniclima .room{fill:transparent;stroke:none;transition:fill 1s var(--ease-out)}
.schema.miniclima.ph-sum .room.a{fill:rgba(160,190,210,.30)}
.schema.miniclima.ph-dry .room.a{fill:rgba(160,190,210,.16)}
.schema.miniclima.ph-mid .room.b{fill:rgba(242,217,166,.30)}
.schema.miniclima .sun{transition:opacity 1s var(--ease-out)}
.schema.miniclima.ph-dry .sun{opacity:.45}
.schema.miniclima.ph-dry .drops line{stroke:var(--blue)}
.schema.miniclima.live.ph-dry .drops line{animation:dropFall 1.6s ease-in infinite}
.schema.miniclima.live.ph-dry .drops line:nth-child(2){animation-delay:-.55s}
.schema.miniclima.live.ph-dry .drops line:nth-child(3){animation-delay:-1.1s}
@keyframes dropFall{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}100%{transform:translateY(10px);opacity:0}}
.schema.miniclima.scene.ph-dry .scenes::after{background:rgba(255,255,255,.58)}
/* MOUNTAINVIEW su scena: stanza che si tinge, vetro che brilla d'estate, rumore che pulsa */
.schema.mountainview .room{fill:transparent;stroke:none;transition:fill 1s var(--ease-out)}
.schema.mountainview.ph-win .room{fill:rgba(242,217,166,.32)}
.schema.mountainview.ph-sum .room{fill:rgba(160,190,210,.36)}
.schema.mountainview.ph-win .inside .rad line{stroke:#DDA26E}
.schema.mountainview.live.ph-air .noise path{animation:noisePulse 1.8s ease-in-out infinite}
.schema.mountainview.live.ph-air .noise path:nth-child(2){animation-delay:-.6s}
.schema.mountainview.live.ph-air .noise path:nth-child(3){animation-delay:-1.2s}
@keyframes noisePulse{0%,100%{opacity:.45}50%{opacity:1}}
.schema.mountainview.scene.ph-win .scenes::after{background:rgba(255,255,255,.60)}
/* THERMO su scena: la stanza si tinge col calore, la fiamma c'è solo quando lavora la caldaia, il vapore nell'acqua calda */
.schema.ph-mite .season.s-mite,.schema.ph-gelo .season.s-gelo{opacity:1}
.schema.scene.ph-mite .sc-mite,.schema.scene.ph-gelo .sc-gelo{opacity:1}
.schema.scene.live.ph-mite .sc-mite img,.schema.scene.live.ph-gelo .sc-gelo img{transform:scale(1.05)}
.schema.thermo .room{fill:transparent;stroke:none;transition:fill 1s var(--ease-out)}
.schema.thermo.ph-mite .room{fill:rgba(242,217,166,.18)}
.schema.thermo.ph-gelo .room,.schema.thermo.ph-acs .room{fill:rgba(242,217,166,.34)}
.schema.thermo.ph-gelo .rad line{stroke:#DDA26E}
.schema.thermo .disp{fill:rgba(160,190,210,.18)}
.schema.thermo.ph-mite .disp{stroke:var(--blue)}
.schema.thermo .flame path{fill:transparent;stroke:var(--swan);opacity:0;transition:opacity .8s var(--ease-out),fill .8s var(--ease-out)}
.schema.thermo.ph-gelo .flame path,.schema.thermo.ph-acs .flame path{opacity:1;stroke:#DDA26E;fill:rgba(221,162,110,.28)}
.schema.thermo .flame{transform-box:fill-box;transform-origin:50% 100%}
.schema.thermo.live.ph-gelo .flame,.schema.thermo.live.ph-acs .flame{animation:flameFlick 1.1s ease-in-out infinite}
@keyframes flameFlick{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.08) scaleX(.96)}}
.schema.thermo .gas{stroke-dasharray:3 5;opacity:.35}
.schema.thermo .jets line{stroke:var(--swan);opacity:.35;transition:opacity .8s var(--ease-out),stroke .8s var(--ease-out)}
.schema.thermo.ph-acs .jets line{opacity:1;stroke:var(--blue)}
.schema.thermo .steam path{stroke:var(--swan);opacity:0;transition:opacity 1s var(--ease-out)}
.schema.thermo.ph-acs .steam path{opacity:1}
.schema.thermo.live.ph-acs .steam path{animation:steamUp 2.2s ease-in-out infinite}
.schema.thermo.live.ph-acs .steam path:nth-child(2){animation-delay:-.7s}
.schema.thermo.live.ph-acs .steam path:nth-child(3){animation-delay:-1.4s}
.schema.thermo.live .fan{animation-duration:2.8s}
.schema.thermo.live.ph-gelo .fan{animation-duration:4.5s}
.schema.thermo.scene.ph-gelo .scenes::after{background:rgba(255,255,255,.60)}
.sim-body.result .whatis{display:block;color:var(--ink-soft);font-size:.95rem;margin:0 0 12px}
/* CARE su scena: il livello che lavora si accende, il segno di spunta pulsa una volta */
.schema.care .screen rect,.schema.care .video rect,.schema.care .van path{transition:stroke 1s var(--ease-out),fill 1s var(--ease-out)}
.schema.care.ph-l1 .screen rect{fill:rgba(160,190,210,.22)}
.schema.care.ph-l2 .video rect:first-child{fill:rgba(160,190,210,.22)}
.schema.care.ph-l3 .van path:first-child{fill:rgba(160,190,210,.22)}
.schema.care.live .stop{transform-box:fill-box;transform-origin:center}
.schema.care.live.ph-l1 .stop.st-l1,.schema.care.live.ph-l2 .stop.st-l2,.schema.care.live.ph-l3 .stop.st-l3{animation:stopPop .7s var(--ease-out) 1}
@keyframes stopPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
/* Business: l'arrivo e' una scena chiara (schermo e scrivania): scrim piu' deciso a sinistra per la leggibilita' dei titoli */
.hero.business .scrim{background:linear-gradient(90deg,rgba(20,28,36,.58) 0%,rgba(20,28,36,.32) 45%,rgba(20,28,36,.08) 100%),radial-gradient(ellipse 120% 90% at 50% 45%,rgba(5,8,12,0) 45%,rgba(5,8,12,.35) 100%)}
.hero.baboo-casa .scrim{background:linear-gradient(90deg,rgba(20,28,36,.52) 0%,rgba(20,28,36,.28) 45%,rgba(20,28,36,.06) 100%),radial-gradient(ellipse 120% 90% at 50% 45%,rgba(5,8,12,0) 45%,rgba(5,8,12,.30) 100%)}
.hero.showroom .scrim{background:linear-gradient(90deg,rgba(20,28,36,.60) 0%,rgba(20,28,36,.34) 45%,rgba(20,28,36,.08) 100%),radial-gradient(ellipse 120% 90% at 50% 45%,rgba(5,8,12,0) 45%,rgba(5,8,12,.34) 100%)}
/* schema BUSINESS: una sola foto, la camera si sposta sull'elemento della fase; il disegno si accende */
.schema.business .scene.sc-all{opacity:1}
.schema.business .scene img{transition:transform 5.2s linear,object-position 5.2s linear;object-position:50% 50%}
.schema.business.live.ph-fv .scene img{transform:scale(1.14);object-position:22% 0%}
.schema.business.live.ph-pdc .scene img{transform:scale(1.2);object-position:38% 0%}
.schema.business.live.ph-inv .scene img{transform:scale(1.14);object-position:18% 45%}
.schema.business.live.ph-ev .scene img{transform:scale(1.2);object-position:34% 100%}
.schema.business .hub rect{transition:stroke .8s var(--ease-out),fill .8s var(--ease-out)}
.schema.business.live .hub rect{stroke:var(--blue);fill:rgba(160,190,210,.16)}
.schema.business .chart{stroke:var(--blue)}
.schema.business .pv rect,.schema.business .win,.schema.business .pdc rect,.schema.business .ev rect,.schema.business .ev path{transition:fill .8s var(--ease-out),stroke .8s var(--ease-out)}
.schema.business .pv rect{fill:rgba(78,127,163,.12)}
.schema.business.ph-fv .pv rect{fill:rgba(78,127,163,.38)}
.schema.business.ph-fv .pv rect,.schema.business.ph-fv .pv line{stroke:var(--blue)}
.schema.business.ph-pdc .pdc rect,.schema.business.ph-pdc .pdc circle,.schema.business.ph-pdc .pdc path{stroke:var(--blue)}
.schema.business.ph-pdc .pdc rect{fill:rgba(160,190,210,.25)}
.schema.business .win{fill:transparent}
.schema.business.ph-inv .win{fill:rgba(160,190,210,.38);stroke:var(--blue)}
.schema.business.ph-ev .ev rect,.schema.business.ph-ev .ev path,.schema.business.ph-ev .ev circle{stroke:var(--blue)}
.schema.business.ph-ev .ev rect:first-child{fill:rgba(160,190,210,.3)}
.schema.business .ground{stroke:var(--line)}
.schema.business .fan{animation-duration:3s}
.schema.business.scene .scenes::after{background:rgba(255,255,255,.62)}
@media (max-width:900px){.numbered.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.numbered.g4{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.schema.business .scene img{transition:none;transform:none;object-position:50% 50%}}

/* ---------- Baboo Casa: una casa, tre livelli (la stessa foto, il fuoco si sposta per livello) ---------- */
.schema.casa .scene.sc-all{opacity:1}
.schema.casa .scene img{transition:transform 5.2s linear,object-position 5.2s linear;object-position:50% 50%}
.schema.casa.live.ph-casa .scene img{transform:scale(1.22);object-position:6% 80%}
.schema.casa.live.ph-solare .scene img{transform:scale(1.16);object-position:50% 0%}
.schema.casa.live.ph-indip .scene img{transform:scale(1.22);object-position:94% 72%}
.schema.casa .pdc rect,.schema.casa .pdc circle,.schema.casa .pdc path,.schema.casa .pv rect,.schema.casa .pv line,.schema.casa .win,.schema.casa .batt rect,.schema.casa .ev rect,.schema.casa .ev path,.schema.casa .ev circle,.schema.casa .ev line{transition:fill .8s var(--ease-out),stroke .8s var(--ease-out)}
.schema.casa .pv rect{fill:rgba(78,127,163,.12)}
.schema.casa .win{fill:transparent}
.schema.casa .lvl{fill:rgba(78,127,163,.28);stroke:none;transition:fill .8s var(--ease-out),height .8s var(--ease-out),y .8s var(--ease-out)}
.schema.casa.ph-casa .pdc rect,.schema.casa.ph-casa .pdc circle,.schema.casa.ph-casa .pdc path,.schema.casa.ph-solare .pdc rect,.schema.casa.ph-solare .pdc circle,.schema.casa.ph-solare .pdc path,.schema.casa.ph-indip .pdc rect,.schema.casa.ph-indip .pdc circle,.schema.casa.ph-indip .pdc path{stroke:var(--blue)}
.schema.casa.ph-casa .pdc rect,.schema.casa.ph-solare .pdc rect,.schema.casa.ph-indip .pdc rect{fill:rgba(160,190,210,.25)}
.schema.casa.ph-solare .pv rect,.schema.casa.ph-indip .pv rect{fill:rgba(78,127,163,.38);stroke:var(--blue)}
.schema.casa.ph-solare .pv line,.schema.casa.ph-indip .pv line{stroke:var(--blue)}
.schema.casa.ph-solare .batt rect,.schema.casa.ph-indip .batt rect{stroke:var(--blue)}
.schema.casa.ph-solare .lvl,.schema.casa.ph-indip .lvl{fill:var(--blue);y:145px;height:38px}
.schema.casa.ph-indip .win{fill:rgba(160,190,210,.38);stroke:var(--blue)}
.schema.casa.ph-indip .ev rect,.schema.casa.ph-indip .ev path,.schema.casa.ph-indip .ev circle,.schema.casa.ph-indip .ev line{stroke:var(--blue)}
.schema.casa.ph-indip .ev rect:first-child{fill:rgba(160,190,210,.3)}
.schema.casa .ground,.schema.casa .carport{stroke:var(--line)}
.schema.casa.live .fan{animation-duration:3s}
.schema.casa.scene .scenes::after{background:rgba(255,255,255,.62)}
@media (prefers-reduced-motion:reduce){.schema.casa .scene img{transition:none;transform:none;object-position:50% 50%}}

/* ---------- Showroom: il percorso della visita (card fotografiche cliccabili) ---------- */
.visit .card{display:block;padding:0;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.visit .card:hover,.visit .card:focus-visible{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px rgba(55,67,80,.12)}
.visit .card picture,.visit .card img{display:block;width:100%}
.visit .card img{height:auto;aspect-ratio:3/4;object-fit:cover}
.visit .card .txt{padding:20px 22px 24px}
.visit .card .n{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--blue);margin-bottom:.6em}
.visit .card h3{margin-bottom:.4em}
.visit .card p{color:var(--ink-soft);font-size:.95rem}
.ph-img.coffee{aspect-ratio:4/3;margin-top:28px}

/* ---------- Hero fotografico a tutta larghezza (Showroom) ---------- */
.photo-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--slate);color:#fff;isolation:isolate}
.photo-hero .bg,.photo-hero .bg img{position:absolute;inset:0;width:100%;height:100%;display:block}
.photo-hero .bg img{object-fit:cover;object-position:50% 55%}
.photo-hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,28,36,.42) 0%,rgba(20,28,36,.18) 40%,rgba(20,28,36,0) 62%),linear-gradient(180deg,rgba(20,28,36,.10) 0%,rgba(20,28,36,.04) 38%,rgba(20,28,36,.66) 100%)}
.photo-hero .inner{position:relative;width:100%;padding:120px var(--pad) 64px}
.photo-hero .eyebrow{color:var(--swan)}
.photo-hero h1{color:#fff;font-size:clamp(2rem,3.6vw,3.4rem);max-width:16ch;margin:.3em 0 .45em;text-shadow:0 2px 24px rgba(5,8,12,.35)}
.photo-hero .lede{color:#E6EDF3;max-width:56ch;text-shadow:0 1px 14px rgba(5,8,12,.35)}
.photo-hero .row{margin-top:28px}
@media (orientation:portrait){.photo-hero{min-height:78vh}.photo-hero .bg img{object-position:50% 40%}.photo-hero .scrim{background:linear-gradient(180deg,rgba(20,28,36,.12) 0%,rgba(20,28,36,.08) 30%,rgba(20,28,36,.74) 100%)}}
@media (max-width:600px){.photo-hero .inner{padding:96px var(--pad) 44px}.photo-hero h1{max-width:none}.photo-hero .lede{font-size:1rem}}

/* ---- /canone/: simulatore nel telefono ---- */
.phone{width:min(340px,100%);aspect-ratio:9/19.2;background:#0F1418;border-radius:46px;padding:12px;box-shadow:0 30px 80px rgba(20,28,36,.35),inset 0 0 0 2px #2A333B;position:relative;margin:0 auto}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:14px;background:#0F1418;z-index:2}
.phone .screen{background:var(--white);border-radius:36px;height:100%;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);text-align:left}
.sim-top{display:flex;justify-content:space-between;align-items:baseline;padding:58px 22px 0;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.sim-top .count{color:var(--ink-soft)}
.sim-body{flex:1;overflow:auto;padding:14px 22px 8px}
.sim-body h2{font-size:1.55rem;line-height:1.12;margin:0 0 .25em;font-weight:300}
.sim-body h2:focus{outline:none}
.sim-body .hint{color:var(--ink-soft);font-size:.92rem;margin:0 0 16px}
.opts{display:grid;gap:8px}
.opt{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}
.opt:hover{border-color:var(--swan)}
.opt.on{border-color:var(--blue);background:var(--light)}
.opt .mark{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--swan);position:relative}
.opt[role=checkbox] .mark{border-radius:5px}
.opt.on .mark{background:var(--blue);border-color:var(--blue)}
.opt.on .mark::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.opt .txt{display:flex;flex-direction:column;line-height:1.3}
.opt .txt b{font-weight:500;font-size:.98rem}
.opt .txt small{color:var(--ink-soft);font-size:.8rem;margin-top:2px}
.sim-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 22px 26px;gap:8px;border-top:1px solid var(--line)}
.sim-nav .lnk{background:none;border:0;padding:8px 0;color:var(--blue);font:inherit;font-size:.9rem;cursor:pointer;text-align:left}
.sim-nav .btn.sm{padding:10px 14px;font-size:.78rem;min-height:40px;justify-self:end;white-space:nowrap}
.sim-nav .btn.sm[disabled]{opacity:.45;cursor:default}
.dots{display:flex;gap:6px;list-style:none;margin:0;padding:0;justify-content:center}
.dots li{width:6px;height:6px;border-radius:50%;background:var(--line)}
.dots li.done{background:var(--swan)}
.dots li.now{background:var(--blue);transform:scale(1.35)}
.sim-body.result .price{font-size:2rem;margin:.2em 0 0;color:var(--blue)}
.sim-body.result .price small{font-size:.5em}
.sim-body.result .net{margin:0 0 14px}
.sim-body.result .inc{margin:0 0 14px;padding:0;list-style:none;border-top:1px solid var(--line)}
.sim-body.result .inc li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.sim-body.result .note{font-size:.85rem;color:var(--ink-soft);background:var(--light);padding:10px 12px;border-radius:8px;margin:0 0 10px}
.sim-body.result .legal{font-size:.72rem;margin-top:10px;line-height:1.45}
.sim-nav.end{grid-template-columns:1fr;text-align:center;gap:4px}
.sim-nav.end .btn.sm{justify-self:stretch;text-align:center;white-space:normal;line-height:1.25;padding:10px 12px;min-width:0}
.sim-nav.end .lnk{text-align:center}
.wait{color:var(--swan)}
/* la finestra */
.sim-dialog{border:0;background:transparent;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;inset:0;display:none;align-items:center;justify-content:center}
.sim-dialog[open]{display:flex}
.sim-dialog::backdrop{background:rgba(20,28,36,.66);backdrop-filter:blur(8px)}
.sim-dialog .frame{position:relative;padding:56px 0}
.sim-dialog .phone{height:min(740px,calc(100dvh - 112px));aspect-ratio:auto;width:min(340px,calc((100dvh - 112px) * .47))}
.sim-close{position:absolute;top:8px;right:-4px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:.85rem;cursor:pointer}
.sim-close:hover{background:rgba(255,255,255,.22)}
html.sim-open{overflow:hidden}
@media (max-width:600px){
  .sim-dialog .frame{padding:0;width:100%;height:100%}
  .sim-dialog .phone{width:100%;height:100%;border-radius:0;padding:0;box-shadow:none}
  .sim-dialog .phone::before{display:none}
  .sim-dialog .phone .screen{border-radius:0}
  .sim-dialog .sim-top{padding-top:22px;padding-right:104px}
  .sim-close{top:10px;right:14px;background:var(--light);color:var(--ink);border-color:var(--line);z-index:3}
  .sim-nav{padding-bottom:max(26px,env(safe-area-inset-bottom))}
}
/* anteprima nell'hero: il telefono con la prima domanda, si apre al tocco */
.sim-preview{position:relative;display:block;width:min(340px,100%);margin:0 auto;border:0;background:none;padding:0;cursor:pointer;font:inherit}
.sim-preview .phone{height:620px;aspect-ratio:auto}
.sim-preview .opt{pointer-events:none}
.sim-preview .veil{position:absolute;inset:12px;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.96) 82%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:34px}
.sim-preview:hover .veil .btn{background:var(--blue-deep)}
@media (max-width:900px){.sim-preview .phone{height:560px}}

/* ---- Come lavoriamo: hub e pagine-documento ---- */
.docs .doc-card{display:block;text-decoration:none;color:var(--ink);padding:28px 24px 24px;transition:border-color .35s var(--ease-out),transform .35s var(--ease-out)}
.docs .doc-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.docs .doc-card .n{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;color:var(--blue);display:block;margin-bottom:14px}
.docs .doc-card h3{font-size:1.25rem;margin-bottom:.4em}
.docs .doc-card p{color:var(--ink-soft);font-size:.95rem;margin:0 0 18px}
.docs .doc-card .more{color:var(--blue);font-size:.9rem}
.docs .doc-card .more::after{content:" →"}
@media (max-width:1100px){.docs.g4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.docs.g4{grid-template-columns:1fr}}
.doc-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.doc-toc{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}
.doc-toc h3{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:400;margin:0 0 12px}
.doc-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.doc-toc li a{display:block;padding:6px 0 6px 14px;color:var(--ink-soft);font-size:.92rem;line-height:1.35;border-left:2px solid transparent;margin-left:-1px}
.doc-toc li a:hover{color:var(--blue)}
.doc-toc li a.on{color:var(--ink);border-left-color:var(--blue)}
.doc-toc ol.terms{max-height:60vh;overflow:auto}
.doc-back{margin-top:20px;font-size:.9rem}
.doc-body{max-width:72ch}
.doc-note{background:var(--white);border:1px solid var(--swan);border-radius:4px;padding:16px 20px;color:var(--ink-soft);font-size:.95rem;margin:0 0 28px}
.doc-sec{padding:20px 0 24px;border-top:1px solid var(--line);scroll-margin-top:84px}
.doc-sec:first-of-type{border-top:0;padding-top:0}
.doc-sec h2{font-size:1.45rem;margin-bottom:.45em;scroll-margin-top:90px}
.doc-sec p,.doc-sec li{color:var(--ink);font-size:1rem}
.doc-sec ul{padding-left:1.2em}
.doc-sec li{margin:.3em 0}
.gloss{margin:0}
.gloss .term{padding:14px 0 16px;border-top:1px solid var(--line);scroll-margin-top:90px}
.gloss .term:first-child{border-top:0;padding-top:0}
.gloss dt{font-weight:500;font-size:1.05rem}
.gloss dt a{color:var(--ink)}
.gloss dt a:hover{color:var(--blue)}
.gloss .term:target dt a{color:var(--blue)}
.gloss dd{margin:.3em 0 0;color:var(--ink-soft)}
@media (max-width:900px){
  .doc-grid{grid-template-columns:1fr;gap:24px}
  .doc-toc{position:static;max-height:none}
  .doc-toc ol{display:flex;flex-wrap:wrap;gap:6px;border:0}
  .doc-toc li a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;margin:0;font-size:.85rem;background:var(--white)}
  .doc-toc li a.on{border-color:var(--blue)}
  .doc-toc ol.terms{max-height:none;overflow:visible}
  .doc-back{display:none}
}
@media print{.site-header,.site-footer,.band-cta,.doc-toc,.doc-back{display:none!important}.doc-grid{display:block}.sec.alt{background:#fff}}

/* mappa a caricamento su richiesta (Showroom): niente Google finché non si clicca */
.map-gate{position:relative;display:flex;align-items:center;justify-content:center;background:var(--light) radial-gradient(circle at 50% 45%,rgba(160,190,210,.35),transparent 60%)}
.map-open{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:32px;font:inherit;color:var(--ink);cursor:pointer;text-align:center;max-width:36ch}
.map-open .pin{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue);margin-bottom:6px}
.map-open b{font-weight:500;font-size:1.05rem}
.map-open>span:not(.pin):not(.btn){color:var(--ink-soft);font-size:.9rem}
.map-open .btn{margin-top:8px}
/* pagine legali: testo iubenda nel nostro layout */
.legal-doc .legal-lead{font-size:1.05rem;color:var(--ink);padding:16px 20px;background:var(--white);border-left:3px solid var(--blue);border-radius:0 4px 4px 0}
.legal-doc .iub-wrap{margin-top:24px}
.legal-doc .iub-wrap a.iubenda-embed{display:none}
.legal-doc .iub-wrap.iub-loaded+.legal-fallback,.legal-doc .iub-wrap:has(.iub_container)+.legal-fallback{display:none}
.legal-doc .iub_container,.legal-doc .iub_base_container{font:inherit!important;color:var(--ink)!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.legal-doc .iub_content{padding:0!important}
.legal-doc .iub_container h1,.legal-doc .iub_container h2,.legal-doc .iub_container h3,.legal-doc .iub_container h4{font-family:var(--font-display)!important;font-weight:var(--w-display)!important;color:var(--ink)!important;letter-spacing:0!important}
.legal-doc .iub_container h2{font-size:1.45rem!important;margin:1.6em 0 .5em!important}
.legal-doc .iub_container h3{font-size:1.15rem!important}
.legal-doc #iubenda_policy,.legal-doc #iubenda_policy *{font-family:var(--font-text)!important}
.legal-doc .iub_container p,.legal-doc .iub_container li,.legal-doc .iub_container td,.legal-doc .iub_container span{font-size:1rem!important;line-height:1.6!important;color:var(--ink)!important}
.legal-doc .iub_container h1,.legal-doc .iub_container h2,.legal-doc .iub_container h3,.legal-doc .iub_container h4{font-family:var(--font-display)!important}
.legal-doc .iub_container ul.for_boxes>li{border-color:var(--line)!important}
.legal-doc .iub_container .box_primary,.legal-doc .iub_container .expand-content{background:transparent!important;border-color:var(--line)!important}
.legal-doc .iub_container a{color:var(--blue)!important}
.legal-doc .iub_container .iub_footer{color:var(--ink-soft)!important;font-size:.85rem!important}
.legal-doc .legal-fallback{font-size:.9rem;color:var(--ink-soft);margin-top:16px}

/* ---------- Assistenza ---------- */
.photo-hero.assistenza .bg img{object-position:50% 22%}
@media (orientation:portrait){.photo-hero.assistenza .bg img{object-position:50% 30%}}
.photo-hero.manutenzione .bg img{object-position:50% 60%}
@media (orientation:portrait){.photo-hero.manutenzione .bg img{object-position:50% 50%}}
.triage .card{display:flex;flex-direction:column;gap:10px;padding:28px 28px 24px}
.triage .card .n{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--blue)}
.triage .card h3{margin:0;font-size:1.35rem}
.triage .card p{margin:0;color:var(--ink-soft)}
.triage .card .btn{align-self:flex-start;margin-top:auto}
.triage .card .small{font-size:.85rem;color:var(--ink-soft)}
.triage .urgent{border-color:var(--slate)}
.triage .urgent .n{color:var(--slate)}
.tabs{margin-top:8px}
.tablist{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}
.tablist [role=tab]{padding:10px 16px;border:1px solid var(--swan);border-radius:4px;background:var(--white);color:var(--ink);font:500 .9rem/1 var(--font-text);cursor:pointer;transition:background .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out)}
.tablist [role=tab]:hover{border-color:var(--blue);color:var(--blue)}
.tablist [role=tab][aria-selected=true]{background:var(--slate);border-color:var(--slate);color:#fff}
.tabs [role=tabpanel][hidden]{display:none}
.tabs .numbered h3{font-size:1.1rem}
.tabs .close{margin-top:24px}
/* il telefono della richiesta: riusa .sim-dialog/.phone/.screen/.opts del simulatore */
.ticket-dialog .screen{display:flex;flex-direction:column;min-height:0}
.ticket-dialog form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}
.ticket-dialog .sim-top,.ticket-dialog .sim-nav{flex:0 0 auto}
.ticket-dialog .sim-body{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ticket-dialog .step[hidden]{display:none}
.ticket-dialog .step h2{font-size:1.45rem}
.ticket-dialog .opt{position:relative}
.ticket-dialog .opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ticket-dialog .opt:has(input:checked){border-color:var(--blue);background:var(--light)}
.ticket-dialog .opt:has(input:checked) .mark{background:var(--blue);border-color:var(--blue)}
.ticket-dialog .opt:has(input:checked) .mark::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ticket-dialog .opt:has(input:focus-visible){outline:3px solid var(--swan);outline-offset:2px}
.ticket-dialog .f{margin:0 0 14px}
.ticket-dialog .f label{display:block;font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.ticket-dialog .f input,.ticket-dialog .f textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:400 1rem var(--font-text);color:var(--ink);background:#fff;transition:border-color .3s var(--ease-out)}
.ticket-dialog .f textarea{resize:vertical;min-height:132px}
.ticket-dialog .f input:focus,.ticket-dialog .f textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(160,190,210,.4)}
.ticket-dialog .touched:invalid{border-color:#B5533C}
.ticket-dialog .err{margin:6px 0 0;min-height:1.3em;font-size:.88rem;color:#B5533C}
.ticket-dialog input[type=file]{padding:10px;border-style:dashed;cursor:pointer;font-size:.92rem}
.ticket-dialog input[type=file]::file-selector-button{margin-right:10px;padding:8px 12px;border:1px solid var(--slate);border-radius:8px;background:var(--white);color:var(--slate);font:500 .82rem var(--font-text);cursor:pointer}
.files{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.files li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--light);border-radius:8px;font-size:.9rem}
.files li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.files li small{color:var(--ink-soft)}
.files li button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative;flex:none}
.files li button::before,.files li button::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1.5px;background:var(--ink-soft);transform:rotate(45deg)}
.files li button::after{transform:rotate(-45deg)}
.files li button:hover::before,.files li button:hover::after{background:#B5533C}
.ticket-dialog .sum{display:grid;grid-template-columns:auto 1fr;gap:0 12px;margin:0 0 14px;padding:0;border-top:1px solid var(--line);font-size:.9rem}
.ticket-dialog .sum dt{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);padding:8px 0;border-bottom:1px solid var(--line)}
.ticket-dialog .sum dd{margin:0;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink);word-break:break-word}
.ticket-dialog .sim-nav{grid-template-columns:auto 1fr auto}
.ticket-dialog .check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--ink);line-height:1.45}
.ticket-dialog .check input{width:20px;height:20px;flex:none;margin-top:2px}
.ticket-dialog .form-msg h2{font-size:1.45rem;margin:.2em 0 .5em}
.ticket-dialog .form-msg .ref{font-family:var(--font-mono);font-weight:400;color:var(--blue)}
.ticket-dialog .form-msg p{margin:0 0 .8em}
.ticket-dialog .sim-nav .btn.sm[disabled]{opacity:.45}
.contacts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.contacts li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.contacts li:last-child{border-bottom:1px solid var(--line)}
.contacts .k{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);padding-top:.35em}
.contacts b{font-family:var(--font-display);font-weight:400;font-size:1.2rem;display:block}
.contacts small{color:var(--ink-soft)}
@media (max-width:520px){.contacts li{grid-template-columns:1fr;gap:4px}}

/* ---- Manutenzione: card dei servizi, cose da preparare, telefono della prenotazione (riusa .ticket-dialog) ---- */
.servizi .card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:border-color .3s var(--ease-out),transform .3s var(--ease-out)}
.servizi .card:hover{border-color:var(--blue);transform:translateY(-2px)}
.servizi .card p{flex:1 1 auto}
.servizi .card .n{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--blue)}
@media (max-width:1100px){.servizi.g4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.servizi.g4{grid-template-columns:1fr}}
.servizi .more{font:500 .78rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.ticks{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:30px;line-height:1.5}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--blue)}
.ticks li::after{content:"";position:absolute;left:5px;top:.35em;width:4px;height:8px;margin-top:2px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ticket-dialog .alt-link{margin:14px 0 0;font-size:.85rem;color:var(--ink-soft)}
.prenota-dialog .ac-wrap{position:relative}
.prenota-dialog .ac{position:absolute;left:0;right:0;top:100%;z-index:3;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(20,28,36,.14);max-height:216px;overflow:auto}
.prenota-dialog .ac li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:.95rem}
.prenota-dialog .ac li b{font-weight:500}
.prenota-dialog .ac li small{color:var(--ink-soft);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em}
.prenota-dialog .ac li:hover,.prenota-dialog .ac li:focus{background:var(--light);outline:none}
.prenota-dialog .f input[type=number]{-moz-appearance:textfield}
.prenota-dialog .days{display:grid;gap:14px}
.prenota-dialog .day h3{margin:0 0 8px;font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.prenota-dialog .slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prenota-dialog .slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}
.prenota-dialog .slot input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.prenota-dialog .slot b{font-weight:500;font-size:1.02rem}
.prenota-dialog .slot small{font-size:.74rem;color:var(--ink-soft);line-height:1.3}
.prenota-dialog .slot small.man{color:var(--blue)}
.prenota-dialog .slot:hover{border-color:var(--swan)}
.prenota-dialog .slot:has(input:checked){border-color:var(--blue);background:var(--light)}
.prenota-dialog .slot:has(input:focus-visible){outline:3px solid var(--swan);outline-offset:2px}
.prenota-dialog .days .more{background:none;border:0;padding:6px 0;color:var(--blue);font:inherit;font-size:.9rem;cursor:pointer;text-align:left;justify-self:start}
.prenota-dialog .days .wait{margin:0}
.prenota-dialog .quando-alt{margin:0;padding:12px 14px;background:var(--light);border-radius:10px;font-size:.95rem;line-height:1.5}
.prenota-dialog .form-msg h2.when{color:var(--blue)}

/* ---- /manutenzione/gestisci/: la prenotazione dal link della mail ---- */
.page-hero .narrow{max-width:720px}
#gestisci .g-box{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
#gestisci .g-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
#gestisci .g-head .kicker b{font-weight:500}
#gestisci .g-stato{font:500 .7rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--light);color:var(--ink-soft)}
#gestisci .g-stato[data-s=confermata]{background:var(--blue);color:#fff}
#gestisci .g-stato[data-s=annullata]{background:#EEE3E0;color:#8A3D2C}
#gestisci .g-quando{font-size:1.7rem;font-weight:300;margin:.2em 0 .6em;color:var(--blue)}
#gestisci .g-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 20px;font-size:.95rem}
#gestisci .g-dl dt{font:500 .68rem/1.8 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
#gestisci .g-dl dd{margin:0}
#gestisci .g-confirm,#gestisci .g-move{margin-top:16px;padding:16px;background:var(--light);border-radius:10px}
#gestisci .g-confirm p,#gestisci .g-move p{margin:0 0 10px}
#gestisci textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:400 .95rem var(--font-text);color:var(--ink);background:#fff;margin-bottom:12px;resize:vertical}
#gestisci .lnk{background:none;border:0;padding:8px 0;color:var(--blue);font:inherit;font-size:.9rem;cursor:pointer}
#gestisci .g-msg{min-height:1.3em;margin:10px 0 0;font-size:.9rem;color:#B5533C}
#gestisci .g-late{margin-top:14px}
#gestisci .g-done h2,#gestisci .g-gone h2{margin:0 0 .4em}

/* ---------- Condominio: una palazzina, quattro cantieri (stessa logica di Business: la foto si sposta, il disegno si accende) ---------- */
.hero.condominio .scrim{background:linear-gradient(90deg,rgba(20,28,36,.56) 0%,rgba(20,28,36,.30) 45%,rgba(20,28,36,.08) 100%),radial-gradient(ellipse 120% 90% at 50% 45%,rgba(5,8,12,0) 45%,rgba(5,8,12,.32) 100%)}
.cross{margin-top:28px;color:var(--ink-soft)}
.schema.condominio .scene.sc-all{opacity:1}
.schema.condominio .scene img{transition:transform 5.2s linear,object-position 5.2s linear;object-position:50% 50%}
.schema.condominio.live.ph-ct .scene img{transform:scale(1.2);object-position:30% 100%}
.schema.condominio.live.ph-inv .scene img{transform:scale(1.14);object-position:28% 55%}
.schema.condominio.live.ph-fv .scene img{transform:scale(1.16);object-position:30% 10%}
.schema.condominio.live.ph-ev .scene img{transform:scale(1.2);object-position:80% 100%}
.schema.condominio .hub rect{transition:stroke .8s var(--ease-out),fill .8s var(--ease-out)}
.schema.condominio.live .hub rect{stroke:var(--blue);fill:rgba(160,190,210,.16)}
.schema.condominio .chart{stroke:var(--blue)}
.schema.condominio .pv rect,.schema.condominio .win,.schema.condominio .door,.schema.condominio .ct rect,.schema.condominio .ev rect,.schema.condominio .ev path{transition:fill .8s var(--ease-out),stroke .8s var(--ease-out)}
.schema.condominio .pv rect{fill:rgba(78,127,163,.12)}
.schema.condominio.ph-fv .pv rect{fill:rgba(78,127,163,.38)}
.schema.condominio.ph-fv .pv rect,.schema.condominio.ph-fv .pv line{stroke:var(--blue)}
.schema.condominio .ct rect:first-child{fill:rgba(160,190,210,.08)}
.schema.condominio.ph-ct .ct rect,.schema.condominio.ph-ct .ct line{stroke:var(--blue)}
.schema.condominio.ph-ct .ct rect{fill:rgba(160,190,210,.25)}
.schema.condominio .win,.schema.condominio .door{fill:transparent}
.schema.condominio.ph-inv .win{fill:rgba(160,190,210,.38);stroke:var(--blue)}
.schema.condominio.ph-ev .ev rect,.schema.condominio.ph-ev .ev path,.schema.condominio.ph-ev .ev circle{stroke:var(--blue)}
.schema.condominio.ph-ev .ev rect:first-child{fill:rgba(160,190,210,.3)}
.schema.condominio .ground{stroke:var(--line)}
.schema.condominio.scene .scenes::after{background:rgba(255,255,255,.62)}
@media (prefers-reduced-motion:reduce){.schema.condominio .scene img{transition:none;transform:none;object-position:50% 50%}}
/* due partner affiancati (Condominio) */
.partners .duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}
.partners .duo .partner{border-top:1px solid var(--line);padding-top:18px}
.partners .duo .logo img{max-height:40px;width:auto;height:auto}
@media (max-width:640px){.partners .duo{grid-template-columns:1fr}}
/* ---- Condizioni Generali di Contratto (/condizioni-generali/) ---- */
.docs-more{margin:28px 0 0;max-width:64ch;color:var(--ink-soft);font-size:.95rem}
.cg .doc-part{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:400;margin:44px 0 6px;padding-top:26px;border-top:2px solid var(--blue);scroll-margin-top:90px}
.cg .doc-body>.doc-part:first-child{margin-top:0;padding-top:0;border-top:0}
.cg .doc-part span{display:block;color:var(--ink-soft);margin-bottom:6px}
.cg .doc-part+.doc-sec{border-top:0;padding-top:8px}
.cg .doc-sec h2 .an{color:var(--ink-soft);font-weight:300;margin-right:.35em}
.cg .doc-sec .cl{display:grid;grid-template-columns:3.4em minmax(0,1fr);gap:0 .4em;margin:.6em 0;scroll-margin-top:90px}
.cg .doc-sec .cl .n{font-family:var(--font-mono);font-size:.78rem;color:var(--blue);padding-top:.35em}
.cg .doc-sec .cl:target .n{color:var(--ink);font-weight:600}
.cg .doc-sec ul.cl-list{margin:.2em 0 .9em 3.8em}
.cg .doc-toc li.tp{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;padding:16px 0 4px}
.cg .doc-toc li.tp:first-child{padding-top:0}
.cg .doc-toc li.tp a{color:var(--blue);font-size:.7rem;padding:0 0 0 14px;border-left-color:transparent}
.cg .doc-toc li.tp a.on{color:var(--ink)}
.doc-rev{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:90px}
.doc-rev h2{font-size:1.45rem;margin-bottom:.45em}
.doc-rev p{color:var(--ink-soft);font-size:.95rem}
.doc-rev table{border-collapse:collapse;width:100%;margin-top:12px}
.doc-rev th,.doc-rev td{text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top}
.doc-rev th{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:400}
@media (max-width:900px){
  .cg .doc-toc li.tp{flex-basis:100%;padding:10px 0 2px}
  .cg .doc-toc li.tp a{border:0;background:none;padding:0;border-radius:0}
  .cg .doc-sec .cl{grid-template-columns:2.9em minmax(0,1fr)}
  .cg .doc-sec ul.cl-list{margin-left:1.2em}
}
@media print{.cg .doc-sec .cl{break-inside:avoid}}