/* DigitaSito · cinque aperture nuove (11–15), tutte dalla 2. Si appoggia a ../aperture/stile.css. */
.intro a{color:var(--viola)}
.pannello h1.t em{white-space:nowrap}
.h14 h1.t{font-size:clamp(34px,4vw,58px)}

/* l'editor con le colonne: livelli · tela · pannello a destra */
.ed2__corpo{display:grid}
.ed2__corpo--l{grid-template-columns:132px minmax(0,1fr)}
.ed2__corpo--ld{grid-template-columns:136px minmax(0,1fr) 206px}
.ed2__corpo--d{grid-template-columns:minmax(0,1fr) 214px}
.ed2__corpo--solo{grid-template-columns:1fr}
.ed__ante{font-size:12px;font-weight:600;color:#5B6078;padding:6px 10px;border-radius:999px;background:#F1F2F8}
.ed__prop{border-left:1px solid #ECEDF3;padding:12px 14px;font-size:12px}
.ed__prop>small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9A9DB0;margin:0 0 8px}
.pr__blocco{padding:10px 12px;border-radius:10px;background:var(--lavanda);margin-bottom:14px}
.pr__blocco b{display:block;color:var(--viola);font-size:13px}
.pr__blocco span{display:block;margin-top:3px;color:#41455E;font-size:11.5px;line-height:1.4;transition:opacity .3s}
.ed__prop dl{display:grid;grid-template-columns:auto 1fr;gap:10px 8px;margin:0;font-size:11.5px}
.ed__prop dt{color:var(--grigio2)}
.ed__prop dd{margin:0;display:flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:500;text-align:right}
.ed__prop dd i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,5,56,.1)}
.ed__prop dd.ok{color:var(--verde)}
.ed__prop dd .ico{width:13px;height:13px}

