/* =====================================================================
   TABIÀ — foglio di stile unico (Pulsanti con testo snello ed elegante)
   ===================================================================== */

:root{
  --c-fondo:            #070605;
  --c-fondo-fascia:     rgba(10,8,6,.72);
  --c-fondo-nav:        rgba(7,6,5,.74);
  --c-fondo-piede:      rgba(7,6,5,.80);

  --c-legno-scuro:      #0b0d10;
  --c-legno:            #12171c;
  --c-legno-chiaro:     #4a6b8a;
  --c-legno-luce:       #82d6f2;

  --c-accento:          #82d6f2;
  --c-accento-scuro:    #2f7d99;
  --c-accento-alone:    rgba(130,214,242,.35);
  --c-accento-velo:     rgba(130,214,242,.06);
  --c-accento-bordo:    rgba(130,214,242,.45);

  --c-testo:            #efe7d9;
  --c-testo-tenue:      #a99c88;
  --c-testo-su-chiaro:  #070605;

  --c-riga:             rgba(130,214,242,.15);
  --c-campo-fondo:      rgba(255,255,255,.04);
  --c-riquadro-alto:    rgba(255,255,255,.035);
  --c-riquadro-basso:   rgba(255,255,255,.008);

  --sfondo:             url("../img/sfondo.jpg");
  --sfondo-posizione:   center;
  --sfondo-scurimento:  .58;
  --sfondo-sfocatura:   0px;
  --sfondo-saturazione: .85;

  --font-titoli:              'Google Sans', -apple-system, sans-serif;
  --font-testo:               'Work Sans', sans-serif;
  --font-monospaziato:        'IBM Plex Mono', monospace;
  --font-elegant:             'Cormorant Garamond', serif;

  --peso-titoli:      500;
  --peso-testo:       400;
  --peso-forte:       600;

  --t-base:        17px;
  --t-riga:        1.65;
  --t-riga-titoli: 1.06;
  --t-lunghezza:   64ch;

  --t-h1:        clamp(2.35rem, 6vw + .6rem, 4.6rem);
  --t-h1-int:    clamp(2rem, 4.6vw + .6rem, 3.4rem);
  --t-h2:        clamp(1.75rem, 3.4vw + .7rem, 2.7rem);
  --t-h2-piccolo: 1.6rem;
  --t-h3:        1.15rem;
  --t-guida:     1.1rem;
  --t-occhiello: .95rem;
  --t-menu:      .95rem;
  --t-logo:      1.1rem;
  --t-logo-desktop: 1.2rem;
  --t-piccolo:   .98rem;
  --t-nota:      .85rem;
  --t-tabella:   .95rem;
  --t-contatto:  1.1rem;
  --t-pulsante:  1rem;
  --t-pulsante-mini: .92rem;

  --t-spaziatura-titoli: -.015em;
  --logo-peso:             600;
  --logo-spaziatura:       .01em;

  --larghezza-max:      1140px;
  --margine-lati:       1.4rem;
  --margine-lati-desktop: 2.2rem;
  --altezza-nav:        74px;

  --spazio-sezione:     5rem;
  --spazio-cappello:    5.5rem;
  --spazio-griglia:     1.5rem;
  --spazio-griglia-larga: 2.2rem;

  --raggio:             5px;
  --raggio-pulsante:    3px;
  --raggio-campo:       4px;

  --riquadro-padding:   1.9rem 1.5rem;
  --scheda-padding:     2rem 1.6rem;
  --pulsante-padding:   .85rem 1.4rem;
  --pulsante-mini-padding: .6rem 1.05rem;

  --pallino:            25px;
  --tacca:              40px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

body{
  margin:0;
  padding:0;
  background:var(--c-fondo);
  color:var(--c-testo);
  font-family:var(--font-testo);
  font-size:var(--t-base);
  font-weight:var(--peso-testo);
  line-height:var(--t-riga);
  -webkit-font-smoothing:antialiased;
  width:100%;
  overflow-x:hidden;
}



footer {
  background: var(--c-fondo-piede);
  border-top: 1px solid var(--c-riga);
  width: 100%;
}

/* Usiamo direttamente .container per ereditare la larghezza e i margini esatti dell'header */
footer .container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between; /* Distribuisce le colonne coprendo tutta la larghezza */
  gap: 2.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Ogni colonna deve occupare lo stesso identico spazio e allineare il testo a sinistra */
footer .container > * {
  flex: 1;
  width: 100%;
  min-width: 0;
  text-align: left;
}

/* Assicuriamoci che i paragrafi e i testi dentro le colonne non abbiano restrizioni di larghezza che li bloccano a metà */
footer .container p {
  max-width: none;
}

/* Responsive per smartphone */
@media (max-width: 768px) {
  footer .container {
    flex-direction: column;
  }
}

img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}




