/* Piè di pagina comune a tutte le pagine: note, colonne di link e riga legale, come nei siti Apple.
   Il logo Lualtek si usa solo in bianco (o nero), come chiede la loro guida del marchio. */
footer.piede{border-top:1px solid rgba(255,255,255,.12);background:#0b0b0d;color:#86868b;font-size:.76rem;line-height:1.45;padding:26px 0 44px;text-align:left}
footer.piede .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
footer.piede a{color:#a1a1a6;text-decoration:none}
footer.piede a:hover{color:#f5f5f7;text-decoration:underline}
footer.piede .note p{margin:0 0 9px;max-width:80em}
footer.piede .note{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
footer.piede .colonne{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:26px 0 22px}
footer.piede h3{font-size:.76rem;font-weight:600;color:#f5f5f7;letter-spacing:0;line-height:1.4;margin:0 0 10px}
footer.piede ul{list-style:none;margin:0;padding:0}
footer.piede li{margin-bottom:9px}
footer.piede .legale{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:grid;grid-template-columns:auto 1fr;gap:18px 34px;align-items:start}
footer.piede .marchi{display:flex;align-items:center;gap:14px;color:#f5f5f7;white-space:nowrap}
footer.piede .marchi .linfa{letter-spacing:.5em;font-weight:300;font-size:.95rem;color:#f5f5f7}
footer.piede .marchi .di{font-size:.72rem;color:#86868b}
footer.piede .marchi img{height:15px;width:auto;display:block}
footer.piede .legale p{margin:0 0 7px;max-width:74em}
footer.piede .legale p b{color:#d2d2d7;font-weight:600}
@media(max-width:760px){
  footer.piede .colonne{grid-template-columns:1fr 1fr}
  footer.piede .legale{grid-template-columns:1fr}
}