/* ==========================================================================
   Una Villa, refresh. Il sistema: «la casa stessa: pietra, calce, ombra».
   Specifica: docs/superpowers/specs/2026-09-13-redesign-design.md
   Prefisso `uvr-`. Nessun colore fuori dai token qui sotto.
   ========================================================================== */

/* ---- caratteri: due famiglie variabili, self-hosted --------------------- */
@font-face{font-family:Cormorant;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/Cormorant-wght.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fonts/Cormorant-Italic-wght.woff2) format('woff2')}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/AlbertSans-wght.woff2) format('woff2')}
@font-face{font-family:"Albert Sans";font-style:italic;font-weight:300;font-display:swap;src:url(/assets/fonts/AlbertSans-Italic-wght.woff2) format('woff2')}

/* ---- token --------------------------------------------------------------- */
:root{
  --calce:#f4f4f0;          /* fondo: calce fredda */
  --carta:#fff;             /* pannelli */
  --pietra:#e6e4de;         /* seconda superficie */
  --pietra-filo:#cfccc4;    /* filetti 1px */
  --ombra:#23221f;          /* testo; la superficie che chiude */
  --ombra-tenue:#66625a;    /* testo secondario, 5,6:1 su calce */
  --oro:#a59156;            /* il marchio: segni, quote, titoli grandi */
  --oro-inchiostro:#6f5f35; /* oro che porta testo piccolo, 5,5:1 */
  --calce-su-ombra:#e9e8e2;
  --ombra-lunga:0 24px 48px -28px rgba(35,34,31,.45);
  --serif:Cormorant,"Cormorant Garamond",Georgia,serif;
  --sans:"Albert Sans",system-ui,sans-serif;
  --misura:64ch;
  --gut:clamp(20px,4vw,48px);
  --col:1280px;
  --testata:72px;
  --facile:cubic-bezier(.2,.7,.2,1);
}

/* ---- base ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--pietra-filo) var(--calce);scrollbar-width:thin}
body{margin:0;background:var(--calce);color:var(--ombra);font:300 1.0625rem/1.7 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
::selection{background:var(--pietra);color:var(--ombra)}
:focus-visible{outline:2px solid var(--oro-inchiostro);outline-offset:3px}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.1em;max-width:var(--misura)}
p:last-child{margin-bottom:0}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.05;margin:0;letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(2.5rem,5vw,4.25rem)}
h2{font-size:clamp(2rem,4vw,3.25rem)}
h3{font-size:clamp(1.35rem,2vw,1.6rem);font-weight:400}
.uvr-lapide{font-family:var(--serif);font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(1.05rem,1.6vw,1.35rem)}
.uvr-voce{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.35;max-width:36ch}
.uvr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.uvr-in{width:min(var(--col),100% - 2*var(--gut));margin-inline:auto;min-width:0}

/* collegamento testuale: sottolineatura a distanza, oro-inchiostro */
.uvr-rimando{font-weight:500;color:var(--oro-inchiostro);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;transition:color .2s}
.uvr-rimando:hover{color:var(--ombra)}
/* pulsante pieno: l'unico */
.uvr-bottone{display:inline-block;background:var(--oro-inchiostro);color:#fff;font-weight:500;font-size:.9375rem;letter-spacing:.04em;padding:.85em 1.6em;line-height:1.3;transition:background .2s,transform .1s}
.uvr-bottone:hover{background:var(--ombra)}
.uvr-bottone:active{transform:translateY(1px)}
.uvr-bottone--grande{font-size:1.0625rem;padding:1em 2.2em}

/* ---- la quota: l'unico ornamento. Un filetto con due tacche, il numero sopra */
.uvr-quota{display:inline-flex;flex-direction:column;align-items:center;gap:.35em;font-family:var(--sans);font-size:.8125rem;letter-spacing:.06em;color:var(--ombra);line-height:1;min-width:4.5em}
.uvr-quota b{font-weight:500}
.uvr-quota::after{content:'';display:block;width:100%;height:9px;border-left:1px solid var(--oro);border-right:1px solid var(--oro);background:linear-gradient(var(--oro),var(--oro)) center/100% 1px no-repeat}
.uvr-quota--chiara{color:var(--calce-su-ombra)}
.uvr-quota--chiara::after{border-color:var(--oro);background-image:linear-gradient(var(--oro),var(--oro))}
.uvr-quote{display:flex;flex-wrap:wrap;gap:1.4rem 2.2rem;align-items:flex-end}

/* ---- testata ------------------------------------------------------------- */
.uvr-top{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--testata);background:var(--calce);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,color .3s}
.uvr-top.is-set{border-bottom-color:var(--pietra-filo)}
.uvr-top__in{height:100%;display:flex;align-items:center;gap:1.5rem}
.uvr-marchio{display:flex;align-items:center;gap:.7rem;margin-right:auto}
.uvr-marchio svg{width:28px;height:34px}
.uvr-marchio .uvr-marchio__punto{fill:var(--oro)}
.uvr-marchio .uvr-marchio__segno{fill:currentColor}
.uvr-marchio span{font-family:var(--serif);font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.95rem}
.uvr-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(1rem,2.2vw,2rem)}
.uvr-nav a{font-size:.9375rem;font-weight:400;padding:.4em 0;position:relative}
.uvr-nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--facile)}
.uvr-nav a:hover::after,.uvr-nav a[aria-current]::after{transform:scaleX(1)}
.uvr-lingua{font-size:.8125rem;font-weight:500;letter-spacing:.1em;padding:.4em 0;border-left:1px solid var(--pietra-filo);padding-left:1.5rem}
.uvr-top .uvr-bottone{padding:.7em 1.3em;font-size:.875rem}
.uvr-burger{display:none;width:44px;height:44px;border:0;background:none;color:inherit;padding:10px;cursor:pointer}
.uvr-burger span{display:block;height:1.5px;background:currentColor;margin:6px 0;transition:transform .3s,opacity .3s}
/* sopra il filmato: trasparente, testo di calce, un contorno che difende il caso peggiore */
.uvr-top.is-sopra:not(.is-set):not(.is-nav){background:transparent;color:var(--calce-su-ombra);text-shadow:0 1px 2px rgba(35,34,31,.6)}
.uvr-top.is-sopra:not(.is-set):not(.is-nav) .uvr-lingua{border-left-color:rgba(233,232,226,.4)}
.uvr-top.is-sopra:not(.is-set):not(.is-nav) .uvr-bottone{background:var(--carta);color:var(--ombra);text-shadow:none}