.sfondo{position:fixed;inset:0;z-index:-2;overflow:hidden}
.sfondo-fallback{
  position:absolute;inset:0;
  background:repeating-linear-gradient(91deg,
    var(--c-legno-scuro) 0 42px, var(--c-legno) 42px 84px,
    var(--c-legno-chiaro) 84px 86px, var(--c-fondo) 86px 132px);
}
.sfondo-img{
  position:absolute;inset:-2%;
  background-image:var(--sfondo);
  background-size:cover;
  background-position:var(--sfondo-posizione);
  filter:blur(var(--sfondo-sfocatura)) saturate(var(--sfondo-saturazione));
}
.sfondo-velo{
  position:absolute;inset:0;
  opacity:var(--sfondo-scurimento);
  background:
    radial-gradient(ellipse 80% 55% at 50% 8%, var(--c-accento-velo), transparent 62%),
    radial-gradient(ellipse 120% 80% at 50% 110%, rgba(0,0,0,.92), transparent 70%),
    linear-gradient(180deg, rgba(7,6,5,.72), rgba(7,6,5,.86));
}
.sfondo-grana{
  position:absolute;inset:0;opacity:.42;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

.chalet-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  width: 400px;
  border: none;
  border-radius: 0;
  background: transparent;
  filter: none;
}

@media (max-width: 768px) {
  .chalet-img {
    max-width: 100%;
  }
}

h1,h2,h3{
  font-family:var(--font-titoli);
  font-weight:var(--peso-titoli);
  line-height:var(--t-riga-titoli);
  letter-spacing:var(--t-spaziatura-titoli);
  margin:0 0 .5em;
  color:var(--c-testo);
}
h1{font-size:var(--t-h1)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);line-height:1.25}
p{margin:0 0 1.05em;color:var(--c-testo-tenue);max-width:var(--t-lunghezza)}
strong{color:var(--c-testo);font-weight:var(--peso-forte)}
a{color:inherit}
img{display:block;max-width:100%}

.container{
  width: 100%;
  max-width: var(--larghezza-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--margine-lati);
  padding-right: var(--margine-lati);
  box-sizing: border-box;

}

@media(min-width:900px){
  .container{
    padding-left: var(--margine-lati-desktop);
    padding-right: var(--margine-lati-desktop);

  }
}

.nav{
  position: sticky;
  top: 0;
  z-index: 60;
  background: var(--c-fondo-nav);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--c-riga);
  width: 100%;
}

.nav-in{
  width: 100%;
  max-width: var(--larghezza-max);
  margin-left: auto;
  margin-right: auto;
  height: var(--altezza-nav);
  padding-left: var(--margine-lati);
  padding-right: var(--margine-lati);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-sizing: border-box;
}

@media(min-width: 900px) {
  .nav-in {
    padding-left: var(--margine-lati-desktop);
    padding-right: var(--margine-lati-desktop);
  }
}

.logo{display:flex;align-items:center;text-decoration:none;flex:none}
.logo-testo{
  font-family:var(--font-titoli);font-size:var(--t-logo);
  font-weight:var(--logo-peso);letter-spacing:var(--logo-spaziatura);
  color:var(--c-testo);
}
@media(min-width:900px){.logo-testo{font-size:var(--t-logo-desktop)}}
.logo-testo em{font-style:normal;color:var(--c-accento)}

.menu{display:flex;align-items:center;gap:1.5rem;margin-left:auto;}
.menu a{font-size:var(--t-menu);text-decoration:none;color:var(--c-testo-tenue);transition:color .2s}
.menu a:hover,.menu a[aria-current="page"]{color:var(--c-testo)}
.menu a[aria-current="page"]{box-shadow:0 2px 0 var(--c-accento)}
.menu .solo-desktop{display:none}
@media(min-width:760px){.menu .solo-desktop{display:inline}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-family:var(--font-testo);
  font-size:var(--t-pulsante);font-weight:var(--peso-forte);
  border-radius:var(--raggio-pulsante);cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}

