.rv-box{position:relative;aspect-ratio:16/10;}
.rv{position:absolute;inset:0;overflow:hidden;background:#DCCFB7;filter:saturate(.94) contrast(1.04);}   
.rv-tela{position:absolute;left:0;top:0;transform-origin:0 0;font-family:Archivo,sans-serif;line-height:normal;color:#2A2118;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;}
.rv-tela.fermo *{transition:none!important;animation:none!important;}
.rv button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.rv button:disabled{cursor:default;pointer-events:none;}   

.rv-scena{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--gc);padding:0 var(--mx);}
.rv-coppia{display:flex;gap:var(--gx);}
.rv-col{flex:1 1 0;min-width:0;}
.rv-cerca{display:flex;align-items:center;gap:.5em;height:var(--sh);box-sizing:border-box;padding:0 .9em;flex:0 0 auto;
  border-radius:999px;background:#FBF5EA;border:1px solid rgba(23,15,8,.14);color:#2A2118;font-size:var(--fs);white-space:nowrap;
  box-shadow:0 1px 2px rgba(40,24,8,.10);}
.rv-cerca svg{width:var(--ic);height:var(--ic);flex:0 0 auto;color:#5E5140;}
.rv-sch{position:relative;overflow:hidden;box-sizing:border-box;padding:var(--pd);background:#FBF5EA;border:1px solid rgba(23,15,8,.12);border-radius:var(--rad);
  box-shadow:0 1px 2px rgba(40,24,8,.10),0 calc(var(--rad)*.8) calc(var(--rad)*1.8) calc(var(--rad)*-1) rgba(40,24,8,.42);
  font-size:var(--fs);line-height:1.2;white-space:nowrap;transition:filter .6s ease;}
.rv-nome{font-size:var(--fn);font-weight:700;letter-spacing:-.01em;line-height:1.15;color:#21180F;overflow:hidden;text-overflow:ellipsis;}
.rv-cat{color:#6B5D4A;margin-top:.18em;overflow:hidden;text-overflow:ellipsis;}
.rv-info{margin-top:var(--g1);padding-top:var(--g2);border-top:1px solid rgba(23,15,8,.10);}
.rv-r{display:flex;align-items:center;gap:var(--gi);height:var(--rh);color:#2A2118;overflow:hidden;}
.rv-r svg{width:var(--ic);height:var(--ic);flex:0 0 auto;color:#7A6A55;}
.rv-r span{overflow:hidden;text-overflow:ellipsis;}
.rv-r .rv-no{color:#7A6A55;}
.rv-r b{font-weight:700;}
.rv-r .rv-num{display:inline-block;font-size:1.22em;font-weight:700;line-height:1;overflow:visible;}
.rv-bott{display:flex;gap:var(--gb);margin-top:var(--g3);}
.rv .rv-b{display:inline-flex;align-items:center;height:var(--bh);box-sizing:border-box;padding:0 var(--bp,.95em);border-radius:999px;
  border:1px solid #CDBFA6;color:#3A2F22;font-weight:600;}
.rv .rv-b.rv-r1{background:#B42A0B;border-color:#B42A0B;color:#FFF6EC;}

.rv-corpo{position:relative;}
.rv button.rv-b:hover:not(:disabled){filter:brightness(1.06);}
.rv .premuto{transform:scale(.95);}
.rv-num.gira{animation:rv-gira .55s cubic-bezier(.2,.8,.2,1);}
@keyframes rv-gira{0%{transform:none;opacity:1}45%{transform:translateY(-60%);opacity:0}55%{transform:translateY(60%);opacity:0}100%{transform:none;opacity:1}}
.rv-riga-ok{border-radius:calc(var(--rad)*.5);transition:background-color 1.6s ease;}
.rv-riga-ok.lampo{background-color:#FFE7B8;transition:none;}

.rv-squillo{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bh) + var(--pd) * 1.5);display:flex;align-items:center;gap:var(--gi);
  padding:0 var(--pd);background:#F1E7D5;border-top:1px solid rgba(23,15,8,.10);font-weight:600;
  transform:translateY(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);}
.rv-squillo i{display:grid;place-items:center;width:calc(var(--bh)*.78);height:calc(var(--bh)*.78);border-radius:50%;background:#2A2118;flex:none;}
.rv-squillo svg{width:52%;height:52%;color:#FFF6EC;}
.rv-e.squilla .rv-squillo{transform:none;}
.rv-e.squilla:not(.muto) .rv-squillo i{animation:rv-trilla 1s ease-in-out infinite;}
@keyframes rv-trilla{0%,40%,100%{transform:none}5%,15%,25%,35%{transform:rotate(-13deg)}10%,20%,30%{transform:rotate(13deg)}}
.rv-e.muto .rv-squillo{color:#7A6A55;}
.rv-e.muto .rv-squillo i{background:#B5A88F;}
.rv-e.muto{filter:saturate(.75) brightness(.97);}

.rv-vista{transition:opacity .15s ease .12s;}
.rv-pren,.rv-ok{position:absolute;left:0;right:0;top:var(--g1);bottom:0;display:flex;flex-direction:column;opacity:0;
  transform:translateY(calc(var(--rh) * .35));pointer-events:none;transition:opacity .15s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
.rv-pren{border-top:1px solid rgba(23,15,8,.10);padding-top:var(--g2);}
.rv-n.apri .rv-vista{opacity:0;pointer-events:none;transition-delay:0s;}
.rv-n.apri .rv-pren{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s;}
.rv-n.fatto .rv-pren{opacity:0;transform:translateY(calc(var(--rh) * -.25));pointer-events:none;transition-delay:0s;}
.rv-n.fatto .rv-ok{opacity:1;transform:none;transition-delay:.12s;}
.rv-pt{display:flex;align-items:center;height:var(--rh);color:#6B5D4A;}
.rv-ore{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gb);}
.rv-ore button{height:var(--bh);border:1px solid #CDBFA6;border-radius:calc(var(--rad)*.7);background:#FFF9EF;font-weight:600;
  transition:background-color .2s,color .2s,border-color .2s;}
.rv-ore button.sc{background:#2A2118;border-color:#2A2118;color:#FFF6EC;}
.rv-ore button:disabled{color:#B3A68F;text-decoration:line-through;background:transparent;}
.rv .rv-b.rv-conf{margin-top:auto;justify-content:center;width:100%;}
.rv .rv-b.rv-conf:disabled{opacity:.45;}
.rv-ok{align-items:center;justify-content:center;text-align:center;line-height:1.3;}
.rv-ok i{display:grid;place-items:center;width:calc(var(--bh)*1.1);height:calc(var(--bh)*1.1);margin-bottom:calc(var(--g3)*.6);border-radius:50%;background:#2A2118;}
.rv-ok svg{width:56%;height:56%;color:#FFF6EC;}
.rv-ok p{margin:0;}
.rv-ok b{font-size:1.15em;}
.rv-ok small{display:block;font-size:.85em;color:#6B5D4A;}

.rv-cur{position:absolute;left:0;top:0;width:var(--cur);height:var(--cur);z-index:5;pointer-events:none;opacity:0;
  filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.3));transition:opacity .25s;}
.rv-cur svg{display:block;width:100%;height:100%;transform-origin:21% 10%;transition:transform .1s;}
.rv-cur.su{opacity:1;}
.rv-cur.clic svg{transform:scale(.86);}
.rv-onda,.rv-dito{position:absolute;border-radius:50%;pointer-events:none;}
.rv-onda{width:var(--onda);height:var(--onda);margin:calc(var(--onda)/-2) 0 0 calc(var(--onda)/-2);z-index:4;
  border:2px solid rgba(180,42,11,.55);background:rgba(180,42,11,.10);animation:rv-onda .45s ease-out forwards;}
@keyframes rv-onda{from{transform:scale(.25);opacity:1}to{transform:scale(1.25);opacity:0}}
.rv-dito{width:var(--dito);height:var(--dito);margin:calc(var(--dito)/-2) 0 0 calc(var(--dito)/-2);z-index:5;
  background:rgba(30,26,20,.20);border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 6px rgba(0,0,0,.18);animation:rv-dito .62s ease-out forwards;}
@keyframes rv-dito{0%{transform:scale(.55);opacity:0}25%{transform:scale(1);opacity:1}55%{transform:scale(.88);opacity:1}100%{transform:scale(1);opacity:0}}

.rv-tasto{display:inline-block;min-width:calc(6.3em + 12px);margin:-10px -6px -10px calc(1.1em - 6px);padding:10px 6px;border:0;background:none;
  text-align:left;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-note);cursor:pointer;}
.rv-tasto:hover{color:var(--ink);}
.rv-tasto:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){
  .rv *,.rv *::before{transition:none!important;animation:none!important;}
}