.pd-foot {
margin-block-start: var(--pd-section);
background: var(--pd-nero); color: var(--pd-sabbia);
position: relative; z-index: 2;
padding-block: clamp(var(--pd-space-16), 6vw, var(--pd-space-24)) var(--pd-space-8);
}
.pd-foot a { color: inherit; }
.pd-foot__top {
display: grid; gap: var(--pd-space-12);
padding-block-end: var(--pd-space-12);
border-block-end: 1px solid rgb(255 255 255 / 14%);
}
@media (min-width: 900px) { .pd-foot__top { grid-template-columns: 1fr 1fr; gap: var(--pd-space-24); align-items: end; } }
.pd-foot__firma { display: flex; align-items: center; gap: var(--pd-space-6); }
.pd-foot__nome {
margin: 0;
font-family: var(--pd-font-display); font-size: var(--pd-size-lg);
line-height: 1; color: var(--pd-paper); letter-spacing: -0.01em;
text-transform: lowercase;
font-weight: var(--pd-peso-display);
}
.pd-foot__claim {
font-family: var(--pd-font-display); font-size: var(--pd-size-md); line-height: 1.45;
color: rgb(255 255 255 / 72%); margin: var(--pd-space-6) 0 0; max-inline-size: 30ch;
font-weight: var(--pd-peso-display);
}
.pd-foot__nl label {
display: block; font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
color: var(--pd-fucsia-l); margin-block-end: var(--pd-space-5);
padding-block-end: var(--pd-space-3); border-block-end: 1px solid rgb(255 255 255 / 14%);
}
.pd-foot__field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border-block-end: 1px solid rgb(255 255 255 / 26%); transition: border-color var(--pd-dur-base) var(--pd-ease); }
.pd-foot__field:focus-within { border-block-end-color: var(--pd-sabbia); }
.pd-foot__field input {
font-family: var(--pd-font-display); font-size: var(--pd-size-md);
background: transparent !important; border: 0 !important; border-radius: 0 !important;
color: var(--pd-paper);
padding: var(--pd-space-3) 0; min-height: 52px; box-shadow: none !important;
min-inline-size: 0;
}
.pd-foot__field input:focus { outline: none; box-shadow: none !important; }
.pd-foot__field input:focus { outline: none; }
.pd-foot__field input::placeholder { color: rgb(255 255 255 / 42%); }
.pd-foot__field button { display: grid; place-items: center; inline-size: 46px; block-size: 46px; background: none; border: 0; color: var(--pd-sabbia); cursor: pointer; transition: transform var(--pd-dur-base) var(--pd-ease); }
.pd-foot__field button svg { inline-size: 21px; block-size: 21px; }
.pd-foot__field button:hover { transform: translateX(4px); }
.pd-foot__cols {
display: grid; gap: var(--pd-space-12) var(--pd-space-10);
grid-template-columns: 1fr;
padding-block: var(--pd-space-12);
}
@media (min-width: 600px) { .pd-foot__cols { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .pd-foot__cols { grid-template-columns: repeat(4, 1fr); } }
.pd-foot__cols h2 {
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
color: var(--pd-fucsia-l); margin: 0 0 var(--pd-space-5);
padding-block-end: var(--pd-space-3); border-block-end: 1px solid rgb(255 255 255 / 14%);
}
.pd-foot__cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.pd-foot__cols a {
display: flex; align-items: center; padding-block: var(--pd-space-2); min-height: 44px;
font-family: var(--pd-font-display); font-size: var(--pd-size-base);
text-decoration: none; color: rgb(255 255 255 / 82%);
transition: color var(--pd-dur-base) var(--pd-ease), padding-inline-start var(--pd-dur-base) var(--pd-ease);
}
.pd-foot__cols a:hover { color: var(--pd-paper); padding-inline-start: var(--pd-space-2); }
.pd-foot__nap address {
font-style: normal; font-family: var(--pd-font-display); font-size: var(--pd-size-base);
line-height: 1.85; color: rgb(255 255 255 / 82%); padding-block-start: var(--pd-space-3);
}
.pd-foot__end {
display: flex; flex-wrap: wrap; gap: var(--pd-space-5) var(--pd-space-8);
justify-content: flex-start; align-items: center;
padding-block-start: var(--pd-space-10);
border-block-start: 1px solid rgb(255 255 255 / 14%);
}
.pd-foot__lang { display: flex; align-items: center; gap: var(--pd-space-3); margin: 0; }
.pd-foot__lang span { border-block-end: 1px solid currentColor; padding-block-end: 2px; }
.pd-foot__lang i { font-style: normal; opacity: .4; }
.pd-foot__end > nav { margin-inline-start: auto; }
.pd-foot__end ul { list-style: none; display: flex; flex-wrap: wrap; gap: var(--pd-space-6); margin: 0; padding: 0; }
.pd-foot__end a, .pd-foot__end p, .pd-foot__lang {
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
color: rgb(255 255 255 / 50%); text-decoration: none; margin: 0;
transition: color var(--pd-dur-fast) var(--pd-ease);
}
.pd-foot__end a:hover { color: var(--pd-sabbia); }
.pd-foot__copy { text-transform: none !important; letter-spacing: 0.02em !important; }
.pd-foot__nl {
background: rgb(255 255 255 / 4%);
border: 1px solid rgb(255 255 255 / 8%);
border-radius: 3px;
padding: clamp(var(--pd-space-6), 2.2vw, var(--pd-space-10));
}
.pd-foot__nl label { color: var(--pd-lime); }
.pd-foot__esca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pd-foot__esito {
margin: var(--pd-space-4) 0 0; font-size: var(--pd-size-sm); line-height: 1.5;
}
.pd-foot__esito.is-ok { color: var(--pd-lime); }
.pd-foot__esito.is-no { color: var(--pd-fucsia-l); }
.pd-foot__nota {
margin: var(--pd-space-3) 0 0;
font-size: 0.8125rem; line-height: 1.5; color: rgb(255 255 255 / 56%);   
}
.pd-foot__end ul { gap: var(--pd-space-2) var(--pd-space-6); }
.pd-foot__end a {
display: inline-flex; align-items: center;
min-block-size: 32px;
}
@media (pointer: coarse) {
.pd-foot__end a { min-block-size: 44px; }
}
.pd-foot__firma-noi { margin: 0; }
@media (min-width: 700px) {
.pd-foot__firma-noi {
display: flex; align-items: center; align-self: stretch;
padding-inline-start: var(--pd-space-8);
border-inline-start: 1px solid rgb(255 255 255 / 14%);
}
}
.pd-foot__firma-noi a {
display: inline-flex; align-items: center; gap: 0.4em;
min-block-size: 44px;
font-family: var(--pd-font-body); font-size: var(--pd-size-xs);
letter-spacing: var(--pd-tracking-wide); text-transform: uppercase;
color: rgb(255 255 255 / 40%); text-decoration: none;
transition: color var(--pd-dur-fast) var(--pd-ease);
}
.pd-foot__firma-noi strong { font-weight: 400; color: rgb(255 255 255 / 62%); }
.pd-foot__firma-noi a:hover,
.pd-foot__firma-noi a:hover strong { color: var(--pd-sabbia); }