.btn-bordo{
  border:1px solid var(--c-riga);
  color:var(--c-testo);
  text-transform: uppercase;
  padding:var(--pulsante-padding);
  background:rgba(11, 13, 16, 0.4);
  backdrop-filter: blur(8px);
  min-width:230px;
  justify-content:center;
  text-align:center;
  font-family:var(--font-testo);
  font-size:0.9rem;
  font-weight:400;
  letter-spacing:.08em;
  box-shadow: none;
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;
}
.btn-bordo:hover{
  border-color:var(--c-accento);
  box-shadow: 0 0 18px rgba(130, 214, 242, 0.35), 0 0 35px rgba(130, 214, 242, 0.15), 0 10px 25px rgba(0,0,0,.4);
  color:var(--c-accento);
  background:rgba(11, 13, 16, 0.6);
}
.btn-mini{padding:var(--pulsante-mini-padding);font-size:var(--t-pulsante-mini);font-weight:400}

.hero{
  position:relative;min-height:calc(100svh - var(--altezza-nav));
  display:flex;align-items:center;padding:1rem 0 4.5rem;overflow:visible;
  z-index: 50;
}
.hero .container{position:relative;z-index:2;width:100%;justify-content:center;place-items:center;text-align:center;}
.hero h1{max-width:14ch;opacity:0;transform:translateY(18px);animation:su 1s cubic-bezier(.2,.7,.3,1) .15s forwards}
.hero .guida{font-size:var(--t-guida);color:var(--c-testo-tenue);opacity:0;transform:translateY(18px);animation:su 1s cubic-bezier(.2,.7,.3,1) .35s forwards}
.occhiello{text-transform:uppercase;color:var(--c-testo);font-size:var(--t-occhiello);margin-bottom:1rem;opacity:0;animation:su .8s ease .05s forwards}

.hero-azioni {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  position: relative;
  z-index: 50;
  opacity: 0;
  transform: translateY(18px);
  animation: su 1s cubic-bezier(.2,.7,.3,1) .5s forwards;
}

@keyframes su{to{opacity:1;transform:translateY(0)}}

section{padding:var(--spazio-sezione) 0;position:relative}
.fascia{
  background:var(--c-fondo-fascia);
  border-top:1px solid var(--c-riga);border-bottom:1px solid var(--c-riga);
  backdrop-filter:blur(2px);

}
.testata{max-width:40ch;margin-bottom:2.8rem}
.testata h3 {color:var(--c-accento)}
.testata p{margin-bottom:0}

.testata-stretta {place-items:center;
text-align: center;}


.cappello{padding:var(--spazio-cappello) 0 3rem;position:relative;overflow:hidden}
.cappello .container{position:relative;z-index:2}
.cappello h1{font-size:var(--t-h1-int);max-width:17ch}
.cappello p{max-width:52ch;font-size:var(--t-guida)}

.elenco{list-style:none;margin:0;padding:0}
.elenco li{display:flex;gap:1.3rem;padding:1.7rem 0;border-top:1px solid var(--c-riga)}
.elenco li:last-child{border-bottom:1px solid var(--c-riga)}
.pallino{
  flex:none;width:var(--pallino);height:var(--pallino);border-radius:50%;margin-top:.15rem;
  border:1px solid var(--c-accento);box-shadow:0 0 16px var(--c-accento-alone);
}
.elenco h3{margin-bottom:.3rem}
.elenco p{margin:0;font-size:var(--t-piccolo)}

.griglia-2{display:grid;gap:var(--spazio-griglia-larga);grid-template-columns:1fr}
@media(min-width:820px){.griglia-2{grid-template-columns:1fr 1fr}}
.griglia-3{display:grid;gap:var(--spazio-griglia);grid-template-columns:1fr}
@media(min-width:760px){.griglia-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.griglia-3{grid-template-columns:repeat(3,1fr)}}

