.pd-testa {
background: var(--pd-sabbia);
border-block-end: 1px solid var(--pd-line);
margin-block-end: var(--pd-ritmo);
}
.pd-testa__inner {
padding-block: clamp(var(--pd-space-10), 4.5vw, var(--pd-space-20))
clamp(var(--pd-space-8), 3.5vw, var(--pd-space-14));
max-inline-size: 54ch;
margin-inline: 0 auto;
}
.pd-testa__occhiello {
margin: 0 0 var(--pd-space-4);
font-family: var(--pd-font-body); font-size: var(--pd-t-micro); font-weight: 600;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--pd-fucsia-d, var(--pd-fucsia));
}
.pd-testa__tit {
margin: 0;
font-family: var(--pd-font-display); font-weight: 600;
font-size: var(--pd-t-lancio); line-height: 1.02; letter-spacing: -0.025em;
color: var(--pd-nero); text-wrap: balance;
}
.pd-testa__guida {
margin: var(--pd-space-6) 0 0;
font-size: var(--pd-t-guida); line-height: 1.6; color: var(--pd-ink-soft);
max-inline-size: 58ch;
}
.pd-pagina { padding-block-end: var(--pd-ritmo); }
@media (min-width: 900px) {
.pd-pagina--con-indice {
display: grid;
grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
gap: clamp(var(--pd-space-10), 5vw, var(--pd-space-20));
align-items: start;
}
}
.pd-indice {
display: none;
position: sticky;
inset-block-start: calc(var(--pd-space-20) + 2rem);
max-block-size: calc(100vh - 12rem);
overflow-y: auto;
overscroll-behavior: contain;
padding-inline-end: var(--pd-space-4);
}
@media (min-width: 900px) { .pd-indice { display: block; } }
.pd-indice__tit {
margin: 0 0 var(--pd-space-5);
font-size: var(--pd-t-micro); font-weight: 600;
letter-spacing: 0.16em; text-transform: uppercase; color: var(--pd-ink-soft);
}
.pd-indice ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.pd-indice a {
display: flex; align-items: center;
min-block-size: 44px;
padding: var(--pd-space-2) var(--pd-space-3);
margin-inline-start: calc(var(--pd-space-3) * -1);
border-radius: var(--pd-radius-sm, 8px);
font-size: var(--pd-t-nota); line-height: 1.4;
color: var(--pd-ink-soft); text-decoration: none;
border-inline-start: 2px solid transparent;
transition: color var(--pd-dur-fast) var(--pd-ease),
background var(--pd-dur-fast) var(--pd-ease),
border-color var(--pd-dur-fast) var(--pd-ease);
}
.pd-indice a:hover { color: var(--pd-nero); background: var(--pd-sabbia); }
.pd-indice a.is-qui {
color: var(--pd-nero); font-weight: 500;
border-inline-start-color: var(--pd-fucsia);
}
.pd-indice__l3 a { padding-inline-start: var(--pd-space-6); font-size: var(--pd-t-micro); }
.pd-prosa { max-inline-size: 68ch; color: var(--pd-nero); overflow-wrap: anywhere; }
.pd-pagina--con-indice .pd-prosa { max-inline-size: 70ch; }
.pd-prosa > * + * { margin-block-start: var(--pd-space-6); }
.pd-prosa p, .pd-prosa li {
font-size: var(--pd-t-corpo); line-height: 1.72; color: var(--pd-ink-soft);
}
.pd-prosa > p:first-child {
font-size: var(--pd-t-guida); line-height: 1.62; color: var(--pd-nero);
}
.pd-prosa h2 {
margin-block: var(--pd-space-16) var(--pd-space-5);
font-family: var(--pd-font-display); font-weight: 600;
font-size: var(--pd-t-titolo); line-height: 1.12; letter-spacing: -0.02em;
color: var(--pd-nero); text-wrap: balance;
scroll-margin-block-start: 7rem;      
}
.pd-prosa h2:first-child { margin-block-start: 0; }
.pd-prosa h3 {
margin-block: var(--pd-space-10) var(--pd-space-3);
font-family: var(--pd-font-display); font-weight: 600;
font-size: var(--pd-t-voce); line-height: 1.25; color: var(--pd-nero);
scroll-margin-block-start: 7rem;
}
.pd-prosa h4 {
margin-block: var(--pd-space-8) var(--pd-space-2);
font-size: var(--pd-t-corpo); font-weight: 600; letter-spacing: 0.02em;
color: var(--pd-nero);
}
.pd-prosa a:not(.pd-btn) {
color: var(--pd-nero);
text-decoration: underline;
text-decoration-color: var(--pd-fucsia);
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
transition: color var(--pd-dur-fast) var(--pd-ease);
}
.pd-prosa a:not(.pd-btn):hover { color: var(--pd-fucsia-d, var(--pd-fucsia)); }
.pd-prosa ul, .pd-prosa ol { padding-inline-start: var(--pd-space-6); display: grid; gap: var(--pd-space-2); }
.pd-prosa ul { list-style: none; padding-inline-start: 0; }
.pd-prosa ul > li { position: relative; padding-inline-start: var(--pd-space-6); }
.pd-prosa ul > li::before {
content: ''; position: absolute; inset-inline-start: 2px; inset-block-start: 0.62em;
inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--pd-fucsia);
}
.pd-prosa ol > li::marker { color: var(--pd-fucsia); font-weight: 600; }
.pd-prosa strong { color: var(--pd-nero); font-weight: 600; }
.pd-prosa hr {
border: 0; block-size: 1px; background: var(--pd-line);
margin-block: var(--pd-space-14);
}
.pd-prosa blockquote {
margin-inline: 0; padding-inline-start: var(--pd-space-6);
border-inline-start: 3px solid var(--pd-fucsia);
font-size: var(--pd-t-guida); line-height: 1.6; color: var(--pd-nero);
}
.pd-prosa img { max-inline-size: 100%; block-size: auto; border-radius: var(--pd-radius-md); display: block; }
.pd-prosa figure { margin-inline: 0; }
.pd-prosa figcaption { margin-block-start: var(--pd-space-3); font-size: var(--pd-t-nota); color: var(--pd-ink-soft); }
.pd-prosa table {
inline-size: 100%; border-collapse: collapse;
}
.pd-prosa table:has(th) {
font-size: var(--pd-t-nota);
display: block; overflow-x: auto; white-space: nowrap;
}
@media (max-width: 700px) {
.pd-prosa table:not(:has(th)),
.pd-prosa table:not(:has(th)) tbody,
.pd-prosa table:not(:has(th)) tr,
.pd-prosa table:not(:has(th)) td { display: block; inline-size: 100%; }
.pd-prosa table:not(:has(th)) td { padding-inline: 0; }
}
.pd-prosa th, .pd-prosa td {
padding: var(--pd-space-3) var(--pd-space-4);
border-block-end: 1px solid var(--pd-line); text-align: start;
}
.pd-prosa th { font-weight: 600; color: var(--pd-nero); }
.pd-prosa td { color: var(--pd-ink-soft); }
.pd-prosa .MsoNormal { margin: 0; }
.pd-prosa p:empty { display: none; }
.pd-domande {
margin-block-start: var(--pd-space-8);
border-block-start: 1px solid var(--pd-line);
}
.pd-domanda {
border-block-end: 1px solid var(--pd-line);
scroll-margin-block-start: 7rem;
}
.pd-domanda__q {
display: flex; align-items: flex-start; gap: var(--pd-space-4);
padding-block: var(--pd-space-5);
cursor: pointer; list-style: none;
font-family: var(--pd-font-display); font-weight: 500;
font-size: var(--pd-t-voce); line-height: 1.3; color: var(--pd-nero);
transition: color var(--pd-dur-fast) var(--pd-ease);
}
.pd-domanda__q::-webkit-details-marker { display: none; }
.pd-domanda__q:hover { color: var(--pd-fucsia-d, var(--pd-fucsia)); }
.pd-domanda__q span { flex: 1 1 auto; }
.pd-domanda__q::after {
content: ''; flex: 0 0 auto;
inline-size: 18px; block-size: 18px; margin-block-start: 0.3em;
background:
linear-gradient(var(--pd-fucsia), var(--pd-fucsia)) center / 100% 2px no-repeat,
linear-gradient(var(--pd-fucsia), var(--pd-fucsia)) center / 2px 100% no-repeat;
transition: background-size var(--pd-dur-base) var(--pd-ease);
}
.pd-domanda[open] > .pd-domanda__q::after {
background-size: 100% 2px, 2px 0;
}
.pd-domanda[open] > .pd-domanda__q { color: var(--pd-fucsia-d, var(--pd-fucsia)); }
.pd-domanda__r { padding-block-end: var(--pd-space-6); max-inline-size: 62ch; }
.pd-domanda__r > * + * { margin-block-start: var(--pd-space-4); }
.pd-domanda__r p, .pd-domanda__r li {
font-size: var(--pd-t-corpo); line-height: 1.7; color: var(--pd-ink-soft); margin: 0;
}
.pd-domanda__q:focus-visible { outline: 2px solid var(--pd-fucsia); outline-offset: 4px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) {
.pd-domanda__q::after { transition: none; }
}
@media print {
.pd-domanda { border-block-end: 1px solid #ccc; }
.pd-domanda > .pd-domanda__r { display: block !important; }
.pd-indice, .pd-testa { display: none; }
}
@media (max-width: 899px) {
.pd-testa__inner { padding-block: var(--pd-space-10) var(--pd-space-8); }
.pd-prosa h2 { margin-block-start: var(--pd-space-12); }
.pd-domanda__q { font-size: var(--pd-t-corpo); font-weight: 600; }
}
.pd-testa--vetrina { position: relative; overflow: hidden; }
.pd-testa--vetrina .pd-testa__inner { position: relative; z-index: 1; }
.pd-testa__foto { margin: 0; display: none; }
@media (min-width: 900px) {
.pd-testa__foto {
display: block;
position: absolute;
inset-block: 0;
inset-inline-end: 0;
inline-size: 46%;
}
.pd-testa--vetrina .pd-testa__inner { max-inline-size: 46ch; }
}
.pd-testa__foto img {
inline-size: 100%; block-size: 100%;
object-fit: cover; object-position: center;
display: block;
}
.pd-prosa:has(.pd-dove) { max-inline-size: none; }
.pd-dove { display: grid; gap: var(--pd-space-10) clamp(var(--pd-space-8), 5vw, var(--pd-space-16)); align-items: start; }
.pd-dove__testo { max-inline-size: 60ch; }
.pd-dove__testo > * + * { margin-block-start: var(--pd-space-6); }
@media (min-width: 900px) {
.pd-dove { grid-template-columns: minmax(0, 1fr) minmax(0, 480px); }
.pd-dove__mappa { position: sticky; inset-block-start: calc(var(--pd-head-h, 93px) + var(--pd-space-6)); }
}
.pd-dove__mappa { margin: 0; }
.pd-prosa .pd-dove__mappa a { text-decoration: none; color: var(--pd-nero); }
.pd-dove__mappa a {
display: block; overflow: hidden; border-radius: var(--pd-radius-blocco, 20px);
border: 1px solid var(--pd-line); background: var(--pd-bianco, #fff);
text-decoration: none; color: var(--pd-nero);
}
.pd-dove__mappa svg { display: block; inline-size: 100%; block-size: auto; }
.pd-dove__apri {
display: flex; align-items: center; justify-content: space-between; gap: var(--pd-space-3);
min-block-size: 52px; padding: var(--pd-space-3) var(--pd-space-5);
font-size: var(--pd-size-sm); font-weight: 600; border-block-start: 1px solid var(--pd-line);
}
.pd-dove__apri span { color: var(--pd-fucsia); }
.pd-dove__mappa a:hover .pd-dove__apri, .pd-dove__mappa a:focus-visible .pd-dove__apri { background: var(--pd-sabbia); }