/* Il foglio di stile del sito. Sta in un file e non dentro le pagine perche' la
   politica di sicurezza dei contenuti (staticwebapp.config.json) ammette solo
   stili serviti da qui: uno stile in linea non verrebbe applicato. */

:root {
  --bg: #efe9ff;
  --ink: #241a4a;
}

* {
  box-sizing: border-box;
  margin: 0;
}

html,
body {
  min-height: 100%;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: system-ui, sans-serif;
}

.vetrina main {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.vetrina img {
  width: min(448px, 80vw);
  height: auto;
}

/* Il piede della vetrina: le pagine legali, in fondo e senza pretese. */
.vetrina .piede {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 16px 18px;
  font-size: 14px;
}

.vetrina .piede ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 18px;
}

.vetrina .piede a {
  color: var(--ink);
}

.vetrina .piede p {
  margin: 8px 0 0;
  text-align: center;
  font-size: 12px;
}