.riquadro{
  padding:var(--riquadro-padding);
  border:1px solid var(--c-riga);border-radius:var(--raggio);
  background:linear-gradient(180deg,var(--c-riquadro-alto),var(--c-riquadro-basso));
}
.riquadro p:last-child{margin-bottom:0}
.riquadro h3 {color:var(--c-accento)}
.riquadro-acceso{border-color:var(--c-accento-bordo);justify-content: center;align-items: center;place-items:center;text-align: center;}
.tacca{
  display:inline-flex;align-items:center;justify-content:center;
  width:var(--tacca);height:var(--tacca);border-radius:50%;
  border:1px solid var(--c-legno-luce);color:var(--c-legno-luce);
  font-family:var(--font-titoli);margin-bottom:1rem;
}


:focus-visible{outline:2px solid var(--c-accento);outline-offset:3px}


/* =====================================================================
   MENU A TENDINA E SELETTORE PROGETTI INTEGRATO
   ===================================================================== */
.menu-tendina {
  position: relative;
  display: inline-block;
}

.hamburger-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.5rem !important;
  cursor: pointer;
  margin-right: 0;
  min-width: auto !important;
  width: auto;
  text-align: center;
}

.hamburger-linea {
  display: block;
  width: 24px;
  height: 1.5px;
  background-color: var(--c-testo);
  transition: background-color 0.2s, transform 0.2s;
}

.hamburger-btn:hover .hamburger-linea {
  background-color: var(--c-accento);
}

.tendina-contenuto {
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  width: 80vw;
  max-width: 450px;
  height: 100vh;
  background: rgba(4, 3, 2, 0.98);
  backdrop-filter: blur(20px);
  border-left: 1px solid var(--c-riga);
  box-shadow: -20px 0 50px rgba(0,0,0,0.8);
  z-index: 1000;
  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  padding: 6rem 2rem 2rem 2rem;
  overflow-y: auto;
}

.menu-tendina.attivo .tendina-contenuto {
  right: 0;
  display: block;
}

.chiudi-menu {
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  background: none;
  border: none;
  color: var(--c-testo-tenue);
  font-size: 1.8rem;
  cursor: pointer;
  padding: 1px 15px;
  line-height: 1;
  transition: color 0.2s;
  z-index: 1001;
}

.chiudi-menu:hover {
  color: var(--c-accento);
}

/* Stili per il selettore progetti dentro la tendina */
.tendina-contenuto .selettore-progetti-wrap {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}

.tendina-contenuto .tendina-progetti-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.tendina-contenuto .freccia-tendina {
  font-size: 0.75rem;
  transition: transform 0.3s ease;
  color: var(--c-accento);
}

.tendina-contenuto .selettore-progetti-wrap.attivo .freccia-tendina {
  transform: rotate(180deg);
}

.tendina-contenuto .tendina-progetti-lista {
  position: relative !important;
  top: 5px !important;
  right: auto !important;
  left: 0 !important;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(16px);
  margin: 0 0 1rem 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid var(--c-riga);
  border-radius: var(--raggio);
}

.tendina-contenuto .selettore-progetti-wrap.attivo .tendina-progetti-lista {
  display: block;
}

.tendina-contenuto .tendina-progetti-lista li a {
  display: block;
  padding: 0.6rem 0.8rem;
  text-decoration: none;
  text-align: left;
  color: var(--c-testo-tenue) !important;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transform: none !important;
  background: transparent !important;
}

.tendina-contenuto .tendina-progetti-lista li:last-child a {
  border-bottom: none;
}

.tendina-contenuto .tendina-progetti-lista li a:hover {
  background: var(--c-accento-velo) !important;
  color: var(--c-accento) !important;
  padding-left: 1.1rem;
  transform: none !important;
}

/* Voci di menu standard nel pannello */
.tendina-contenuto > a {
  display: block;
  padding: 1rem 0.8rem;
  font-family: var(--font-testo);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--c-testo) !important;
  text-decoration: none;
  transition: color 0.2s, background 0.2s, transform 0.2s;
  position: relative;
}

.tendina-contenuto > a:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--c-legno-luce) 20%,
    var(--c-legno-luce) 80%,
    transparent
  );
}

.tendina-contenuto > a:hover {
  color: var(--c-accento) !important;
  background: var(--c-accento-velo);
  transform: translateX(6px);
}