/* ---- stanze: ogni sezione e' alta come la finestra ---------------------- */
.uvr-stanza{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;padding-block:calc(var(--testata) + 3rem) 4rem;position:relative;scroll-snap-align:start;scroll-margin-top:0}
.uvr-stanza--pietra{background:var(--pietra)}
.uvr-stanza--ombra{background:var(--ombra);color:var(--calce-su-ombra)}
.uvr-stanza__titolo{margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.uvr-testo{display:grid;gap:1.4rem;align-content:start}
.uvr-testo .uvr-rimando{justify-self:start;margin-top:.4rem}
/* l'aggancio: solo dove ha senso, mai obbligatorio */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  html.uvr-agganciata{scroll-snap-type:y proximity}
}

/* indice delle stanze */
.uvr-indice{position:fixed;right:clamp(12px,2vw,28px);top:50%;transform:translateY(-50%);z-index:15;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.uvr-indice a{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--ombra-tenue);font-size:.75rem;letter-spacing:.06em;text-decoration:none}
.uvr-indice a span{opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}
.uvr-indice a:hover span,.uvr-indice a:focus-visible span{opacity:1;transform:none}
.uvr-indice a::after{content:'';width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg);transition:background .2s}
.uvr-indice a[aria-current]::after{background:var(--oro);border-color:var(--oro)}
.uvr-stanza--ombra ~ .uvr-indice,.uvr-indice.is-scura a{color:var(--calce-su-ombra)}
.uvr-indice.is-chiara a{color:var(--calce-su-ombra)}

