.pd-rac-testa { padding-block: var(--pd-space-6) 0; }
.pd-rac-testa__box {
display: grid; gap: var(--pd-gutter); align-items: center;
border-radius: var(--pd-radius-blocco); overflow: hidden;
background: var(--pd-tinta-1);
padding: var(--pd-pad-blocco);
}
.pd-rac-testa--tinta-0 .pd-rac-testa__box { background: var(--pd-tinta-0); }
.pd-rac-testa--tinta-2 .pd-rac-testa__box { background: var(--pd-tinta-2); }
.pd-rac-testa--tinta-3 .pd-rac-testa__box { background: var(--pd-tinta-3); }
.pd-rac-testa--scuro .pd-rac-testa__box { background: var(--pd-nero); color: var(--pd-crema); }
.pd-rac-testa--tinta-1 .pd-rac-testa__occhiello,
.pd-rac-testa--tinta-0 .pd-rac-testa__occhiello { color: var(--pd-lime-t); }
.pd-rac-testa--tinta-2 .pd-rac-testa__occhiello,
.pd-rac-testa--tinta-3 .pd-rac-testa__occhiello { color: var(--pd-fucsia-d); }
.pd-rac-testa--scuro .pd-rac-testa__occhiello { color: var(--pd-lime); }
.pd-rac-testa__tit {
margin: 0 0 var(--pd-space-5);
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: var(--pd-t-lancio); line-height: 1.02; letter-spacing: -0.03em;
color: var(--pd-nero); text-wrap: balance;
}
.pd-rac-testa--scuro .pd-rac-testa__tit { color: var(--pd-crema); }
.pd-rac-testa__guida {
margin: 0; max-inline-size: 46ch;
font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.6; color: var(--pd-ink-soft);
}
.pd-rac-testa--scuro .pd-rac-testa__guida { color: rgb(250 240 230 / 78%); }
.pd-rac-testa__intro { margin-block-start: var(--pd-space-6); max-inline-size: 54ch; }
.pd-rac-testa__lead { margin: 0 0 var(--pd-space-3); font-weight: 600; color: var(--pd-nero); }
.pd-rac-testa__intro p:not([class]) { margin: 0 0 var(--pd-space-3); line-height: 1.65; color: var(--pd-ink-soft); }
.pd-rac-testa__azioni { display: flex; flex-wrap: wrap; gap: var(--pd-space-3); margin: var(--pd-space-7) 0 0; }
.pd-rac-testa__azioni .pd-i, .pd-sede__azioni .pd-i { vertical-align: -3px; }
.pd-rac-testa__foto { margin: 0; }
.pd-rac-testa__img {
display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 3;
object-fit: cover; border-radius: calc(var(--pd-radius-blocco) * 0.7);
}
.pd-rac-testa--scontorno .pd-rac-testa__foto { align-self: end; margin-block-end: calc(-1 * var(--pd-pad-blocco)); }
.pd-rac-testa--scontorno .pd-rac-testa__img {
aspect-ratio: auto; max-block-size: 380px; object-fit: contain; object-position: center bottom;
border-radius: 0; margin-inline: auto; inline-size: auto; max-inline-size: 100%;
}
@media (min-width: 1000px) {
.pd-rac-testa__box {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
min-block-size: 480px; padding-block: 0; padding-inline-end: 0;
}
.pd-rac-testa__testo { padding-block: var(--pd-pad-blocco); }
.pd-rac-testa__foto { align-self: stretch; }
.pd-rac-testa__img { block-size: 100%; aspect-ratio: auto; border-radius: 0; }
.pd-rac-testa--scontorno .pd-rac-testa__foto { margin-block-end: 0; }
.pd-rac-testa--scontorno .pd-rac-testa__img { block-size: auto; max-block-size: 560px; }
}
.pd-rac-testa--carta .pd-rac-testa__box { background: var(--pd-superficie); border: 1px solid var(--pd-bordo-carta); }
.pd-rac-testa--carta .pd-rac-testa__occhiello { color: var(--pd-fucsia-d); }
@media (min-width: 1000px) {
.pd-rac-testa__box.pd-rac-testa__box--solo { grid-template-columns: minmax(0, 1fr); min-block-size: 0; padding: var(--pd-pad-blocco); }
.pd-rac-testa__box--solo .pd-rac-testa__testo { padding-block: 0; }
}
.pd-rac-testa__box--solo .pd-rac-testa__guida { max-inline-size: 62ch; }
.pd-rac-testa--pagina.pd-rac-testa--scontorno .pd-rac-testa__img { max-block-size: 230px; }
@media (min-width: 1000px) {
.pd-rac-testa--pagina.pd-rac-testa--scontorno .pd-rac-testa__foto { padding-block-start: var(--pd-space-8); }
.pd-rac-testa--pagina.pd-rac-testa--scontorno .pd-rac-testa__img { max-block-size: 400px; }
}
.pd-con-scheda .pd-gal__lead { display: none; }
.pd-rac-testa--pagina { margin-block-end: calc(var(--pd-ritmo) * 0.6); }
.pd-rac-testa--pagina .pd-rac-testa__tit { margin-block-end: 0; }
.pd-rac-testa--pagina .pd-rac-testa__guida { margin-block-start: var(--pd-space-5); }
#pd-main > .pd-indice.pd-rac-indice {
display: block; position: sticky; inset-block-start: var(--pd-rac-su, 0px); z-index: 50;
max-block-size: none; overflow: visible; padding: 0; border-radius: 0; border-inline: 0;
margin-block-start: var(--pd-space-6);
background: rgb(250 240 230 / 94%); backdrop-filter: blur(8px);
border-block: 1px solid var(--pd-filo);
transition: inset-block-start var(--pd-dur-base, .25s) var(--pd-ease);
}
@media (prefers-reduced-motion: reduce) { #pd-main > .pd-indice.pd-rac-indice { transition: none; } }
.pd-rac-indice__dentro { display: flex; align-items: center; gap: var(--pd-space-5); }
.pd-rac-indice .pd-indice__tit { margin: 0; flex: none; }
.pd-rac-indice ol {
list-style: none; margin: 0; padding: var(--pd-space-3) 0;
display: flex; gap: var(--pd-space-2); overflow-x: auto; scrollbar-width: none;
}
.pd-rac-indice ol::-webkit-scrollbar { display: none; }
.pd-rac-indice ol {
padding-inline: 12px; margin-inline: -12px;
mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 14px), transparent);
}
.pd-rac-indice li { flex: none; margin: 0; }
.pd-rac-indice a {
display: flex; align-items: center; min-block-size: 40px; margin: 0; padding: 0 14px; border-radius: 999px;
font-size: var(--pd-t-nota); line-height: 1.2; white-space: nowrap;
color: var(--pd-nero); text-decoration: none; border: 1px solid var(--pd-filo); background: var(--pd-superficie);
}
.pd-rac-indice a:hover { border-color: var(--pd-fucsia); background: var(--pd-superficie); color: var(--pd-nero); }
.pd-rac-indice a.is-qui, .pd-rac-indice a[aria-current] { background: var(--pd-nero); border-color: var(--pd-nero); color: var(--pd-crema); font-weight: 500; }
@media (max-width: 699px) { .pd-rac-indice .pd-indice__tit { display: none; } }
.pd-rac-intro { max-inline-size: 760px; margin: var(--pd-ritmo) auto 0; text-align: center; }
.pd-rac-intro__mano { margin-block-end: var(--pd-space-5); }
.pd-rac-intro .pd-prosa { margin-inline: auto; font-size: clamp(1.05rem, 1.4vw, 1.15rem); }
.pd-rac-cap { padding-block: calc(var(--pd-ritmo) / 2); }
.pd-rac-cap__griglia { display: grid; gap: var(--pd-gutter); align-items: center; }
@media (min-width: 1000px) {
.pd-rac-cap__griglia { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(3rem, 6vw, 6rem); }
.pd-rac-cap--rovescio .pd-rac-cap__testo { order: 2; }
}
.pd-rac-cap__n {
display: flex; align-items: center; gap: .9em; margin: 0 0 var(--pd-space-3);
font-family: var(--pd-font-body); font-size: var(--pd-t-nota); font-weight: 600;
letter-spacing: .12em; color: var(--pd-fucsia);
}
.pd-rac-cap__n::after { content: ""; inline-size: 2.6em; block-size: 1px; background: currentColor; opacity: .6; }
.pd-rac-cap__tit {
margin: 0 0 var(--pd-space-6); max-inline-size: 20ch;
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: var(--pd-t-titolo); line-height: 1.08; letter-spacing: -0.02em;
color: var(--pd-nero); text-wrap: balance;
scroll-margin-top: calc(var(--pd-head-h, 150px) + 80px);
}
.pd-rac-cap__corpo { max-inline-size: var(--pd-measure); }
.pd-rac-cap__lato { position: relative; }
.pd-rac-cap__foto { margin: 0; }
.pd-rac-cap__img {
display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 5;
object-fit: cover; border-radius: var(--pd-radius-blocco);
}
@media (max-width: 999px) { .pd-rac-cap__img { aspect-ratio: 4 / 3; } }
.pd-rac-cap__foto--ritaglio {
padding: var(--pd-space-10, 2.5rem) var(--pd-space-6) 0;
border-radius: var(--pd-radius-blocco); background: var(--pd-tinta-1); overflow: hidden;
}
.pd-rac-cap__foto--tinta-0 { background: var(--pd-tinta-0); }
.pd-rac-cap__foto--tinta-2 { background: var(--pd-tinta-2); }
.pd-rac-cap__foto--tinta-3 { background: var(--pd-tinta-3); }
.pd-rac-cap__foto--ritaglio .pd-rac-cap__img {
inline-size: auto; max-inline-size: 100%; block-size: auto; max-block-size: 560px;
aspect-ratio: auto; margin-inline: auto; object-fit: contain; border-radius: 0;
}
@media (min-width: 1000px) {
.pd-rac-cap__griglia:not(:has(.pd-rac-cap__lato)) { grid-template-columns: minmax(0, 1fr); }
}
.pd-rac-cit {
margin: 0; padding: var(--pd-space-8);
border-radius: calc(var(--pd-radius-blocco) * 0.8); background: var(--pd-tinta-1);
}
.pd-rac-cit--tinta-0 { background: var(--pd-tinta-0); }
.pd-rac-cit--tinta-2 { background: var(--pd-tinta-2); }
.pd-rac-cit--tinta-3 { background: var(--pd-tinta-3); }
.pd-rac-cit .pd-mano { font-size: var(--pd-t-mano-p); color: var(--pd-fucsia-d); }
.pd-rac-cap__foto + .pd-rac-cit {
position: relative; margin: calc(-1 * var(--pd-space-12)) var(--pd-space-6) 0;
box-shadow: var(--pd-ombra-leggera);
}
.pd-rac-fine { padding-block: calc(var(--pd-ritmo) / 2) var(--pd-ritmo); }
.pd-rac-fine__box {
display: grid; gap: var(--pd-gutter); align-items: center;
padding: var(--pd-pad-blocco); border-radius: var(--pd-radius-blocco);
background: var(--pd-tinta-2);
}
.pd-rac-fine__box--tinta-0 { background: var(--pd-tinta-0); }
.pd-rac-fine__box--tinta-1 { background: var(--pd-tinta-1); }
@media (min-width: 900px) { .pd-rac-fine__box { grid-template-columns: minmax(0, 1fr) auto; } }
.pd-rac-fine__firma { margin: 0 0 var(--pd-space-2); font-size: var(--pd-t-mano-p); color: var(--pd-fucsia-d); }
.pd-rac-fine__tit {
margin: 0 0 var(--pd-space-3);
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: var(--pd-t-titolo); line-height: 1.08; letter-spacing: -0.02em; color: var(--pd-nero);
}
.pd-rac-fine__testo { margin: 0; max-inline-size: 48ch; color: var(--pd-ink-soft); }
.pd-rac-fine__azioni { display: flex; flex-wrap: wrap; gap: var(--pd-space-3); margin: 0; }
@media (min-width: 900px) { .pd-rac-fine__azioni { justify-content: flex-end; max-inline-size: 460px; } }
.pd-rac-visita hr { display: none; }
.pd-rac-blocco { padding-block: calc(var(--pd-ritmo) / 2); }
.pd-rac-blocco__tit {
margin: 0 0 var(--pd-ritmo-tit);
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: var(--pd-t-titolo); line-height: 1.08; letter-spacing: -0.02em; color: var(--pd-nero);
}
.pd-rac-blocco__guida { margin: calc(-1 * var(--pd-space-6)) 0 var(--pd-space-8); max-inline-size: var(--pd-measure); }
.pd-rac-blocco__nota { margin-block-start: var(--pd-space-6); max-inline-size: var(--pd-measure); color: var(--pd-ink-soft); }
.pd-recapiti { display: grid; gap: var(--pd-gutter); }
@media (min-width: 800px) { .pd-recapiti { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pd-recapito {
display: flex; flex-direction: column; gap: var(--pd-space-2);
padding: var(--pd-pad-blocco); border-radius: var(--pd-radius-blocco);
background: var(--pd-tinta-1); color: var(--pd-nero); text-decoration: none;
transition: transform .2s var(--pd-ease), box-shadow .2s var(--pd-ease);
}
.pd-recapito--tinta-0 { background: var(--pd-tinta-0); }
.pd-recapito--tinta-2 { background: var(--pd-tinta-2); }
.pd-recapito:hover { transform: translateY(-3px); box-shadow: var(--pd-ombra-leggera); }
.pd-recapito:focus-visible { outline: 2px solid var(--pd-fucsia); outline-offset: 3px; }
.pd-recapito__icona { color: var(--pd-fucsia-d); margin-block-end: var(--pd-space-4); }
.pd-recapito__cosa { font-size: var(--pd-size-xs); letter-spacing: var(--pd-tracking-wide); text-transform: uppercase; color: var(--pd-ink-soft); }
.pd-recapito__dato {
font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: clamp(1.3rem, 2vw, 1.6rem); line-height: 1.2; overflow-wrap: anywhere;
}
.pd-recapito__nota { font-size: var(--pd-t-nota); line-height: 1.5; color: var(--pd-ink-soft); }
@media (prefers-reduced-motion: reduce) { .pd-recapito { transition: none; } .pd-recapito:hover { transform: none; } }
.pd-rac-due { display: grid; gap: var(--pd-gutter); }
@media (min-width: 900px) { .pd-rac-due { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; } }
.pd-orari {
padding: var(--pd-pad-blocco); border-radius: var(--pd-radius-blocco);
background: var(--pd-superficie); border: 1px solid var(--pd-bordo-carta);
}
.pd-orari__testa { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pd-space-3); margin-block-end: var(--pd-space-6); }
.pd-orari__icona { color: var(--pd-fucsia); }
.pd-orari__tit { margin: 0; font-family: var(--pd-font-display); font-weight: var(--pd-peso-display); font-size: clamp(1.4rem, 2.2vw, 1.8rem); color: var(--pd-nero); }
.pd-orari__stato {
margin-inline-start: auto; padding: 6px 12px; border-radius: 999px;
font-size: var(--pd-t-nota); font-weight: 600; line-height: 1.2;
background: rgb(74 122 78 / 12%); color: #3b6440; 
}
.pd-orari__stato.is-chiuso { background: var(--pd-sabbia); color: var(--pd-ink-soft); }
.pd-orari__righe { margin: 0; }
.pd-orari__riga {
display: flex; justify-content: space-between; gap: var(--pd-space-4);
padding-block: var(--pd-space-4); border-block-start: 1px solid var(--pd-filo);
}
.pd-orari__riga dt { font-weight: 600; color: var(--pd-nero); }
.pd-orari__riga dd { margin: 0; text-align: end; font-variant-numeric: tabular-nums; color: var(--pd-nero); }
.pd-orari__riga.is-chiuso dd { color: var(--pd-ink-soft); }
.pd-orari__riga.is-oggi dt::after {
content: "oggi"; margin-inline-start: .6em; padding: 2px 8px; border-radius: 999px;
font-size: .75rem; font-weight: 600; background: var(--pd-tinta-2); color: var(--pd-fucsia-d);
}
.pd-orari__nota { margin: var(--pd-space-5) 0 0; font-size: var(--pd-t-nota); line-height: 1.5; color: var(--pd-ink-soft); }
.pd-rac-cartina { margin: 0; border-radius: var(--pd-radius-blocco); overflow: hidden; background: var(--pd-superficie); border: 1px solid var(--pd-bordo-carta); }
.pd-rac-cartina a { display: block; color: inherit; text-decoration: none; }
.pd-rac-cartina svg { display: block; inline-size: 100%; block-size: auto; }
.pd-rac-cartina__apri {
display: flex; justify-content: space-between; gap: var(--pd-space-4);
padding: var(--pd-space-4) var(--pd-space-6); border-block-start: 1px solid var(--pd-filo);
font-weight: 600; font-size: var(--pd-t-nota); color: var(--pd-nero);
}
.pd-rac-cartina a:hover .pd-rac-cartina__apri { color: var(--pd-fucsia); }
.pd-rac-visita { display: grid; gap: var(--pd-gutter); }
.pd-rac-visita__tit { margin: 0 0 var(--pd-space-3); font-family: var(--pd-font-display); font-weight: var(--pd-peso-display); font-size: clamp(1.4rem, 2.2vw, 1.8rem); color: var(--pd-nero); }
.pd-sedi { display: grid; gap: var(--pd-gutter); }
@media (min-width: 800px) { .pd-sedi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pd-sede { padding: var(--pd-pad-blocco); border-radius: var(--pd-radius-blocco); background: var(--pd-tinta-0); }
.pd-sede--centro { background: var(--pd-tinta-3); }
.pd-sede .pd-scheda__occhiello { color: var(--pd-lime-t); }
.pd-sede--centro .pd-scheda__occhiello { color: var(--pd-fucsia-d); }
.pd-sede__tit {
margin: 0 0 var(--pd-space-4); font-family: var(--pd-font-display); font-weight: var(--pd-peso-display);
font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.1; color: var(--pd-nero);
}
.pd-sede__via { margin: 0 0 var(--pd-space-3); font-size: 1.1rem; line-height: 1.5; color: var(--pd-nero); }
.pd-sede__nota { margin: 0 0 var(--pd-space-6); color: var(--pd-ink-soft); }
.pd-sede__azioni { display: flex; flex-wrap: wrap; gap: var(--pd-space-3); margin: 0; }
.pd-risposte { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pd-space-4); }
@media (min-width: 700px) { .pd-risposte { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pd-risposte { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pd-risposte li { margin: 0; }
.pd-risposta {
display: flex; align-items: center; gap: var(--pd-space-4); block-size: 100%;
padding: var(--pd-space-6); border-radius: calc(var(--pd-radius-blocco) * 0.7);
background: var(--pd-superficie); border: 1px solid var(--pd-bordo-carta);
color: var(--pd-nero); font-weight: 600; text-decoration: none;
transition: border-color .2s var(--pd-ease);
}
.pd-risposta:hover { border-color: var(--pd-fucsia); }
.pd-risposta .pd-i { flex: none; color: var(--pd-fucsia); }
.pd-risposta__va { margin-inline-start: auto; color: var(--pd-fucsia); }
.pd-rac-torta { margin-block: calc(var(--pd-ritmo) / 2); }
.pd-rac-torta__tit { min-block-size: 0; max-inline-size: 18ch; }
.pd-rac-torta__testo { max-inline-size: 52ch; }
.pd-rac-torta .pd-firma__foto img { display: block; inline-size: 100%; block-size: auto; max-block-size: 420px; object-fit: contain; }
@media (min-width: 900px) { .pd-rac-torta .pd-firma__alto { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); } }