.piede-vero {
  padding: calc(var(--bordo) * 2) var(--bordo) var(--bordo);
  background: var(--nero); border-top: 1px solid var(--inchiostro-riga);
}
.piede-vero__sopra {
  display: grid; grid-template-columns: repeat(6, 1fr); column-gap: var(--canale); row-gap: 32px;
  padding-bottom: calc(var(--bordo) * 2);
}
.piede-vero__marca { grid-column: 1 / 3; }
.piede-vero__logo { display: block; height: 44px; width: auto; margin-bottom: 20px; }
.piede-vero__frase {
  margin: 0; max-width: 22em;
  font-size: var(--sottotitolo, 32px); line-height: var(--sottotitolo-riga, 36px); letter-spacing: var(--spazio-medio);
}
.piede-vero__colonna { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.piede-vero__colonna--corso { grid-column: 4; }
.piede-vero__colonna--esse { grid-column: 5; }
.piede-vero__colonna--accesso { grid-column: 6; }
.piede-vero h2 { margin: 0 0 8px; font-size: 14px; font-weight: 400; color: var(--inchiostro-spento); }
.piede-vero a { color: var(--inchiostro); }
@media (hover: hover) { .piede-vero a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } }
.piede-vero__legale {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px;
  padding-top: var(--bordo); border-top: 1px solid var(--inchiostro-riga);
  color: var(--inchiostro-spento);
}
.piede-vero__legale p { margin: 0; }
.piede-vero__legale nav { display: flex; flex-wrap: wrap; gap: 16px; }

@media (max-width: 991px) {
  .piede-vero__marca { grid-column: 1 / -1; }
  .piede-vero__colonna--corso { grid-column: 1 / 3; }
  .piede-vero__colonna--esse { grid-column: 3 / 5; }
  .piede-vero__colonna--accesso { grid-column: 5 / 7; }
}
@media (max-width: 767px) {
  .piede-vero__sopra { grid-template-columns: repeat(2, 1fr); }
  .piede-vero__colonna--corso { grid-column: 1; grid-row: 2 / 4; }
  .piede-vero__colonna--esse { grid-column: 2; }
  .piede-vero__colonna--accesso { grid-column: 2; }
  .piede-vero__logo { height: 34px; }
  .piede-vero__legale { flex-direction: column; }
}

.piede-vero--foglio {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  max-height: calc(100% - 80px); overflow-y: auto; overscroll-behavior: contain;
  transform: translateY(100%); visibility: hidden;
  transition: transform 0.9s var(--curva-tendina), visibility 0s 0.9s;
}
.piede-vero--foglio.is-aperto { transform: none; visibility: visible; transition: transform 0.9s var(--curva-tendina); }
.velo-piede {
  position: fixed; inset: 0; z-index: 35;
  background: rgba(0, 0, 0, 0.45); opacity: 0; pointer-events: none;
  transition: opacity 0.6s;
}
.con-piede .velo-piede { opacity: 1; pointer-events: auto; }