/* ---- ingresso: i filmati --------------------------------------------------- */
.uvr-ingresso{padding:0;isolation:isolate;overflow:hidden;color:var(--calce-su-ombra);grid-template-rows:1fr auto;align-content:stretch}
.uvr-filmati{position:absolute;inset:0;z-index:-2;background:var(--ombra);overflow:hidden}
.uvr-filmati video{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease-in-out}
/* le bande nere incise nei file: 100px per lato nelle clip 2 e 3, 90 nella 1 (CLAUDE.md §29) */
.uvr-filmati video.uvr-taglio100{width:calc(100% * 1280 / 1080)}
.uvr-filmati video.uvr-taglio90{width:calc(100% * 1280 / 1100)}
.uvr-filmati video.is-on{opacity:1}
.uvr-ingresso::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(35,34,31,.55) 0%,rgba(35,34,31,.32) 30%,rgba(35,34,31,.32) 60%,rgba(35,34,31,.6) 100%)}
.uvr-say{position:relative;display:grid;place-items:center;text-align:center;padding:calc(var(--testata) + 2rem) var(--gut) 2rem}
.uvr-slide{grid-area:1/1;opacity:0;transition:opacity 1.2s ease;text-shadow:0 1px 2px rgba(35,34,31,.7),0 4px 24px rgba(35,34,31,.55)}
.uvr-slide.is-on{opacity:1}
.uvr-slide p{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.7rem);margin:0 0 .4em;max-width:none}
.uvr-slide h2{font-size:clamp(2.6rem,7vw,6rem);font-weight:300;letter-spacing:.02em}
/* il pannello: poggia sul bordo inferiore, allineato a un'unica quota d'orizzonte */
.uvr-dock{position:relative;padding:0 var(--gut) clamp(1.5rem,4vw,3.5rem);display:flex;justify-content:flex-start}
.uvr-dock__pannello{background:var(--carta);color:var(--ombra);box-shadow:var(--ombra-lunga);padding:clamp(1.4rem,2.5vw,2.2rem) clamp(1.4rem,2.5vw,2.4rem);width:min(100%,880px)}
.uvr-dock__pannello h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.15em}
.uvr-dock__pannello .uvr-dock__riga{font-size:.9375rem;color:var(--ombra-tenue);margin-bottom:1.2rem;max-width:none}
.uvr-dock__modulo{min-height:60px}
.uvr-dock__telefono{display:none}
@media (max-width:900px){
  .uvr-dock__modulo{display:none}
  .uvr-dock__telefono{display:inline-block}
}

