/* footer comune: landing e webapp (stesso markup, vedi piede_html in app.py) */
footer.piede-sito{background:#13213A;color:rgba(255,255,255,.72);padding:64px 0 28px;font-size:15px}
footer.piede-sito p{margin:0}
.piede{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px 32px}
.piede-marca svg{display:block;width:80px;height:80px;margin-bottom:18px}
.piede-marca p{max-width:340px;line-height:1.55}
.piede-marca b{color:#fff}
.piede-mail{display:inline-block;margin-top:14px;color:#fff;font-weight:800;text-decoration:none;box-shadow:inset 0 -2px 0 #F24C3D;padding-bottom:1px}
.piede-mail:hover{box-shadow:inset 0 -2px 0 #fff}
.piede h3{font:800 13px/1.3 'Nunito',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:6px 0 14px}
.piede ul{list-style:none;margin:0;padding:0}
.piede li a{display:inline-block;color:rgba(255,255,255,.72);text-decoration:none;padding:6px 0;min-height:24px}
.piede li a:hover,.piede li a:focus-visible{color:#fff}
.piede a:focus-visible,.crediti summary:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:4px}
.piede-fondo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 32px;flex-wrap:wrap;margin-top:52px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:rgba(255,255,255,.55)}
.crediti{max-width:640px;text-align:right}
.crediti summary{cursor:pointer;list-style:none;color:rgba(255,255,255,.62)}
.crediti summary::-webkit-details-marker{display:none}
.crediti summary::after{content:" +";font-weight:800}
.crediti[open] summary::after{content:" \2212"}
.crediti summary:hover{color:#fff}
.crediti p{margin:10px 0 0;line-height:1.7}
.crediti a{color:rgba(255,255,255,.62);text-decoration:none}
.crediti a:hover{color:#fff;text-decoration:underline}
@media (max-width:999px){.piede{grid-template-columns:repeat(3,minmax(0,1fr))}.piede-marca{grid-column:1/-1}}
@media (max-width:640px){footer.piede-sito{padding:48px 0 24px}.piede{grid-template-columns:1fr 1fr;gap:32px 20px}.piede-fondo{flex-direction:column}.crediti{text-align:left}}
.piede-in{max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:820px){.piede-in{padding:0 16px}footer.piede-sito.con-barra{padding-bottom:104px}}
@media (max-width:759px){body.con-tabbar{padding-bottom:0}}
.piede-fondo a{color:rgba(255,255,255,.62)}
.piede-fondo a:hover{color:#fff}