@media (min-width: 760px) {
  .tendina-contenuto {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: max-content;
    min-width: 220px;
    max-width: 320px;
    height: auto;
    border: 1px solid var(--c-riga);
    border-radius: var(--raggio);
    box-shadow: 0 15px 35px rgba(0,0,0,0.7);
    padding: 0.8rem;
    transform: none;
    transition: none;
    display: none;
  }

  .chiudi-menu {
    display: none;
  }

  .menu-tendina.attivo .tendina-contenuto {
    display: block;
  }

  .tendina-contenuto > a {
    font-size: 0.95rem;
    padding: 0.65rem 0.8rem;
  }

  .tendina-contenuto > a:hover {
    transform: translateX(5px);
  }
}

/* =====================================================================
   CORREZIONI DEFINITIVE GALLERIA E LIGHTBOX MOBILE
   ===================================================================== */

/* Griglia galleria chalet */
.galleria- chalet, .galleria, .griglia-galleria {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  width: 100%;
}

.galleria img, .griglia-galleria img, .foto-galleria {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: var(--raggio);
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.galleria img:hover, .griglia-galleria img:hover {
  transform: scale(1.02);
}

/* Lightbox container */
#lightboxModal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(4, 3, 2, 0.95);
  backdrop-filter: blur(10px);
  align-items: center;
  justify-content: center;
  touch-action: pan-y pinch-zoom;
}

#lightboxModal.attivo {
  display: flex;
}

#lightboxImg {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: var(--raggio);
  user-select: none;
  transition: transform 0.2s ease;
}

.lightbox-chiudi, .lightbox-prev, .lightbox-next {
  position: absolute;
  background: rgba(11, 13, 16, 0.6);
  border: 1px solid var(--c-riga);
  color: var(--c-testo);
  cursor: pointer;
  z-index: 10000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.lightbox-chiudi {
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  font-size: 1.5rem;
}

.lightbox-prev, .lightbox-next {
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  font-size: 1.2rem;
}

.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }

.lightbox-chiudi:hover, .lightbox-prev:hover, .lightbox-next:hover {
  background: rgba(11, 13, 16, 0.9);
  color: var(--c-accento);
  border-color: var(--c-accento);
}

@media (max-width: 760px) {
  .lightbox-prev, .lightbox-next {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
  .lightbox-prev { left: 10px; }
  .lightbox-next { right: 10px; }
}

/* =====================================================================
   STILI AGGIUNTIVI PER LA PAGINA CONTATTI
   ===================================================================== */
.briciole {
  font-size: var(--t-nota);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--c-testo-tenue);
  margin-bottom: 1rem;
}

.briciole a {
  color: var(--c-accento);
  text-decoration: none;
}

.h2-piccolo {
  font-size: var(--t-h2-piccolo);
  margin-bottom: 0.3rem;
}

/* Form di Contatto */
#formContatti {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.5rem;
}

#formContatti label {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--t-piccolo);
  color: var(--c-testo);
}

#formContatti input,
#formContatti textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  background: var(--c-campo-fondo);
  border: 1px solid var(--c-riga);
  border-radius: var(--raggio-campo);
  color: var(--c-testo);
  font-family: var(--font-testo);
  font-size: var(--t-base);
  transition: border-color 0.2s, box-shadow 0.2s;
}

#formContatti input:focus,
#formContatti textarea:focus {
  border-color: var(--c-accento);
  outline: none;
  box-shadow: 0 0 10px var(--c-accento-alone);
}

#formContatti textarea {
  min-height: 130px;
  resize: vertical;
}

#formContatti .btn {
  width: 100%;
  margin-top: 0.5rem;
}

#formContatti .nota {
  font-size: var(--t-nota);
  color: var(--c-testo-tenue);
  margin-top: -0.5rem;
}

/* Scheda recapiti e box informativi */
.scheda {
  padding: var(--scheda-padding);
  border: 1px solid var(--c-riga);
  border-radius: var(--raggio);
  background: linear-gradient(180deg, var(--c-riquadro-alto), var(--c-riquadro-basso));
  margin-bottom: 1.5rem;
}

.scheda .riga {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.8rem 0;
  border-bottom: 1px solid var(--c-riga);
  font-size: var(--t-tabella);
}

.scheda .riga:last-child {
  border-bottom: none;
}

.scheda .et {
  color: var(--c-testo-tenue);
  font-weight: var(--peso-forte);
}

.scheda .val, .scheda a {
  color: var(--c-testo);
  text-align: right;
  text-decoration: none;
  transition: color 0.2s;
}

.scheda a:hover {
  color: var(--c-accento);
}

.riquadro-staccato {
  margin-top: 0;
}