/* ---- la fisarmonica delle camere ----------------------------------------- */
.uvr-strisce{display:flex;gap:6px;max-width:1000px;height:min(600px,68svh);margin-inline:auto}
.uvr-striscia{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--ombra);color:var(--calce-su-ombra);transition:flex .55s var(--facile)}
.uvr-striscia img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s var(--facile)}
.uvr-striscia.is-aperta,.uvr-strisce:not(:has(.is-aperta)) .uvr-striscia:first-child{flex-grow:2}
.uvr-striscia__nome{position:absolute;left:0;bottom:0;padding:1.2rem;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--serif);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;text-shadow:0 1px 3px rgba(35,34,31,.7);white-space:nowrap;transition:opacity .3s}
.uvr-striscia__dida{position:absolute;inset:auto 0 0 0;padding:4.5rem 1.4rem 1.4rem;background:linear-gradient(180deg,rgba(35,34,31,0),rgba(35,34,31,.75));opacity:0;transform:translateY(8px);transition:opacity .4s .15s,transform .4s .15s;display:grid;gap:.6rem}
.uvr-striscia__dida h3{font-family:var(--serif);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:1.05rem;color:#fff}
.uvr-striscia__dida .uvr-quota{color:#fff}
.uvr-striscia__dida .uvr-rimando{color:#fff;font-size:.875rem}
.uvr-striscia.is-aperta .uvr-striscia__nome,.uvr-strisce:not(:has(.is-aperta)) .uvr-striscia:first-child .uvr-striscia__nome{opacity:0}
.uvr-striscia.is-aperta .uvr-striscia__dida,.uvr-strisce:not(:has(.is-aperta)) .uvr-striscia:first-child .uvr-striscia__dida{opacity:1;transform:none}
.uvr-striscia:focus-visible{outline-offset:-3px}
@media (max-width:900px){
  .uvr-strisce{height:auto;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-inline:var(--gut);margin-inline:calc(-1*var(--gut))}
  .uvr-strisce::-webkit-scrollbar{display:none}
  .uvr-striscia{flex:0 0 78vw;max-width:330px;height:min(110vw,470px);scroll-snap-align:center}
  .uvr-striscia__nome{display:none}
  .uvr-striscia__dida{opacity:1;transform:none}
}

/* ---- stanze di contenuto ------------------------------------------------- */
.uvr-due{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.uvr-due--inverso{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.uvr-due--inverso .uvr-testo{order:2}
/* la coppia sfalsata: due verticali, la seconda scesa */
.uvr-coppia{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);align-items:start;max-width:680px;justify-self:end}
.uvr-coppia img{width:100%;max-width:330px;justify-self:end}
.uvr-coppia img:last-child{margin-top:12%}
/* la coppia orizzontale + verticale */
.uvr-tandem{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(1rem,2.5vw,2rem);align-items:end;justify-self:end;max-width:860px}
.uvr-tandem img{width:100%}
.uvr-tandem img:first-child{max-width:500px}
.uvr-tandem img:last-child{max-width:330px}
/* Amalfi: foto a tutto schermo, pannello bianco */
.uvr-costa{padding:0;isolation:isolate;align-content:end}
.uvr-costa__foto{position:absolute;inset:0;z-index:-1}
.uvr-costa__foto img{width:100%;height:100%;object-fit:cover}
.uvr-costa .uvr-in{padding-block:calc(var(--testata) + 2rem) clamp(2rem,5vw,4rem)}
.uvr-pannello{background:var(--carta);color:var(--ombra);box-shadow:var(--ombra-lunga);padding:clamp(1.6rem,3vw,2.6rem) clamp(1.6rem,3vw,2.8rem);max-width:760px}
.uvr-pannello blockquote{margin:0 0 .5rem}
.uvr-pannello figcaption{font-size:.875rem;color:var(--ombra-tenue);margin-bottom:1.8rem}
.uvr-pannello .uvr-rimando{display:inline-block;margin-top:1.6rem}
/* l'ultima stanza: ombra, e il piede dentro */
.uvr-chiusa{grid-template-rows:1fr auto;align-content:stretch;padding-bottom:0}
.uvr-chiusa__corpo{display:grid;gap:1.4rem;align-content:center;padding-bottom:3rem}
.uvr-chiusa__corpo p{color:var(--calce-su-ombra)}
.uvr-chiusa .uvr-bottone{background:var(--carta);color:var(--ombra);justify-self:start}
.uvr-chiusa .uvr-bottone:hover{background:var(--oro)}

/* ---- piede ----------------------------------------------------------------- */
.uvr-piede{background:var(--ombra);color:var(--calce-su-ombra);font-size:.9375rem;padding-block:3rem 1.5rem}
.uvr-piede__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(233,232,226,.18)}
.uvr-piede img{width:120px;height:auto;filter:invert(1) brightness(1.2);opacity:.9;margin-bottom:1rem}
.uvr-piede ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.uvr-piede a:hover{text-decoration:underline;text-underline-offset:.25em}
.uvr-piede p{color:var(--calce-su-ombra);max-width:none}
.uvr-piede__legale{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.2rem;font-size:.8125rem;color:rgba(233,232,226,.7)}
.uvr-piede__legale button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.25em;cursor:pointer;padding:0}

/* il banner cookie condiviso: i suoi ori portano testo, qui diventano oro-inchiostro */
.uvc__btns .uvc__ok{background:var(--oro-inchiostro)}
.uvc__btns .uvc__ok:hover{background:var(--ombra)}
.uvc__text a,.uvc__links a{color:var(--oro-inchiostro)}

/* ---- pagine interne ------------------------------------------------------- */
.uvr-pagina{padding-block:calc(var(--testata) + clamp(2.5rem,6vw,5rem)) clamp(3rem,7vw,6rem)}
.uvr-briciole{font-size:.8125rem;color:var(--ombra-tenue);margin-bottom:1.2rem;letter-spacing:.02em}
.uvr-briciole a:hover{color:var(--ombra)}
.uvr-apertura{display:grid;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}
.uvr-apertura p{font-size:1.125rem}

/* tabella di confronto: l'assenza si disegna */
.uvr-confronto{width:100%;border-collapse:collapse;font-size:.9375rem;margin-top:1.5rem}
.uvr-confronto th,.uvr-confronto td{text-align:left;padding:.9rem .6rem;border-bottom:1px solid var(--pietra-filo);vertical-align:middle}
.uvr-confronto thead th{font-family:var(--serif);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;border-bottom-color:var(--ombra)}
.uvr-confronto tbody th{font-weight:400;color:var(--ombra-tenue);width:11em}
.uvr-confronto td{font-weight:400}
.uvr-confronto .uvr-si::before{content:'';display:inline-block;width:9px;height:9px;background:var(--oro);transform:rotate(45deg);margin-right:.6em;vertical-align:1px}
.uvr-confronto .uvr-no{color:var(--ombra-tenue)}
.uvr-confronto .uvr-no::before{content:'';display:inline-block;width:14px;height:1px;background:var(--pietra-filo);margin-right:.6em;vertical-align:4px}
.uvr-confronto tbody tr:hover{background:rgba(255,255,255,.55)}
.uvr-tavola{overflow-x:auto}

/* scheda camera */
.uvr-scheda{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(2rem,4vw,4rem);align-items:start}
.uvr-galleria{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.5vw,1.25rem)}
.uvr-galleria img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--pietra)}
.uvr-lato{position:sticky;top:calc(var(--testata) + 1.5rem);background:var(--carta);box-shadow:var(--ombra-lunga);padding:clamp(1.4rem,2.5vw,2rem);display:grid;gap:1.4rem}
.uvr-lato .uvr-quote{gap:1.2rem 1.6rem}
.uvr-fatti{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.uvr-fatti li{display:flex;align-items:center;gap:.9rem;font-size:.9375rem}
.uvr-fatti img{width:32px;height:28px;object-fit:contain;flex:none}
.uvr-lato .uvr-bottone{justify-self:stretch;text-align:center}
.uvr-lato small{color:var(--ombra-tenue);font-size:.8125rem}
.uvr-servizi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(2.5rem,5vw,4rem)}
.uvr-servizi h3{padding-bottom:.6rem;border-bottom:1px solid var(--ombra);margin-bottom:.8rem}
.uvr-servizi ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.9375rem}
.uvr-servizi li::before{content:'';display:inline-block;width:6px;height:6px;background:var(--oro);transform:rotate(45deg);margin-right:.7em;vertical-align:2px}
.uvr-altre{margin-top:clamp(2.5rem,5vw,4rem)}
.uvr-altre ul{list-style:none;margin:1.2rem 0 0;padding:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:1.5rem 3rem;border-top:1px solid var(--ombra)}
.uvr-altre a{display:grid;grid-template-columns:56px 1fr;gap:.9rem;align-items:center}
.uvr-altre a:hover b{text-decoration:underline;text-underline-offset:.25em}
.uvr-altre img{width:56px;height:80px;object-fit:cover}
.uvr-altre b{display:block;font-family:var(--serif);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}
.uvr-altre small{color:var(--ombra-tenue);font-size:.8125rem}