/* la fila dei mestieri: chiara fuori dal pannello, accesa quando segue il mestiere */
.fila--chiara{max-width:1240px;margin:0 auto;border-top:0;padding-top:30px}
.fila--chiara small{color:var(--grigio2)}
.fila--chiara span{color:var(--notte)}
.fila--chiara .fila__poi{color:var(--grigio2)}
.fila--accesa span[data-k]{padding:6px 12px;border-radius:999px;transition:background .4s,color .4s}
.fila--accesa span[data-k].on{background:#fff;color:var(--viola)}

/* ---------------------------------------------------------------- 11 · il grande cantiere */
.h11{padding-top:14px}
.h11 .pannello{padding-bottom:0}
.h11 .centro{padding-top:clamp(8px,2vw,26px)}
.grande{position:relative;max-width:1120px;margin:clamp(32px,4vw,52px) auto -120px}
.grande .ed{box-shadow:0 60px 100px -30px rgba(10,0,80,.75),0 0 0 1px rgba(255,255,255,.35)}
.grande__tel{position:absolute;left:-48px;top:210px;width:clamp(100px,12vw,150px);z-index:4}
.grande__prezzo{right:-44px;top:300px}

/* ---------------------------------------------------------------- 12 · un cantiere per ogni mestiere */
.h12{padding-top:14px}
.h12 h1.t{font-size:clamp(36px,4.3vw,62px)}
.ticker{padding-left:12px}
.ticker b{font-weight:600}
.ticker .punto{width:8px;height:8px;border-radius:50%;background:#7CFFB2;box-shadow:0 0 0 4px rgba(124,255,178,.22);animation:lamp 1.4s ease-in-out infinite}
.ruota{display:inline-block;transition:opacity .35s,transform .35s}
.ruota.via{opacity:0;transform:translateY(.3em)}
.k-strato{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.k-strato.on{opacity:1}

/* ---------------------------------------------------------------- 13 · rifatto pezzo per pezzo */
.h13{padding-top:14px}
.rf__nuovo{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 calc(100% - var(--h,0px)) 0);transition:clip-path .9s cubic-bezier(.65,0,.35,1)}
.rf__linea{position:absolute;left:0;right:0;top:var(--h,0px);z-index:4;height:2px;margin-top:-1px;background:var(--viola);box-shadow:0 0 18px 3px rgba(71,58,224,.55);
  transition:top .9s cubic-bezier(.65,0,.35,1),opacity .4s}
.rf__linea span{position:absolute;right:10px;font:600 10.5px Inter,sans-serif;padding:3px 9px;border-radius:999px;white-space:nowrap}
.rf__su{top:-23px;background:var(--viola);color:#fff}
.rf__giu{top:7px;background:rgba(0,0,0,.66);color:#fff}
.rf.finito .rf__linea{opacity:0}
.rf .ed__livelli li{flex-wrap:wrap;row-gap:0}
.rf .ed__livelli li::after{content:"da rifare";flex-basis:100%;padding-left:18px;font-size:9.5px;color:#C3C5D3}
.rf .ed__livelli li.su::after{content:"nuovo ✓";color:var(--verde)}

/* ---------------------------------------------------------------- 14 · su ogni schermo */
.h14{padding-top:14px}
.pannello--notte{background:radial-gradient(60% 70% at 85% 10%,rgba(123,108,255,.5),transparent 60%),radial-gradient(45% 55% at 0% 100%,rgba(255,120,200,.22),transparent 70%),
  linear-gradient(150deg,#07063A 0%,#1F1699 52%,#473AE0 100%)}
.tre{perspective:1600px;padding:14px 0 50px}
.tre__br{width:90%;margin-left:auto;transform:rotateY(-10deg) rotateX(3deg);transform-origin:70% 50%;box-shadow:0 50px 90px -30px rgba(0,0,40,.8)}
.tre__tel{position:absolute;right:-14px;bottom:0;width:clamp(104px,12.5vw,156px);transform:rotateY(-8deg);z-index:4}
.tre .ws{transition:transform .9s cubic-bezier(.65,0,.35,1)}
.tre__prezzo{position:relative;display:inline-block;margin-top:28px}
.lista{left:-34px;bottom:44px;width:236px;padding:16px}
.lista>b{display:block;font:600 14px 'Inter Tight',sans-serif}
.lista ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.lista li{display:flex;align-items:center;gap:9px;font-size:13px;color:#A3A6B8;transition:color .3s}
.lista li i{width:20px;height:20px;border-radius:50%;border:2px dashed #CBCDE0;display:grid;place-items:center;flex:none;transition:background .3s,border-color .3s}
.lista li i .ico{width:12px;height:12px;opacity:0;transition:opacity .3s}
.lista li.su{color:var(--notte)}
.lista li.su i{border:2px solid var(--verde);background:var(--verde);color:#fff}
.lista li.su i .ico{opacity:1}
.lista__barra{height:6px;margin-top:14px;border-radius:3px;background:#EEF0F6;overflow:hidden}
.lista__barra i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,#473AE0,#7B6CFF);transition:width .6s}
.lista__nota{display:block;margin-top:6px;font-size:11px;font-weight:600;color:var(--viola)}

/* ---------------------------------------------------------------- 15 · le tue scelte, il prezzo che cambia */
.h15{padding-top:14px}
.gr--15{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr)}
.h15 h1.t{font-size:clamp(36px,4.2vw,60px)}
.v15{padding-bottom:20px}
.ed__pagine{display:flex;gap:4px;margin-left:10px;min-width:0;overflow:hidden}
.ed__pagine span{max-width:110px;padding:4px 9px;border-radius:7px;background:#F1F2F8;color:#5B6078;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;
  transition:max-width .45s,padding .45s,opacity .45s,background .3s,color .3s}
.ed__pagine span.on{background:var(--lavanda);color:var(--viola)}
.ed15[data-pagine="1"] [data-pg="2"],.ed15[data-pagine="1"] [data-pg="3"],.ed15[data-pagine="2"] [data-pg="3"]{max-width:0;padding-left:0;padding-right:0;opacity:0}
.ed15 .ed__tela{height:100%}
.ed15 .ed__tela .br__vista{aspect-ratio:auto;height:100%;min-height:300px}
.ed15 .ws{animation:scorriWs 24s cubic-bezier(.65,0,.35,1) infinite}
.ed15 .ws,.ed15 .ws *{transition:background-color .7s,color .7s}
.ed15[data-colore="2"] .v-estetista{--bg:#EEF1E8;--ink:#2F4A3A;--acc:#7E8F55;--soft:#DCE3CF}
.ed15[data-colore="3"] .v-estetista{--bg:#FFF8F9;--ink:#141414;--acc:#D27E99;--soft:#F7E3EA}
.sc15{display:flex;flex-direction:column;gap:14px;border-left:1px solid #ECEDF3;padding:14px;font-size:12px}
.sc15>small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9A9DB0}
.sc15__eti{display:block;margin-bottom:7px;font-size:11px;font-weight:600;color:#6B6F86}
.sc15__pagine{display:grid;gap:5px}
.sc15__pagine span{display:flex;flex-direction:column;padding:7px 10px;border:1px solid #E8E9F1;border-radius:10px;font-weight:600;transition:border-color .3s,background .3s,color .3s}
.sc15__pagine small{font-weight:400;color:var(--grigio2);font-size:10.5px}
.sc15__pagine span.on{border-color:var(--viola);background:#F6F4FF;color:var(--viola)}
.sc15__cifra{margin-top:auto;padding:12px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3A2DD6,#7B6CFF)}
.sc15__cifra small{display:block;font-size:10.5px;opacity:.82}
.sc15__cifra b{display:block;font:700 20px/1.2 'Inter Tight',sans-serif;letter-spacing:-.02em;transition:opacity .25s}
.sc15__cifra b.cambia{opacity:0}
.sc15__cifra span{display:block;margin-top:2px;font-size:10.5px;opacity:.85}

/* ---------------------------------------------------------------- telefono e schermi stretti */
@media (max-width:980px){
  .gr--15{grid-template-columns:1fr}
  .ed2__corpo--ld{grid-template-columns:120px minmax(0,1fr)}
  .ed2__corpo--ld .ed__prop{display:none}
  .grande{margin-left:14px;margin-right:14px}
}
@media (max-width:640px){
  .ed2__corpo--l,.ed2__corpo--ld{grid-template-columns:1fr}
  .ed2 .ed__livelli{display:none}
  .ed__ante,.ed__dev{display:none}
  .ed__top b{font-size:11.5px;white-space:nowrap}
  .grande{margin-bottom:-70px}
  .grande__tel{display:none}
  .grande__prezzo{right:auto;left:-10px;top:auto;bottom:100px}
  .tre__br{width:100%;transform:none}
  .tre__tel{right:-6px;top:80px;bottom:auto;width:84px;transform:none}
  .lista{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:16px 0 0}
  .lista ul{grid-template-columns:1fr 1fr}
  .ed2__corpo--d{grid-template-columns:1fr}
  .sc15{border-left:0;border-top:1px solid #ECEDF3;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .sc15>small{grid-column:1/-1}
  .sc15__cifra{grid-column:1/-1}
  .ed__pagine{display:none}
  .fila--accesa span[data-k]{padding:4px 10px}
}