/* Le scene delle case in vendita: le usano la pagina Offerte e le schede. La luce la muove chi guarda. */
.scena{position:relative;margin:0;aspect-ratio:4/5;border-radius:3px;overflow:hidden;touch-action:pan-y;cursor:crosshair;
  box-shadow:0 30px 60px -24px rgba(70,44,20,.5),0 2px 6px rgba(70,44,20,.12)}
.scena figcaption{position:absolute;left:16px;bottom:12px;font-style:italic;font-size:16px;color:rgba(255,250,242,.86);text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none}
.scena canvas{display:block;width:100%;height:100%}
/* Savona: la stanza con la vetrata, e la luce colorata sul pavimento alla veneziana */
.stanza{position:absolute;inset:0;background:linear-gradient(#f1e7d8,#e2d1ba 79%,#bfa588 79%,#bfa588 82%)}
.vetrata{position:absolute;left:24%;top:7%;width:52%;filter:drop-shadow(0 6px 10px rgba(60,40,20,.25))}
.vetrata .v{stroke:#2a211c;stroke-width:3.5;stroke-linejoin:round}
.alone{position:absolute;left:10%;top:0;width:80%;height:62%;background:radial-gradient(closest-side,rgba(255,236,200,.75),rgba(255,236,200,0));mix-blend-mode:screen;pointer-events:none}
.pavimento{position:absolute;left:-30%;right:-30%;bottom:0;height:58%;transform:perspective(520px) rotateX(60deg);transform-origin:50% 100%;overflow:hidden;
  background:
    radial-gradient(circle at 30% 40%,#8c5a4a 0 1.6px,transparent 2.2px) 0 0/23px 19px,
    radial-gradient(circle at 70% 60%,#f6efe4 0 2.4px,transparent 3px) 0 0/31px 27px,
    radial-gradient(circle at 50% 50%,#6b6f78 0 1.2px,transparent 1.8px) 0 0/17px 13px,
    radial-gradient(circle at 20% 80%,#b77a5c 0 3px,transparent 3.6px) 0 0/41px 37px,
    radial-gradient(circle at 80% 20%,#e2c9a6 0 2px,transparent 2.6px) 0 0/29px 23px,
    #d4bea4;
  box-shadow:inset 0 0 0 14px #7c4e3c,inset 0 0 0 17px #e8dccb}
.pavimento span{position:absolute;width:13%;height:22%;border-radius:50%;filter:blur(9px);mix-blend-mode:multiply;transform:translate(-50%,-50%);pointer-events:none}
.pavimento .chiaro{mix-blend-mode:screen;background:#fff3dc;width:46%;height:80%;filter:blur(20px)}