/* barra fissa in basso, solo telefono */
.uvr-barra{display:none}

/* ---- telefono -------------------------------------------------------------- */
@media (max-width:900px){
  :root{--testata:60px}
  .uvr-nav,.uvr-lingua{display:none}
  .uvr-burger{display:block}
  .uvr-top .uvr-bottone{display:none}
  .uvr-top.is-nav{background:var(--ombra);color:var(--calce-su-ombra)}
  .uvr-top.is-nav .uvr-nav{display:block;position:fixed;inset:var(--testata) 0 0 0;background:var(--ombra);color:var(--calce-su-ombra);padding:2rem var(--gut)}
  .uvr-top.is-nav .uvr-nav ul{flex-direction:column;gap:0}
  .uvr-top.is-nav .uvr-nav a{font-family:var(--serif);font-size:2rem;font-weight:300;padding:.35em 0;display:block}
  .uvr-top.is-nav .uvr-nav a::after{display:none}
  .uvr-top.is-nav .uvr-lingua{display:block;position:fixed;left:var(--gut);bottom:2rem;border:0;padding:0;color:var(--calce-su-ombra)}
  .uvr-top.is-nav .uvr-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .uvr-top.is-nav .uvr-burger span:nth-child(2){opacity:0}
  .uvr-top.is-nav .uvr-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .uvr-indice{display:none}
  .uvr-stanza{min-height:0;padding-block:3.5rem 3.5rem}
  .uvr-ingresso{min-height:100svh;padding:0}
  .uvr-say{padding-top:calc(var(--testata) + 3rem)}
  .uvr-dock{padding-bottom:1.5rem}
  .uvr-due,.uvr-due--inverso{grid-template-columns:1fr;gap:2rem}
  .uvr-due--inverso .uvr-testo{order:0}
  .uvr-coppia,.uvr-tandem{justify-self:stretch;max-width:none}
  .uvr-coppia img{max-width:none}
  .uvr-tandem{grid-template-columns:1fr;gap:1rem}
  .uvr-tandem img:first-child,.uvr-tandem img:last-child{max-width:none}
  .uvr-costa{min-height:80svh}
  .uvr-scheda{grid-template-columns:1fr}
  .uvr-lato{position:static}
  .uvr-galleria{grid-template-columns:1fr}
    .uvr-servizi{grid-template-columns:1fr}
  .uvr-piede__in{grid-template-columns:1fr;gap:1.5rem}
  body.uvr-con-barra{padding-bottom:64px}
  .uvr-barra{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:18;height:64px;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--gut);background:var(--carta);border-top:1px solid var(--pietra-filo);font-size:.875rem}
  .uvr-barra .uvr-bottone{padding:.65em 1.3em;font-size:.875rem}
  .uvr-top.is-nav ~ .uvr-barra,.uvr-top.is-sopra ~ .uvr-barra{display:none}
}
@media (max-width:560px){
  .uvr-confronto{font-size:.875rem}
  .uvr-confronto th,.uvr-confronto td{padding:.7rem .4rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .uvr-filmati video{transition:none}
}