/* ==========================================================================
   PrintLitoArt — Base, utilità e componenti
   Uso: in Elementor, scheda Avanzate > "Classi CSS", inserire le classi indicate
   (senza punto). I valori vengono tutti dai token di pla-tokens.css.
   Regola: queste classi COMPLETANO le impostazioni globali di Elementor
   (Site Settings), non le sostituiscono. Se un valore esiste nei Global di
   Elementor, si usa il Global; qui stanno solo i comportamenti che Elementor
   non sa esprimere (hover CMY, cartellino, segni di stampa, stati, movimento).
   ========================================================================== */

/* ---------- Base ---------- */
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--pla-carta);
  color: var(--pla-inchiostro);
  font-family: var(--pla-font-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--pla-inchiostro); color: var(--pla-carta); }
img { max-width: 100%; height: auto; }

/* Focus visibile ovunque (WCAG 2.2 AA) */
:focus-visible { outline: var(--pla-focus-ring); outline-offset: var(--pla-focus-offset); }
.pla-on-dark :focus-visible,
.pla-dark :focus-visible { outline-color: var(--pla-ciano-stampa); }

/* Skip link (stampato da functions.php) */
.pla-skip {
  position: fixed; left: 12px; top: -60px; z-index: 10000;
  background: var(--pla-inchiostro); color: var(--pla-carta);
  padding: 12px 16px; font: 500 14px/1 var(--pla-font-text);
  text-decoration: none; transition: top 150ms;
}
.pla-skip:focus { top: 12px; color: var(--pla-carta); }

/* Link nel testo corrente: terziari */
.pla-prose a,
.elementor-widget-text-editor a {
  color: var(--pla-ciano-testo);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.pla-prose a:hover,
.elementor-widget-text-editor a:hover { color: var(--pla-inchiostro); }
.pla-dark .elementor-widget-text-editor a,
.pla-on-dark a { color: var(--pla-ciano-stampa); }
.pla-dark .elementor-widget-text-editor a:hover,
.pla-on-dark a:hover { color: var(--pla-carta); }

/* Misura del testo */
.pla-measure, .pla-measure p { max-width: var(--pla-measure); }

/* ---------- Superfici di sezione ---------- */
.pla-bg-carta       { background-color: var(--pla-carta); }
.pla-bg-carta-calda { background-color: var(--pla-carta-calda); }
.pla-bg-museo       { background-color: var(--pla-bianco-museo); }
.pla-dark           { background-color: var(--pla-inchiostro); color: var(--pla-carta); }
.pla-dark-2         { background-color: var(--pla-grafite);   color: var(--pla-carta); }
.pla-dark .pla-muted, .pla-dark-2 .pla-muted { color: var(--pla-nebbia); }
.pla-muted          { color: var(--pla-seppia); }

/* Ritmo verticale (da applicare al container di sezione) */
.pla-section    { padding-top: var(--pla-section);    padding-bottom: var(--pla-section); }
.pla-section-lg { padding-top: var(--pla-section-lg); padding-bottom: var(--pla-section-lg); }
.pla-section-xl { padding-top: var(--pla-section-xl); padding-bottom: var(--pla-section-xl); }
.pla-hero-inner { padding-top: var(--pla-hero-top);   padding-bottom: var(--pla-hero-bottom); }

/* Griglie fluide come nel mockup (repeat(auto-fit, minmax(...))) */
.pla-grid-auto-220 > .e-con-inner, .pla-grid-auto-220:not(:has(> .e-con-inner)) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--pla-grid-gap); }
.pla-grid-auto-260 > .e-con-inner, .pla-grid-auto-260:not(:has(> .e-con-inner)) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--pla-grid-gap); }
.pla-grid-auto-300 > .e-con-inner, .pla-grid-auto-300:not(:has(> .e-con-inner)) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--pla-grid-gap); }

/* ---------- Tipografia di supporto ---------- */
.pla-eyebrow, .pla-eyebrow .elementor-heading-title {
  font: 500 var(--pla-fs-eyebrow)/1.3 var(--pla-font-text);
  letter-spacing: var(--pla-track-eyebrow);
  text-transform: uppercase;
  color: var(--pla-seppia);
}
.pla-dark .pla-eyebrow, .pla-dark .pla-eyebrow .elementor-heading-title { color: var(--pla-nebbia); }
.pla-lead, .pla-lead p { font: 400 var(--pla-fs-hero-lead)/1.6 var(--pla-font-text); max-width: 46ch; }
.pla-manifesto, .pla-manifesto p { font: 400 var(--pla-fs-manifesto)/1.42 var(--pla-font-display); max-width: 30ch; }
.pla-titolo-opera { font-family: var(--pla-font-display); font-style: italic; font-weight: 400; }
/* Corsivo Bodoni: riserva per i discendenti (y g j p q) nei titoli display */
.elementor-heading-title em { padding-bottom: 0.06em; }

/* ---------- CTA ---------- */
/* Primaria: classe "pla-btn" sul widget Pulsante di Elementor */
.pla-btn .elementor-button,
a.pla-btn {
  display: inline-flex; align-items: center; gap: 14px;
  min-height: 52px; padding: 0 26px;
  background: var(--pla-inchiostro) var(--pla-cmy-line) no-repeat left bottom / 0% 3px;
  color: var(--pla-carta);
  font: 500 var(--pla-fs-button)/1 var(--pla-font-text);
  letter-spacing: var(--pla-track-button); text-transform: uppercase;
  text-decoration: none; border: 0; border-radius: var(--pla-radius);
  transition: background-size var(--pla-dur-cta) ease, background-color var(--pla-dur) ease;
}
.pla-btn .elementor-button:hover, .pla-btn .elementor-button:focus-visible,
a.pla-btn:hover, a.pla-btn:focus-visible {
  background-color: var(--pla-grafite); background-size: 100% 3px; color: var(--pla-carta);
}
.pla-btn .elementor-button-icon, .pla-btn .pla-arrow { transition: transform var(--pla-dur) ease; }
.pla-btn .elementor-button:hover .elementor-button-icon,
a.pla-btn:hover .pla-arrow { transform: translateX(4px); }

/* Primaria su fondo scuro */
.pla-btn--light .elementor-button, a.pla-btn--light { background-color: var(--pla-carta); color: var(--pla-inchiostro); }
.pla-btn--light .elementor-button:hover, a.pla-btn--light:hover,
.pla-btn--light .elementor-button:focus-visible, a.pla-btn--light:focus-visible { background-color: var(--pla-carta); color: var(--pla-inchiostro); }

/* Compatta (header): 40px */
.pla-btn--sm .elementor-button, a.pla-btn--sm { min-height: 40px; padding: 0 18px; font-size: 12px; gap: 10px; }

/* Secondaria: testo + freccia con filetto */
.pla-link-sec .elementor-button, a.pla-link-sec {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 8px 0; background: transparent; color: var(--pla-inchiostro);
  font: 500 var(--pla-fs-button)/1 var(--pla-font-text);
  letter-spacing: var(--pla-track-button); text-transform: uppercase;
  text-decoration: none; border: 0; border-bottom: 1px solid currentColor; border-radius: 0;
}
.pla-dark .pla-link-sec .elementor-button, .pla-dark a.pla-link-sec { color: var(--pla-carta); }
.pla-link-sec .elementor-button:hover, a.pla-link-sec:hover { opacity: .7; }

/* ---------- Segni di mestiere (sempre aria-hidden nell'HTML) ---------- */
.pla-cmyk-bar { display: flex; gap: 3px; }
.pla-cmyk-bar > span { width: 28px; height: 2px; }
.pla-cmyk-bar > span:nth-child(1) { background: var(--pla-ciano-stampa); }
.pla-cmyk-bar > span:nth-child(2) { background: var(--pla-magenta-stampa); }
.pla-cmyk-bar > span:nth-child(3) { background: var(--pla-giallo-stampa); }
.pla-cmyk-bar > span:nth-child(4) { background: var(--pla-inchiostro); }
.pla-dark .pla-cmyk-bar > span:nth-child(4) { background: var(--pla-carta); }

/* Barra CMYK da 4px sopra il footer */
.pla-footer-bar { display: grid; grid-template-columns: repeat(4, 1fr); height: 4px; }
.pla-footer-bar > span:nth-child(1) { background: var(--pla-ciano-stampa); }
.pla-footer-bar > span:nth-child(2) { background: var(--pla-magenta-stampa); }
.pla-footer-bar > span:nth-child(3) { background: var(--pla-giallo-stampa); }
.pla-footer-bar > span:nth-child(4) { background: var(--pla-inchiostro); border-top: 1px solid var(--pla-grafite); }

/* Angoli di taglio su una cornice */
.pla-corners { position: relative; }
.pla-corners::before, .pla-corners::after { content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none; }
.pla-corners::before { left: 10px; top: 10px; border-left: 1px solid var(--pla-inchiostro); border-top: 1px solid var(--pla-inchiostro); }
.pla-corners::after  { right: 10px; bottom: 10px; border-right: 1px solid var(--pla-inchiostro); border-bottom: 1px solid var(--pla-inchiostro); }

/* Tre cerchi CMY (eco del logo, NON il logo) */
.pla-cmy-circles { position: relative; width: clamp(96px, 10vw, 148px); aspect-ratio: 1; }
.pla-cmy-circles > span { position: absolute; width: 62%; height: 62%; border-radius: 50%; border: 1px solid; }
.pla-cmy-circles > span:nth-child(1) { left: 0; top: 0; border-color: var(--pla-ciano-stampa); }
.pla-cmy-circles > span:nth-child(2) { right: 0; top: 0; border-color: var(--pla-magenta-stampa); }
.pla-cmy-circles > span:nth-child(3) { left: 19%; bottom: 0; border-color: var(--pla-giallo-stampa); }
.pla-cmy-circles--fill > span { border: 0; mix-blend-mode: multiply; opacity: .85; }
.pla-cmy-circles--fill > span:nth-child(1) { background: var(--pla-ciano-stampa); }
.pla-cmy-circles--fill > span:nth-child(2) { background: var(--pla-magenta-stampa); }
.pla-cmy-circles--fill > span:nth-child(3) { background: var(--pla-giallo-stampa); }

/* ---------- Opere: mai ritagliate ---------- */
/* Classe "pla-opera" sul widget Immagine (o sull'immagine nel Loop Item) */
.pla-opera img, img.pla-opera {
  width: 100%; height: auto !important; max-height: none;
  object-fit: contain !important; aspect-ratio: auto !important; display: block;
}
/* Parete: fondo bianco-museo con margine (passe-partout) */
.pla-parete { background: var(--pla-bianco-museo); padding: clamp(16px, 3vw, 32px); }
.pla-parete--calda { background: var(--pla-carta-calda); padding: 20px; }

/* Cartellino d'opera */
.pla-cartellino { margin: 12px 0 0; font: 400 var(--pla-fs-label)/1.45 var(--pla-font-text); color: var(--pla-seppia); }
.pla-cartellino .pla-cartellino__titolo { display: block; font: italic 400 17px/1.3 var(--pla-font-display); color: var(--pla-inchiostro); }
.pla-dark .pla-cartellino { color: var(--pla-nebbia); }
.pla-dark .pla-cartellino .pla-cartellino__titolo { color: var(--pla-carta); }

/* Card: niente ombre, filetto 1px e spazio */
.pla-card { background: var(--pla-bianco-museo); border: 1px solid var(--pla-filo); border-radius: var(--pla-radius); }
.pla-card:hover img { transform: scale(1.03); }
.pla-card img { transition: transform var(--pla-dur) ease; }
.pla-card--soluzione:hover .pla-card__filo { background: var(--pla-cmy-line); }
.pla-card__filo { height: 1px; background: var(--pla-inchiostro); transition: background var(--pla-dur) ease; }

/* ---------- FAQ con <details> (accessibili senza JS) ---------- */
.pla-faq details { border-bottom: 1px solid var(--pla-inchiostro); }
.pla-faq details:first-of-type { border-top: 1px solid var(--pla-inchiostro); }
.pla-faq summary {
  display: flex; justify-content: space-between; gap: 24px; padding: 24px 0; cursor: pointer;
  list-style: none; font: 400 22px/1.3 var(--pla-font-display);
}
.pla-faq summary::-webkit-details-marker { display: none; }
.pla-faq summary::after { content: "+"; font: 300 28px/1 var(--pla-font-text); transition: transform var(--pla-dur) ease; }
.pla-faq details[open] summary::after { transform: rotate(45deg); }
.pla-faq details > div, .pla-faq details > p { padding: 0 0 24px; max-width: var(--pla-measure); font: 400 18px/1.65 var(--pla-font-text); }

/* ---------- Form (Elementor Pro Form con classe "pla-form") ---------- */
.pla-form .elementor-field-label { font: 500 13px/1.3 var(--pla-font-text); letter-spacing: var(--pla-track-label); color: var(--pla-grafite); margin-bottom: 8px; }
.pla-form .elementor-field-textual,
.pla-form select.elementor-field {
  min-height: 52px; padding: 0 16px; background: var(--pla-bianco-museo);
  border: 1px solid var(--pla-seppia) !important; border-radius: var(--pla-radius) !important;
  color: var(--pla-inchiostro); font: 400 17px/1.4 var(--pla-font-text);
}
.pla-form textarea.elementor-field-textual { padding: 14px 16px; min-height: 160px; }
.pla-form .elementor-field-textual:focus { outline: var(--pla-focus-ring); outline-offset: 0; }
.pla-form .elementor-field-subgroup .elementor-field-option label { font: 400 17px/1.35 var(--pla-font-text); }
.pla-form input[type=checkbox], .pla-form input[type=radio] { width: 20px; height: 20px; accent-color: var(--pla-inchiostro); }
.pla-form .elementor-message-danger, .pla-form .elementor-error .elementor-field { color: var(--pla-errore); border-color: var(--pla-errore) !important; }
.pla-form .elementor-message-success { color: var(--pla-ok); }

/* ---------- Header (Theme Builder, classe "pla-header" sul container principale) ---------- */
.pla-header { transition: background-color 300ms, min-height 300ms, border-color 300ms; border-bottom: 1px solid var(--pla-filo); background: var(--pla-carta); }
/* Header sempre visibile (mockup: fisso). Sulla home è sovrapposto all'hero scuro (body.home). */
.elementor-location-header { position: sticky; top: 0; z-index: 100; }
body.home .elementor-location-header { position: fixed; left: 0; right: 0; }
body.admin-bar .elementor-location-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor-location-header { top: 46px; } }
.pla-header .pla-header__bar { min-height: var(--pla-header-h); transition: min-height 300ms; }
.pla-header.is-scrolled .pla-header__bar { min-height: var(--pla-header-h-scrolled); }
.pla-header .pla-header__logo img { width: 48px; height: 48px; transition: width 300ms, height 300ms; }
.pla-header.is-scrolled .pla-header__logo img { width: 40px; height: 40px; }
/* Classi: pla-header sul container dell'header, pla-header__bar sulla riga interna, pla-header__logo sul widget del logo.
   Sulla home aggiungere anche pla-header--transparent: l'header è fisso e sovrapposto all'hero (100svh), che parte da y = 0. */
.pla-header--transparent:not(.is-scrolled):not(.is-open) { background: transparent; border-color: transparent; color: var(--pla-carta); }
.pla-header--transparent:not(.is-scrolled):not(.is-open) .elementor-nav-menu a,
.pla-header--transparent:not(.is-scrolled):not(.is-open) .elementor-icon { color: var(--pla-carta); }
.pla-header--transparent:not(.is-scrolled):not(.is-open) .pla-btn .elementor-button { background-color: var(--pla-carta); color: var(--pla-inchiostro); }

/* ---------- Barra CTA fissa su mobile (stampata da functions.php) ---------- */
.pla-mobile-cta {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 80;
  background: var(--pla-carta); border-top: 1px solid var(--pla-filo);
  padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
  transform: translateY(110%); opacity: 0;
  transition: transform 300ms ease, opacity 300ms ease;
}
.pla-mobile-cta.is-visible { transform: none; opacity: 1; }
.pla-mobile-cta a {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px;
  background: var(--pla-inchiostro); color: var(--pla-carta); text-decoration: none; border-radius: var(--pla-radius);
  font: 500 13px/1 var(--pla-font-text); letter-spacing: var(--pla-track-button); text-transform: uppercase;
}
@media (min-width: 768px) { .pla-mobile-cta { display: none; } }
body.pla-has-mobile-cta { padding-bottom: 0; }
@media (max-width: 767px) { body.pla-has-mobile-cta.pla-mobile-cta-on { padding-bottom: 72px; } }

/* ---------- Movimento: entrata hero ---------- */
@keyframes pla-rise { from { transform: translateY(110%); } to { transform: none; } }
@keyframes pla-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pla-img  { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: none; } }
.pla-rise-mask { display: block; overflow: hidden; padding-bottom: 0.06em; }
.pla-rise   { display: block; animation: pla-rise var(--pla-dur-hero) var(--pla-ease) both; }
.pla-rise-2 { animation-delay: 80ms; }
.pla-rise-3 { animation-delay: 160ms; }
.pla-fade   { animation: pla-fade var(--pla-dur-hero) ease 500ms both; }
.pla-fade-2 { animation-delay: 650ms; }
.pla-img-in img, img.pla-img-in { animation: pla-img 1600ms var(--pla-ease) both; }

/* Rivelazione allo scroll (pla-ui.js aggiunge .is-in). Senza JS il contenuto resta visibile. */
.pla-js .pla-reveal { opacity: 0; transform: translateY(24px); transition: opacity 600ms ease, transform 600ms var(--pla-ease); }
.pla-js .pla-reveal.is-in { opacity: 1; transform: none; }

/* ---------- Riduzione del movimento: versione statica completa ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .pla-js .pla-reveal { opacity: 1; transform: none; }
}

/* ---------- Modalità revisione del mockup: NON esiste sul sito live ---------- */
[data-rv] { display: none !important; }

/* ---------- Lightbox ---------- */
.pla-lb { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(15, 15, 18, .96); color: var(--pla-carta); }
.pla-lb.is-open { display: flex; }
html.pla-lb-open { overflow: hidden; }
.pla-lb__fig { margin: 0; max-width: min(92vw, 1400px); max-height: 86vh; display: flex; flex-direction: column; align-items: center; gap: 12px; overflow: hidden; }
.pla-lb__fig img { max-width: 100%; max-height: 78vh; width: auto; height: auto; object-fit: contain; transition: transform 250ms ease; cursor: zoom-in; }
.pla-lb.is-zoom .pla-lb__fig img { transform: scale(2.2); cursor: zoom-out; }
.pla-lb__cap { font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-nebbia); }
.pla-lb button { background: none; border: 1px solid var(--pla-seppia); color: var(--pla-carta); min-height: 48px; min-width: 48px; padding: 0 16px; border-radius: var(--pla-radius); font: 500 12px/1 var(--pla-font-text); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.pla-lb button:hover { border-color: var(--pla-carta); }
.pla-lb__close { position: absolute; top: 16px; right: 16px; }
.pla-lb__zoom  { position: absolute; bottom: 16px; right: 16px; }
.pla-lb__prev  { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
.pla-lb__next  { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
.pla-lb :focus-visible { outline: 2px solid var(--pla-ciano-stampa); outline-offset: 3px; }

/* ---------- Transizione tra pagine (guida.md §10.7: dissolvenza 200 ms, nessuna schermata di caricamento) ----------
   Miglioramento progressivo: i browser che non supportano le View Transitions cross-document la ignorano. */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 200ms; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}

/* ==========================================================================
   1.0.6 — Header: menu principale, mega-menu, menu mobile, lingua
   Struttura in Elementor (Theme Builder > Header):
   .pla-header (container principale, tag header)
     .pla-header__bar (riga: logo, .pla-nav, .pla-header__azioni, .pla-menu-toggle)
     [data-pla-mega="soluzioni"] / [data-pla-mega="perchi"] (pannelli .pla-mega)
     #menu-mobile.pla-mobile-menu (pannello a tutto schermo sotto 1180 px)
   Le voci del menu WordPress con classe "pla-mega-{chiave}" aprono il pannello [data-pla-mega="{chiave}"].
   ========================================================================== */
.pla-header { position: relative; }
.pla-nav .elementor-nav-menu--main .elementor-item {
  font: 400 14px/1 var(--pla-font-text); letter-spacing: .02em; color: inherit;
  padding: 8px 0; border-bottom: 1px solid transparent; transition: opacity var(--pla-dur) ease;
}
.pla-nav .elementor-nav-menu--main .elementor-nav-menu > li + li { margin-left: clamp(14px, 1.6vw, 28px); }
.pla-nav .elementor-nav-menu--main .elementor-item:hover { opacity: .7; }
.pla-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
.pla-nav .elementor-nav-menu--main .current-menu-ancestor > .elementor-item { border-bottom-color: currentColor; }
.pla-nav .elementor-nav-menu--main .elementor-item[aria-expanded="true"] { border-bottom-color: currentColor; }
.pla-header--transparent:not(.is-scrolled):not(.is-open) .pla-lang { color: var(--pla-carta); }

/* Selettore lingua (EN/FR disattivati finché non c'è WPML) */
.pla-lang { display: flex; align-items: center; gap: 6px; font: 400 12px/1 var(--pla-font-text); letter-spacing: .08em; color: inherit; }
.pla-lang a { color: inherit; text-decoration: none; font-weight: 600; }
.pla-lang [aria-disabled="true"] { opacity: .55; }
.pla-lang .pla-lang__sep { opacity: .5; }
.pla-dark .pla-lang [aria-disabled="true"], .pla-on-dark .pla-lang [aria-disabled="true"] { opacity: 1; color: var(--pla-nebbia); }

/* Pannelli del mega-menu */
.pla-mega {
  position: absolute !important; top: 100%; left: 0; right: 0; z-index: 101;
  background: var(--pla-bianco-museo); color: var(--pla-inchiostro);
  border-top: 1px solid var(--pla-filo); box-shadow: var(--pla-shadow-menu);
  display: none !important;
}
.pla-mega.is-open { display: flex !important; }
.pla-mega a { color: inherit; text-decoration: none; }
.pla-mega a:hover, .pla-mega a:focus-visible { color: var(--pla-ciano-testo); }
.pla-mega__voce { display: flex; flex-direction: column; gap: 6px; }
.pla-mega__titolo { font: 400 22px/1.2 var(--pla-font-display); }
.pla-mega__desc { font: 400 14px/1.5 var(--pla-font-text); color: var(--pla-seppia); }
.pla-mega--porte .pla-mega__voce { gap: 8px; border-top: 1px solid var(--pla-inchiostro); padding-top: 20px; }
.pla-mega--porte .pla-mega__titolo { font-size: 26px; }
.pla-mega--porte .pla-mega__desc { font-size: 15px; }
.pla-mega__tutte { align-self: end; display: inline-flex; align-items: flex-end; gap: 10px; font: 500 12px/1.4 var(--pla-font-text); letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid var(--pla-inchiostro); padding-bottom: 6px; color: var(--pla-inchiostro) !important; }
@media (max-width: 1179px) { .pla-mega { display: none !important; } }

/* Pulsante Menu/Chiudi e pannello mobile */
.pla-menu-toggle {
  background: none; border: 1px solid currentColor; color: inherit; min-height: 44px; min-width: 48px; padding: 0 16px;
  font: 500 12px/1 var(--pla-font-text); letter-spacing: .14em; text-transform: uppercase; border-radius: var(--pla-radius); cursor: pointer;
}
.pla-menu-toggle:hover, .pla-menu-toggle:focus { background: none; color: inherit; }
.pla-header--transparent:not(.is-scrolled):not(.is-open) .pla-menu-toggle { color: var(--pla-carta); }
.pla-mobile-menu {
  position: fixed !important; left: 0; right: 0; bottom: 0; top: var(--pla-mobile-top, 72px); z-index: 99;
  background: var(--pla-carta); color: var(--pla-inchiostro); overflow: auto; display: none !important;
}
.pla-mobile-menu.is-open { display: flex !important; }
html.pla-menu-open { overflow: hidden; }
.pla-nav-mobile .elementor-nav-menu--main .elementor-nav-menu { flex-direction: column; }
.pla-nav-mobile .elementor-nav-menu--main .elementor-nav-menu > li { border-bottom: 1px solid var(--pla-filo); margin: 0 !important; }
.pla-nav-mobile .elementor-nav-menu--main .elementor-item {
  display: block; padding: 16px 0; color: var(--pla-inchiostro); font: 400 28px/1.2 var(--pla-font-display); letter-spacing: 0;
}
.pla-nav-mobile .elementor-nav-menu--main .elementor-item:hover { color: var(--pla-ciano-testo); }
@media (min-width: 1180px) { .pla-mobile-menu { display: none !important; } }

/* Breadcrumb ([pla_breadcrumb], dati di Rank Math) */
.pla-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 10px; font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-seppia); }
.pla-breadcrumb li { display: inline-flex; gap: 10px; align-items: center; }
.pla-breadcrumb li + li::before { content: "›"; color: var(--pla-seppia); }
.pla-breadcrumb a { color: var(--pla-seppia); text-decoration: none; }
.pla-breadcrumb a:hover { color: var(--pla-ciano-testo); text-decoration: underline; text-underline-offset: 3px; }
.pla-breadcrumb [aria-current="page"] { color: var(--pla-inchiostro); }

/* Footer */
.pla-footer-nav .elementor-nav-menu--main .elementor-nav-menu > li { margin: 0 !important; }
.pla-footer-nav .elementor-nav-menu--main .elementor-item {
  padding: 4px 0; color: var(--pla-carta); font: 400 15px/1.6 var(--pla-font-text); letter-spacing: 0;
}
.pla-footer-nav .elementor-nav-menu--main .elementor-item:hover,
.pla-footer-nav .elementor-nav-menu--main .elementor-item:focus-visible { color: var(--pla-ciano-stampa); }
.pla-footer-nav--due .elementor-nav-menu--main .elementor-nav-menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.pla-footer-nav--col .elementor-nav-menu--main .elementor-nav-menu { display: flex !important; flex-direction: column; gap: 10px; }

/* ---------- Header trasparente sulla home (anche prima che pla-ui.js giri) ---------- */
body.home .pla-header:not(.is-scrolled):not(.is-open) { background: transparent; border-color: transparent; color: var(--pla-carta); }
body.home .pla-header:not(.is-scrolled):not(.is-open) .elementor-nav-menu--main .elementor-item,
body.home .pla-header:not(.is-scrolled):not(.is-open) .pla-lang,
body.home .pla-header:not(.is-scrolled):not(.is-open) .pla-menu-toggle { color: var(--pla-carta); }
body.home .pla-header:not(.is-scrolled):not(.is-open) .pla-btn .elementor-button { background-color: var(--pla-carta); color: var(--pla-inchiostro); }
.pla-mega .pla-mega__voce .elementor-heading-title { color: inherit; }
.pla-mega .pla-mega__voce:hover .elementor-heading-title, .pla-mega .pla-mega__voce:focus-visible .elementor-heading-title { color: var(--pla-ciano-testo); }
.pla-mega .pla-mega__desc, .pla-mega .pla-mega__desc p { font: 400 14px/1.5 var(--pla-font-text); color: var(--pla-seppia); margin: 0; }
.pla-mega--porte .pla-mega__desc, .pla-mega--porte .pla-mega__desc p { font-size: 15px; }

/* ---------- Utilità ---------- */
.pla-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pla-text-pretty, .pla-text-pretty p { text-wrap: pretty; }
.pla-balance .elementor-heading-title { text-wrap: balance; }
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* Link terziario (testo sottolineato ciano, 17px) */
.pla-link3 a, a.pla-link3 { color: var(--pla-ciano-testo); font: 400 17px/1.5 var(--pla-font-text); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pla-link3 a:hover, a.pla-link3:hover { color: var(--pla-inchiostro); }
.pla-dark .pla-link3 a, .pla-dark-2 .pla-link3 a, .pla-on-dark .pla-link3 a { color: var(--pla-ciano-stampa); }
.pla-dark .pla-link3 a:hover, .pla-dark-2 .pla-link3 a:hover { color: var(--pla-carta); }

/* CTA di pubblico: contornata (Home «04 Per chi») */
.pla-btn-ghost .elementor-button, a.pla-btn-ghost {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 18px; min-height: 44px;
  background: transparent; color: var(--pla-inchiostro); border: 1px solid var(--pla-inchiostro); border-radius: var(--pla-radius);
  font: 500 13px/1 var(--pla-font-text); letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
  transition: background-color var(--pla-dur) ease, color var(--pla-dur) ease;
}
.pla-btn-ghost .elementor-button:hover, .pla-btn-ghost .elementor-button:focus-visible, a.pla-btn-ghost:hover { background: var(--pla-inchiostro); color: var(--pla-carta); }
/* Link di card maiuscolo con filetto (card soluzioni, progetti) */
.pla-link-card a, a.pla-link-card { display: inline-block; color: var(--pla-inchiostro); font: 500 13px/1 var(--pla-font-text); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--pla-inchiostro); padding: 6px 0; }
.pla-link-card a:hover, a.pla-link-card:hover { opacity: .7; color: var(--pla-inchiostro); }

/* Freccia nei pulsanti Elementor (testo «… <span class="pla-arrow">→</span>») */
.elementor-button .pla-arrow { display: inline-block; margin-left: 14px; transition: transform var(--pla-dur) ease; }
.elementor-button:hover .pla-arrow, .elementor-button:focus-visible .pla-arrow { transform: translateX(4px); }
.pla-btn--sm .elementor-button .pla-arrow { margin-left: 10px; }

/* ---------- Home «01 Hero» ---------- */
.pla-hero-home { position: relative; overflow: hidden; }
.pla-hero-home__foto { position: absolute !important; inset: 0; margin: 0; z-index: 0; }
.pla-hero-home__foto img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 35% 50%; display: block; }
.pla-hero-home__velo { position: absolute !important; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(15,15,18,.55) 0%, rgba(15,15,18,.1) 28%, rgba(15,15,18,.45) 55%, #0F0F12 96%), linear-gradient(90deg, rgba(15,15,18,.7) 0%, rgba(15,15,18,0) 65%); }
.pla-hero-home > .e-con-inner, .pla-hero-home__testo { position: relative; z-index: 2; }
.pla-hero-home__cartellino { margin: 0; padding-left: 12px; border-left: 1px solid var(--pla-nebbia); font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-nebbia); }
.pla-scorri { display: flex; flex-direction: column; align-items: center; gap: 10px; font: 500 10px/1 var(--pla-font-text); letter-spacing: .2em; text-transform: uppercase; color: var(--pla-nebbia); }
.pla-scorri::after { content: ""; display: block; width: 1px; height: 40px; background: linear-gradient(var(--pla-nebbia), transparent); }
@media (max-width: 767px) { .pla-scorri { display: none; } }

/* Fascia prove */
.pla-prove { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.pla-prove li { display: flex; align-items: center; gap: 12px; padding: 22px 0; font: 500 13px/1.3 var(--pla-font-text); letter-spacing: .06em; border-bottom: 1px solid var(--pla-filo); color: var(--pla-inchiostro); }
.pla-prove svg { flex: none; }

/* Crocino di registro (decoro) e firma del manifesto */
.pla-crocino { display: block; width: 24px; height: 24px; background: linear-gradient(var(--pla-inchiostro), var(--pla-inchiostro)) center / 1px 100% no-repeat, linear-gradient(var(--pla-inchiostro), var(--pla-inchiostro)) center / 100% 1px no-repeat; }
.pla-firma { display: flex; align-items: center; gap: 20px; }
.pla-firma .pla-cmyk-bar > span { width: 20px; }
.pla-firma p { margin: 0; font: italic 400 clamp(20px, 1.6vw, 24px)/1.3 var(--pla-font-display); }
.pla-manifesto, .pla-manifesto p { max-width: 30em; letter-spacing: -.005em; text-wrap: pretty; }

/* ---------- Home «03 Soluzioni»: fila a scorrimento ---------- */
.pla-sol-nav { display: flex; gap: 8px; flex: none; }
.pla-sol-nav button { width: 48px; height: 48px; border: 1px solid var(--pla-seppia); background: transparent; color: var(--pla-inchiostro); border-radius: var(--pla-radius); font-size: 18px; line-height: 1; cursor: pointer; padding: 0; }
.pla-sol-nav button:hover { background: var(--pla-inchiostro); color: var(--pla-carta); }
.pla-sol-track {
  display: flex !important; flex-wrap: nowrap !important; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  padding: 0 var(--pla-gutter) 24px calc(max(0px, (100% - var(--pla-frame-max)) / 2) + var(--pla-gutter)) !important;
  scroll-padding-left: calc(max(0px, (100% - var(--pla-frame-max)) / 2) + var(--pla-gutter));
  scrollbar-width: thin; scrollbar-color: var(--pla-nebbia) transparent;
}
@media (prefers-reduced-motion: reduce) { .pla-sol-track { scroll-behavior: auto; } }
.pla-sol-card { flex: none !important; width: clamp(272px, 29vw, 400px) !important; scroll-snap-align: start; background: var(--pla-bianco-museo); border-top: 1px solid var(--pla-inchiostro); display: flex; flex-direction: column; }
.pla-sol-card__media { aspect-ratio: 5 / 4; overflow: hidden; margin: 0 !important; }
.pla-sol-card__media--foto { background: var(--pla-grafite); }
.pla-sol-card__media--foto img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform 600ms var(--pla-ease); }
.pla-sol-card:hover .pla-sol-card__media--foto img { transform: scale(1.03); }
.pla-sol-card__media--opera { background: var(--pla-carta-calda); display: flex; align-items: center; justify-content: center; padding: 28px; box-sizing: border-box; }
.pla-sol-card__media--opera .elementor-widget-container, .pla-sol-card__media--opera > a { height: 100%; display: flex; align-items: center; justify-content: center; }
.pla-sol-card__media--opera img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain; display: block; }
.pla-sol-card__media--oro img { transform: scale(1.28); }
.pla-sol-card:hover .pla-sol-card__media--oro img { transform: scale(1.31); }
.pla-sol-card__media--segni { position: relative; background: var(--pla-carta-calda); display: flex; align-items: center; justify-content: center; }
.pla-sol-card__media--segni::before, .pla-sol-card__media--segni::after { content: ""; position: absolute; width: 18px; height: 18px; }
.pla-sol-card__media--segni::before { left: 20px; top: 20px; border-left: 1px solid var(--pla-seppia); border-top: 1px solid var(--pla-seppia); }
.pla-sol-card__media--segni::after { right: 20px; bottom: 20px; border-right: 1px solid var(--pla-seppia); border-bottom: 1px solid var(--pla-seppia); }
.pla-sol-card__media--segni .pla-cmyk-bar > span { width: 20px; }
.pla-sol-card__corpo { padding: 22px 24px 28px !important; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.pla-sol-card__didascalia, .pla-sol-card__didascalia p { margin: 0; font: 400 12px/1.4 var(--pla-font-text); color: var(--pla-seppia); }
.pla-sol-card__didascalia em { font: italic 400 13px/1.4 var(--pla-font-display); color: var(--pla-inchiostro); }
.pla-sol-card__testo { flex: 1; }
.pla-sol-card__testo, .pla-sol-card__testo p { margin: 0; font: 400 16px/1.6 var(--pla-font-text); color: var(--pla-grafite); }

/* ---------- Home «04 Per chi»: porte ---------- */
.pla-porta { border-top: 1px solid var(--pla-inchiostro); }
.pla-porta:last-child { border-bottom: 1px solid var(--pla-inchiostro); }
.pla-porta__titolo .elementor-heading-title { font: 400 clamp(2rem, 1.2rem + 2.8vw, 4rem)/1.05 var(--pla-font-display); letter-spacing: -.01em; }
.pla-porta__titolo a { color: var(--pla-inchiostro); text-decoration: none; }
.pla-porta__titolo a:hover { color: var(--pla-grafite); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 8px; }

/* ---------- Processo «Come nasce un'edizione» (Home «05 Processo») ----------
   Markup (Elementor): [data-pla-process] > .pla-process__sticky > (.pla-process__testa con .pla-process__lista)
   e .pla-process__media > .pla-process__fig[data-step="1…6"] (immagine, numero, titolo h3, testo).
   ≥1024 px senza reduced-motion: sezione alta 420vh, pannello agganciato, passo attivo dallo scroll.
   Altrimenti (.is-static): elenco verticale dei sei passi. */
.pla-process__meter { height: 2px; background: var(--pla-grafite); position: relative; overflow: hidden; }
.pla-process__meter span { position: absolute; inset: 0; transform-origin: left; transform: scaleX(0); transition: transform 450ms ease;
  background: linear-gradient(90deg, var(--pla-ciano-stampa) 0 25%, var(--pla-magenta-stampa) 25% 50%, var(--pla-giallo-stampa) 50% 75%, var(--pla-carta) 75%); }
.pla-process__lista { list-style: none; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; }
.pla-process__voce { width: 100%; display: flex; gap: 20px; align-items: baseline; background: none !important; border: 0; border-bottom: 1px solid var(--pla-grafite); color: var(--pla-carta) !important; padding: 14px 0; text-align: left; cursor: pointer; opacity: .42; transition: opacity 300ms; font: 400 18px/1.35 var(--pla-font-text); border-radius: 0; }
.pla-process__voce[aria-current="step"], .pla-process__voce:hover { opacity: 1; }
.pla-process__voce .pla-process__num { font: 400 15px/1 var(--pla-font-display); color: var(--pla-nebbia); width: 24px; flex: none; }
.pla-process__cifra .elementor-heading-title { font: 400 56px/1 var(--pla-font-display); color: var(--pla-carta); }
.pla-process__testo, .pla-process__testo p { font: 400 18px/1.6 var(--pla-font-text); color: var(--pla-nebbia); max-width: 48ch; margin: 0; }
.pla-process__titolo .elementor-heading-title { font: 500 20px/1.3 var(--pla-font-text); color: var(--pla-carta); }
.pla-process__img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.pla-process__certbox { background: var(--pla-grafite); display: flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  [data-pla-process]:not(.is-static) { height: 420vh; }
  [data-pla-process]:not(.is-static) .pla-process__sticky { position: sticky; top: 0; height: 100vh; box-sizing: border-box; }
  [data-pla-process]:not(.is-static) .pla-process__media { position: relative; min-height: 0; }
  [data-pla-process]:not(.is-static) .pla-process__fig { position: absolute !important; inset: 0; opacity: 0; transition: opacity 600ms ease; display: flex; flex-direction: column; gap: 24px; }
  [data-pla-process]:not(.is-static) .pla-process__fig.is-active { opacity: 1; }
  [data-pla-process]:not(.is-static) .pla-process__fig .pla-process__img,
  [data-pla-process]:not(.is-static) .pla-process__fig .pla-process__certbox { flex: 1 1 auto; min-height: 0; overflow: hidden; }
  [data-pla-process]:not(.is-static) .pla-process__fig .pla-process__img .elementor-widget-container,
  [data-pla-process]:not(.is-static) .pla-process__fig .pla-process__img img { height: 100% !important; }
  [data-pla-process]:not(.is-static) .pla-process__titolo { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  [data-pla-process]:not(.is-static) .pla-process__certbox { padding: 32px; }
  [data-pla-process]:not(.is-static) .pla-process__certbox .pla-cert { height: 100%; width: auto; max-width: 100%; }
}
[data-pla-process].is-static .pla-process__lista, [data-pla-process].is-static .pla-process__meter { display: none; }
[data-pla-process].is-static .pla-process__media { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 48px 32px; }
[data-pla-process].is-static .pla-process__fig { opacity: 1; display: flex; flex-direction: column; gap: 14px; }
[data-pla-process].is-static .pla-process__img img { aspect-ratio: 4 / 3; height: auto !important; }
[data-pla-process].is-static .pla-process__certbox { padding: 24px; }
[data-pla-process].is-static .pla-process__certbox .pla-cert { width: 62%; }
[data-pla-process].is-static .pla-process__cifra .elementor-heading-title { font-size: 40px; }
[data-pla-process].is-static .pla-process__testo, [data-pla-process].is-static .pla-process__testo p { font-size: 17px; }
[data-pla-process].is-static .pla-process__didascalia { flex-direction: column !important; gap: 14px !important; }
@media (max-width: 1023px) { [data-pla-process] .pla-process__sticky { padding-top: 88px !important; padding-bottom: 88px !important; } }

/* ---------- Certificato illustrativo [pla_certificato] ---------- */
.pla-cert { margin: 0 auto; position: relative; container-type: inline-size; width: 100%; max-width: 440px; aspect-ratio: 1 / 1.38; background: #F4EEE2; color: var(--pla-inchiostro); padding: 18px; box-sizing: border-box; font-family: var(--pla-font-text); }
.pla-cert__cornice { position: absolute; inset: 10px; border: 1px solid var(--pla-inchiostro); }
.pla-cert__cornice2 { position: absolute; inset: 16px; border: .5px solid var(--pla-seppia); }
.pla-cert__crocino { position: absolute; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--pla-nebbia); background: linear-gradient(var(--pla-nebbia), var(--pla-nebbia)) center / 1px 100% no-repeat, linear-gradient(var(--pla-nebbia), var(--pla-nebbia)) center / 100% 1px no-repeat; }
.pla-cert__crocino--a { left: -14px; top: -14px; } .pla-cert__crocino--b { right: -14px; bottom: -14px; }
.pla-cert__corpo { position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8% 10% 7%; box-sizing: border-box; }
.pla-cert__logo { width: 15%; height: auto; display: block; }
.pla-cert__marchio { margin-top: 6%; font: 500 clamp(8px, 2.4cqi, 11px)/1 var(--pla-font-text); letter-spacing: .28em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-cert__titolo { margin-top: 4%; font: 400 clamp(17px, 5.6cqi, 28px)/1.1 var(--pla-font-display); }
.pla-cert__barra { margin-top: 5%; } .pla-cert__barra > span { width: 18px; }
.pla-cert__artista { margin-top: 7%; font: 400 clamp(13px, 3.6cqi, 18px)/1.3 var(--pla-font-text); }
.pla-cert__opera { margin-top: 2%; font: italic 400 clamp(15px, 4.4cqi, 22px)/1.2 var(--pla-font-display); }
.pla-cert__righe { margin-top: 7%; width: 100%; display: flex; flex-direction: column; gap: 9px; }
.pla-cert__righe span { display: block; height: 1px; background: repeating-linear-gradient(90deg, var(--pla-nebbia) 0 3px, transparent 3px 6px); }
.pla-cert__righe span:last-child { width: 70%; margin: 0 auto; }
.pla-cert__spazio { flex: 1; }
.pla-cert__numero { font: 400 clamp(20px, 7cqi, 36px)/1 var(--pla-font-display); letter-spacing: .02em; }
.pla-cert__piede { margin-top: 8%; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.pla-cert__sigillo { width: 22%; aspect-ratio: 1; border-radius: 50%; background: #F4EEE2; box-shadow: inset 1.5px 1.5px 2px rgba(15,15,18,.18), inset -1.5px -1.5px 2px rgba(255,255,255,.9), 0 0 0 4px #F4EEE2, 0 0 0 5px rgba(94,90,82,.18); }
.pla-cert__firma { width: 52%; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.pla-cert__firma-nome { font: italic 400 clamp(16px, 5cqi, 24px)/1 var(--pla-font-display); transform: rotate(-4deg); color: var(--pla-grafite); }
.pla-cert__firma-riga { display: block; width: 100%; height: 1px; background: var(--pla-seppia); }
.pla-cert__firma-etichetta { font: 400 clamp(8px, 2.2cqi, 10px)/1.3 var(--pla-font-text); letter-spacing: .16em; text-transform: uppercase; color: var(--pla-seppia); }

/* Elenco numerato romano su scuro (Home «06 Certificato») */
.pla-elenco-romano { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; counter-reset: pla-r; }
.pla-elenco-romano li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding: 18px 0; border-top: 1px solid var(--pla-seppia); font: 400 17px/1.6 var(--pla-font-text); counter-increment: pla-r; }
.pla-elenco-romano li:last-child { border-bottom: 1px solid var(--pla-seppia); }
.pla-elenco-romano li::before { content: counter(pla-r, lower-roman) "."; font: 400 15px/1.6 var(--pla-font-display); color: var(--pla-ciano-stampa); }

/* ---------- Card progetto [pla_progetto_card] ---------- */
.pla-prog-card { position: relative; height: 100%; box-sizing: border-box; background: var(--pla-bianco-museo); padding: 40px 32px 32px; display: flex; flex-direction: column; gap: 16px; min-height: 320px; }
.pla-prog-card__c1, .pla-prog-card__c2 { position: absolute; width: 14px; height: 14px; }
.pla-prog-card__c1 { left: 12px; top: 12px; border-left: 1px solid var(--pla-inchiostro); border-top: 1px solid var(--pla-inchiostro); }
.pla-prog-card__c2 { right: 12px; bottom: 12px; border-right: 1px solid var(--pla-inchiostro); border-bottom: 1px solid var(--pla-inchiostro); }
.pla-prog-card__titolo { margin: 0; font: 400 28px/1.2 var(--pla-font-display); text-wrap: balance; color: var(--pla-inchiostro); }
.pla-prog-card__testo { margin: 0; font: 400 16px/1.6 var(--pla-font-text); color: var(--pla-grafite); flex: 1; }
.pla-prog-card__link { align-self: flex-start; color: var(--pla-inchiostro); font: 500 13px/1 var(--pla-font-text); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--pla-inchiostro); padding: 6px 0; }
.pla-prog-card__link:hover { opacity: .7; color: var(--pla-inchiostro); }

/* ---------- Card opera [pla_opera_card] e mosaico ---------- */
.pla-opera-card { margin: 0; break-inside: avoid; }
.pla-opera-card__parete { display: block; padding: 20px; }
.pla-opera-card__parete--calda { background: var(--pla-carta-calda); }
.pla-opera-card__parete--museo { background: var(--pla-bianco-museo); }
.pla-opera-card__parete img { width: 100%; height: auto; display: block; object-fit: contain; }
.pla-opera-card .pla-cartellino { margin-top: 14px; }
.pla-mosaico .elementor-loop-container { display: block !important; columns: 4 240px; column-gap: 40px; }
.pla-mosaico .elementor-loop-container > .e-loop-item { break-inside: avoid; margin: 0 0 48px; display: block; }

/* ---------- FAQ: domanda come H3 dentro summary ---------- */
.pla-faq summary h3, .pla-faq summary .pla-faq__q { margin: 0; font: 500 20px/1.4 var(--pla-font-text); color: inherit; }
.pla-faq summary::after { flex: none; }
.pla-faq details > div p, .pla-faq details > p { margin: 0; max-width: 64ch; color: var(--pla-grafite); }
.pla-faq details > div, .pla-faq details > p { padding-bottom: 28px; }
.pla-faq details > div a { display: inline-block; margin-top: 12px; }
.pla-faq details:first-of-type { border-top: 1px solid var(--pla-inchiostro); }

/* ---------- Atelier: fascia illustrazione del golfo (decoro) ---------- */
.pla-golfo { height: clamp(140px, 20vw, 280px); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(1) sepia(.35) contrast(.9); opacity: .45; mix-blend-mode: multiply; }

/* ---------- Fascia finale: cerchi CMY grandi ---------- */
.pla-finale { position: relative; overflow: hidden; }
.pla-finale__cerchi { position: absolute !important; right: clamp(20px, 6vw, 96px); top: 50%; transform: translateY(-50%); width: clamp(160px, 22vw, 320px) !important; opacity: .9; pointer-events: none; }
.pla-finale__cerchi .pla-cmy-circles { width: 100%; }
.pla-finale__cerchi .pla-cmy-circles > span { width: 64%; height: 64%; }
.pla-finale__cerchi .pla-cmy-circles > span:nth-child(3) { left: 18%; }
@media (max-width: 767px) { .pla-finale__cerchi { opacity: .35; } }

/* 1.0.8 — i link di menu, mega-menu, lingua e footer non ereditano la sottolineatura dei link del kit */
.pla-nav .elementor-item, .pla-nav-mobile .elementor-item, .pla-footer-nav .elementor-item,
a.pla-mega__voce, .pla-mega__voce, .pla-lang a, .pla-footer a { text-decoration: none !important; }
.pla-indirizzo { font-style: normal; margin: 0; }
.pla-process__didascalia { align-items: baseline !important; }

/* ==========================================================================
   1.0.10 — correzioni dopo il primo confronto visivo della home
   ========================================================================== */
/* Container Griglia di Elementor: niente righe vuote predefinite (Elementor parte da 2 righe 1fr).
   Le griglie del progetto sono tutte "auto-fit": le righe si creano da sole. */
.e-con.e-grid, .e-con.e-grid > .e-con-inner { grid-template-rows: none !important; grid-auto-rows: auto; }

/* Hero home: tutto ciò che non è foto o velo sta sopra il velo */
.pla-hero-home > .e-con { position: relative; z-index: 2; }

/* Header: il gruppo lingua + CTA prende solo lo spazio che serve */
.pla-header .pla-header__azioni { width: auto !important; flex: 0 0 auto; }

/* I componenti con <button> non ereditano lo stile pulsanti del kit (Theme Style > Pulsanti) */
.pla-process .pla-process__voce { font: 400 18px/1.35 var(--pla-font-text); letter-spacing: 0; text-transform: none; color: var(--pla-carta); background: none; border-radius: 0; padding: 14px 0; }
.pla-sol-nav button[data-dir] { font: 400 18px/1 var(--pla-font-text); letter-spacing: 0; text-transform: none; padding: 0; color: var(--pla-inchiostro); background: transparent; border: 1px solid var(--pla-seppia); }
.pla-sol-nav button[data-dir]:hover, .pla-sol-nav button[data-dir]:focus-visible { background: var(--pla-inchiostro); color: var(--pla-carta); }
.pla-header .pla-menu-toggle { font: 500 12px/1 var(--pla-font-text); letter-spacing: .14em; text-transform: uppercase; background: none; color: inherit; border: 1px solid currentColor; padding: 0 16px; border-radius: var(--pla-radius); }
body .pla-lb button { font: 500 12px/1 var(--pla-font-text); letter-spacing: .1em; text-transform: uppercase; background: none; color: var(--pla-carta); padding: 0 16px; }

/* Link con stile proprio: più specifici del colore dei link del kit */
body a.pla-link-card, body .pla-link-card a { color: var(--pla-inchiostro); text-decoration: none; }
body a.pla-prog-card__link { color: var(--pla-inchiostro); text-decoration: none; }
body a.pla-mega__tutte { color: var(--pla-inchiostro); text-decoration: none; }
body .pla-opera-card a { text-decoration: none; }
body .pla-breadcrumb a { color: var(--pla-seppia); text-decoration: none; }
body .pla-breadcrumb a:hover { color: var(--pla-ciano-testo); text-decoration: underline; }
body .pla-porta__titolo a { color: var(--pla-inchiostro); text-decoration: none; }
body .pla-porta__titolo a:hover { color: var(--pla-grafite); text-decoration: underline; }

/* Mosaico opere (Loop Grid con classe pla-mosaico): colonne con altezze libere */
.elementor-widget-loop-grid.pla-mosaico .elementor-loop-container.elementor-grid { display: block !important; columns: 4 240px; column-gap: 40px; }
.elementor-widget-loop-grid.pla-mosaico .elementor-loop-container > .e-loop-item { break-inside: avoid; margin: 0 0 48px; }

/* Certificato: centrato nella sua colonna */
.elementor-widget-shortcode:has(.pla-cert) { width: 100%; }
.pla-cert { display: block; }

/* ==========================================================================
   1.0.11 — componenti delle pagine servizio (mockup Litografie-d-arte.dc.html)
   ========================================================================== */
/* Figura d'opera su passe-partout con angoli di taglio e didascalia */
.pla-figura { margin: 0 auto; width: 100%; max-width: 520px; }
.pla-figura__parete { position: relative; background: var(--pla-carta-calda); padding: clamp(20px, 3vw, 40px); }
.pla-figura__parete::before, .pla-figura__parete::after { content: ""; position: absolute; width: 16px; height: 16px; pointer-events: none; }
.pla-figura__parete::before { left: 10px; top: 10px; border-left: 1px solid var(--pla-seppia); border-top: 1px solid var(--pla-seppia); }
.pla-figura__parete::after { right: 10px; bottom: 10px; border-right: 1px solid var(--pla-seppia); border-bottom: 1px solid var(--pla-seppia); }
.pla-figura__parete img { width: 100%; height: auto; display: block; }
.pla-figura__didascalia { margin-top: 16px; display: flex; justify-content: space-between; gap: 16px; align-items: baseline; font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-seppia); }
.pla-figura__didascalia em { font: italic 400 16px/1.3 var(--pla-font-display); color: var(--pla-inchiostro); }
.pla-figura__suggerimento { white-space: nowrap; font-size: 12px; letter-spacing: .08em; }
@media (hover: none), (max-width: 1023px) { .pla-figura__suggerimento { display: none; } }

/* Lente d'ingrandimento ([data-pla-lente] intorno all'immagine): mai oltre la dimensione nativa */
[data-pla-lente] { position: relative; }
.pla-lente { position: absolute; width: 180px; height: 180px; margin: -90px 0 0 -90px; border-radius: 50%; border: 1px solid var(--pla-inchiostro);
  box-shadow: 0 0 0 6px rgba(15,15,18,.85), 0 18px 40px rgba(15,15,18,.3); background-repeat: no-repeat; pointer-events: none;
  opacity: 0; transform: scale(.9); transition: opacity 200ms ease, transform 200ms ease; }
.pla-lente.is-on { opacity: 1; transform: none; }
.pla-lente::before, .pla-lente::after { content: ""; position: absolute; background: rgba(15,15,18,.35); }
.pla-lente::before { left: 50%; top: 22%; bottom: 22%; width: 1px; }
.pla-lente::after { top: 50%; left: 22%; right: 22%; height: 1px; }

/* Elenco a righe con filetti (Per chi è pensata) */
.pla-elenco-righe { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pla-inchiostro); }
.pla-elenco-righe li { padding: 20px 0; border-bottom: 1px solid var(--pla-filo); font: 400 18px/1.6 var(--pla-font-text); }
.pla-elenco-righe strong { font-weight: 500; }

/* Elenco con lettere a. b. c. (Da cosa dipende il preventivo) */
.pla-elenco-lettere { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pla-inchiostro); counter-reset: pla-l; }
.pla-elenco-lettere li { display: flex; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--pla-nebbia); font: 400 18px/1.55 var(--pla-font-text); counter-increment: pla-l; }
.pla-elenco-lettere li::before { content: counter(pla-l, lower-alpha) "."; font: 400 15px/1.6 var(--pla-font-display); color: var(--pla-seppia); width: 24px; flex: none; }

/* Le sei fasi in fila (pagine servizio) */
.pla-fasi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); border-top: 1px solid var(--pla-inchiostro); counter-reset: pla-f; }
.pla-fasi li { padding: 24px 20px 24px 0; display: flex; flex-direction: column; gap: 12px; border-bottom: 1px solid var(--pla-filo); font: 400 17px/1.4 var(--pla-font-text); counter-increment: pla-f; }
.pla-fasi li::before { content: counter(pla-f, decimal-leading-zero); font: 400 32px/1 var(--pla-font-display); }

/* Cifra gigante decorativa «12/50» */
.pla-cifra-xxl { position: relative; display: flex; align-items: baseline; justify-content: center; font: 400 var(--pla-fs-display-xxl)/.9 var(--pla-font-display); letter-spacing: -.03em; color: var(--pla-inchiostro); }
.pla-cifra-xxl__barra { font-style: italic; color: var(--pla-seppia); margin: 0 .04em; }
.pla-cifra-xxl .pla-cmyk-bar { position: absolute; left: 6%; bottom: -28px; }
.pla-cifra-xxl .pla-cmyk-bar > span { width: 22px; }

/* Card «Edizioni realizzate» */
.pla-ed-card { background: var(--pla-carta); border-left: 1px solid var(--pla-inchiostro); padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box; }
.pla-ed-card h3 { margin: 0; font: italic 400 24px/1.25 var(--pla-font-display); }
.pla-ed-card__artista { margin: 0; font: 500 14px/1.4 var(--pla-font-text); letter-spacing: .04em; }
.pla-ed-card__testo { margin: 6px 0 0; font: 400 15px/1.6 var(--pla-font-text); color: var(--pla-seppia); }

/* Separatore superiore di sezione (filetto Filo) */
.pla-filo-top { border-top: 1px solid var(--pla-filo); }

/* ---------- Scheda opera ---------- */
.pla-opera-artista { margin: 14px 0 0; font: 400 20px/1.4 var(--pla-font-text); color: var(--pla-grafite); }
body .pla-opera-artista a { color: var(--pla-grafite); text-decoration: none; }
body .pla-opera-artista a:hover { color: var(--pla-ciano-testo); text-decoration: underline; }
.pla-parete-opera { margin: 0 auto; max-width: var(--pla-opera-max, 1064px); display: flex; flex-direction: column; align-items: center; }
.pla-parete-opera__link { display: block; cursor: zoom-in; max-width: 100%; }
.pla-parete-opera__link img { display: block; width: 100%; height: auto; max-width: var(--pla-opera-max, 1064px); box-shadow: 0 1px 2px rgba(15,15,18,.12); object-fit: contain; }
.pla-parete-opera__didascalia { align-self: stretch; margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px; }
.pla-parete-opera__cartellino { background: var(--pla-bianco-museo); padding: 14px 18px; max-width: 340px; font: 400 13px/1.5 var(--pla-font-text); color: var(--pla-grafite); }
.pla-parete-opera__cartellino em { display: block; font: italic 400 17px/1.3 var(--pla-font-display); color: var(--pla-inchiostro); }
body a.pla-parete-opera__zoom { display: inline-flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--pla-inchiostro); padding: 8px 0; color: var(--pla-inchiostro); font: 500 13px/1 var(--pla-font-text); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.pla-scheda-tecnica { margin: 0; border-top: 1px solid var(--pla-inchiostro); font: 400 17px/1.5 var(--pla-font-text); }
.pla-scheda-tecnica > div { display: grid; grid-template-columns: minmax(120px, 1fr) 2fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--pla-filo); }
.pla-scheda-tecnica dt { color: var(--pla-seppia); }
.pla-scheda-tecnica dd { margin: 0; }
.pla-scheda-nota { margin: 40px 0 0; max-width: 60ch; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); text-wrap: pretty; }
.pla-miniatura { flex: none; width: 132px; background: var(--pla-carta-calda); padding: 14px; box-sizing: border-box; }
.pla-miniatura img { width: 100%; height: auto; display: block; }
.pla-artista-box p { margin: 0; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); }
.pla-artista-box p + p { margin-top: 16px; }
.pla-h2 { margin: 0; font: 400 var(--pla-fs-h2)/1.15 var(--pla-font-display); color: var(--pla-inchiostro); }
.pla-altre-opere__griglia { margin-top: 48px; columns: 4 220px; column-gap: 32px; }
.pla-altre-opere__griglia .pla-opera-card { margin-bottom: 40px; }
.pla-cert-col .pla-cert { max-width: 380px; }
/* figure dentro i widget Shortcode: Elementor azzera i margini delle figure → centratura esplicita */
.pla-parete-opera, .pla-cert, .pla-figura { margin-left: auto !important; margin-right: auto !important; }
/* Form: pulsante di invio alla larghezza del testo (come nel mockup), spaziatura delle caselle di consenso */
.pla-form .elementor-field-type-submit { width: auto !important; flex: 0 0 auto !important; }
.pla-form .elementor-field-type-submit .elementor-button { width: auto; }
.pla-form .elementor-field-type-acceptance .elementor-field-option label, .pla-form .elementor-field-subgroup label { font: 400 15px/1.5 var(--pla-font-text); letter-spacing: 0; color: var(--pla-inchiostro); }
.pla-form .elementor-field-type-acceptance .elementor-field-option { display: flex; gap: 14px; align-items: flex-start; }
/* Le colonne delle griglie non si allargano per il contenuto (testi con larghezza in «ch» su mobile) */
.e-con.e-grid > *, .e-con.e-grid > .e-con-inner > * { min-width: 0; }
/* Larghezza «personalizzata» dei widget di testo (es. 48ch) = misura massima, non larghezza fissa:
   così su mobile il testo si adatta alla colonna invece di allargarla. */
.elementor-widget.elementor-widget__width-initial { width: 100% !important; max-width: min(100%, var(--container-widget-width, 100%)) !important; flex-shrink: 1 !important; }
/* Pulsanti con testo lungo: vanno a capo invece di uscire dallo schermo (mobile) */
.elementor-button { max-width: 100%; }
.elementor-button .elementor-button-text { white-space: normal; }
@media (max-width: 767px) { .elementor-button { white-space: normal; text-align: left; line-height: 1.3; } }
.pla-form .elementor-field-type-submit { max-width: 100%; }

/* 1.0.17 — Processo: il pannello agganciato occupa tutta l'altezza (niente fascia nera sotto) */
@media (min-width: 1024px) {
  [data-pla-process]:not(.is-static) .pla-process__sticky > .e-con-inner { height: 100%; grid-template-rows: minmax(0, 1fr) !important; }
  [data-pla-process]:not(.is-static) .pla-process__sticky { padding-top: 104px !important; padding-bottom: 56px !important; }
  [data-pla-process]:not(.is-static) .pla-process__testa,
  [data-pla-process]:not(.is-static) .pla-process__media { height: 100%; min-height: 0; }
  /* Passo 6: il certificato si adatta al riquadro (larghezza e altezza disponibili) */
  [data-pla-process]:not(.is-static) .pla-process__certbox { container-type: size; display: flex; align-items: center; justify-content: center; }
  [data-pla-process]:not(.is-static) .pla-process__certbox > *, [data-pla-process]:not(.is-static) .pla-process__certbox .elementor-shortcode { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
  [data-pla-process]:not(.is-static) .pla-process__certbox .pla-cert { height: auto !important; width: min(calc(100cqw - 64px), calc((100cqh - 64px) / 1.38)) !important; max-width: none; }
}
[data-pla-process].is-static .pla-process__certbox .pla-cert { width: 62% !important; height: auto !important; }

/* ==========================================================================
   1.0.18 — pagine servizio: Soluzioni, Digigraphie, Stampa Sequel, Lavorazioni, Cataloghi
   ========================================================================== */
/* Tabella comparativa (Soluzioni) */
.pla-tabella-wrap { overflow-x: auto; margin-top: 40px; }
.pla-tabella-wrap:focus-visible { outline: var(--pla-focus-ring); outline-offset: 4px; }
.pla-tabella { width: 100%; min-width: 920px; border-collapse: collapse; font: 400 15px/1.5 var(--pla-font-text); color: var(--pla-inchiostro); }
.pla-tabella caption { caption-side: bottom; text-align: left; padding-top: 14px; font: 400 13px/1.5 var(--pla-font-text); color: var(--pla-seppia); }
.pla-tabella th, .pla-tabella td { padding: 18px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--pla-filo); }
.pla-tabella thead th { font: 400 20px/1.25 var(--pla-font-display); }
.pla-tabella thead td { width: 150px; }
.pla-tabella tbody th { font: 500 12px/1.5 var(--pla-font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-tabella tbody tr:nth-child(odd) { background: var(--pla-bianco-museo); }
.pla-tabella .pla-da-concordare { font-style: italic; color: var(--pla-seppia); }

/* Righe delle soluzioni (Soluzioni «03») */
.pla-sol-riga { display: flex; flex-wrap: wrap; gap: 32px clamp(32px, 4vw, 56px); align-items: center; padding: 32px 0; border-top: 1px solid var(--pla-grafite); }
.pla-sol-riga:last-child { border-bottom: 1px solid var(--pla-grafite); }
.pla-sol-riga__media { flex: 0 1 360px; aspect-ratio: 4 / 3; background: var(--pla-carta-calda); overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 22px; box-sizing: border-box; position: relative; }
.pla-sol-riga__media img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.pla-sol-riga__media--foto { background: var(--pla-grafite); padding: 0; }
.pla-sol-riga__media--foto img { width: 100%; height: 100%; object-fit: cover; }
.pla-sol-riga__media--oro img { transform: scale(1.28); }
.pla-sol-riga__media--segni::before, .pla-sol-riga__media--segni::after { content: ""; position: absolute; width: 18px; height: 18px; }
.pla-sol-riga__media--segni::before { left: 20px; top: 20px; border-left: 1px solid var(--pla-seppia); border-top: 1px solid var(--pla-seppia); }
.pla-sol-riga__media--segni::after { right: 20px; bottom: 20px; border-right: 1px solid var(--pla-seppia); border-bottom: 1px solid var(--pla-seppia); }
.pla-sol-riga__media--segni .pla-cmyk-bar > span { width: 20px; }
.pla-sol-riga__testo { flex: 1 1 380px; min-width: 0; }
.pla-sol-riga__testo h2 { margin: 0; font: 400 var(--pla-fs-h2)/1.15 var(--pla-font-display); text-wrap: balance; }
.pla-sol-riga__testo p { margin: 14px 0 0; max-width: 56ch; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); text-wrap: pretty; }
body .pla-sol-riga__testo a { display: inline-block; margin-top: 16px; color: var(--pla-ciano-testo); font: 400 17px/1.5 var(--pla-font-text); text-underline-offset: 4px; }

/* Formati Digigraphie: A4 contro 105 × 200 cm (decorativo) */
.pla-formati { margin-top: 40px; display: flex; align-items: flex-end; gap: 14px; }
.pla-formati span { display: block; border: 1px solid var(--pla-inchiostro); }
.pla-formati__a4 { width: 21px; height: 30px; }
.pla-formati__max { width: 60px; height: 114px; position: relative; }
.pla-formati__max em { position: absolute; left: 6px; bottom: 6px; font: 400 11px/1 var(--pla-font-text); font-style: normal; color: var(--pla-seppia); white-space: nowrap; }

/* Elenco con numeri romani su carta (preventivo, Digigraphie su scuro) */
.pla-elenco-romano--carta li { border-top-color: var(--pla-inchiostro); }
.pla-elenco-romano--carta li:last-child { border-bottom-color: var(--pla-inchiostro); }
.pla-elenco-romano--carta li::before { color: var(--pla-seppia); }

/* Stampa Sequel: cerchi CMY pieni con crocino (hero) */
.pla-sequel-hero { position: relative; width: min(100%, 380px); aspect-ratio: 1; margin: 0 auto; }
.pla-sequel-hero > span { position: absolute; width: 62%; height: 62%; border-radius: 50%; mix-blend-mode: multiply; opacity: .85; }
.pla-sequel-hero > span:nth-child(1) { left: 0; top: 4%; background: var(--pla-ciano-stampa); }
.pla-sequel-hero > span:nth-child(2) { right: 0; top: 4%; background: var(--pla-magenta-stampa); }
.pla-sequel-hero > span:nth-child(3) { left: 19%; bottom: 0; background: var(--pla-giallo-stampa); }
.pla-sequel-hero > i { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: linear-gradient(var(--pla-inchiostro), var(--pla-inchiostro)) center / 1px 100% no-repeat, linear-gradient(var(--pla-inchiostro), var(--pla-inchiostro)) center / 100% 1px no-repeat; }

/* Stampa Sequel: slider dei colori ([data-pla-sequel]) */
.pla-sequel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 48px clamp(48px, 7vw, 112px); align-items: center; }
.pla-sequel figure { margin: 0; }
.pla-sequel__parete { position: relative; background: var(--pla-carta-calda); padding: clamp(20px, 3vw, 36px); }
.pla-sequel .pla-sequel__stack { position: relative; aspect-ratio: 1440 / 1800; display: block; }
.pla-sequel .pla-sequel__stack > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity 450ms ease; }
.pla-sequel .pla-sequel__stack > img.is-active { opacity: 1; }
.pla-sequel__n { margin: 0; font: 400 var(--pla-fs-display-xl)/1 var(--pla-font-display); }
.pla-sequel__p { margin: 10px 0 0; font: 400 20px/1.4 var(--pla-font-text); color: var(--pla-seppia); }
.pla-sequel label { display: block; margin-top: 40px; font: 500 12px/1.3 var(--pla-font-text); letter-spacing: .16em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-sequel input[type=range] { width: 100%; margin-top: 14px; accent-color: var(--pla-inchiostro); height: 28px; min-height: 0; }
.pla-sequel__passi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 12px; }
.pla-sequel .pla-sequel__passi button { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 12px 0 0; background: none; border: 0; border-top: 2px solid var(--pla-filo); color: var(--pla-inchiostro); cursor: pointer; font: 500 13px/1.3 var(--pla-font-text); letter-spacing: 0; text-transform: none; text-align: left; border-radius: 0; }
.pla-sequel .pla-sequel__passi button[aria-pressed="true"] { border-top-color: var(--pla-inchiostro); }
.pla-sequel__punti { display: flex; gap: 2px; }
.pla-sequel__punti i { width: 10px; height: 10px; border-radius: 50%; display: block; }
.pla-sequel__punti i:nth-child(1) { background: var(--pla-inchiostro); }
.pla-sequel__punti i:nth-child(2) { background: var(--pla-ciano-stampa); }
.pla-sequel__punti i:nth-child(3) { background: var(--pla-magenta-stampa); }
.pla-sequel__punti i:nth-child(4) { background: var(--pla-giallo-stampa); }
.pla-sequel__griglia { display: none; list-style: none; margin: 0; padding: 0; gap: 20px; }
.pla-sequel__griglia img { width: 100%; height: auto; display: block; }
.pla-sequel__griglia p { margin: 10px 0 0; font: 500 14px/1.4 var(--pla-font-text); }
.pla-sequel__griglia p span { font-weight: 400; color: var(--pla-seppia); }
.pla-sequel.is-static .pla-sequel__slider, .pla-sequel.is-static .pla-sequel__fig { display: none; }
.pla-sequel.is-static .pla-sequel__griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); grid-column: 1 / -1; }
@media (max-width: 767px) {
  .pla-sequel.is-static .pla-sequel__griglia { grid-auto-flow: column; grid-auto-columns: 72%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; }
  .pla-sequel.is-static .pla-sequel__griglia li { scroll-snap-align: start; }
}

/* Lavorazioni speciali: barretta oro, figure su scuro, lucido/opaco */
.pla-oro-barra { display: block; width: 48px; height: 2px; background: var(--pla-oro-lamina); margin-bottom: 24px; }
.pla-oro-barra--lunga { width: 96px; margin: 40px 0 0; }
.pla-figura--scura .pla-figura__parete { background: var(--pla-grafite); }
.pla-figura--scura .pla-figura__parete::before, .pla-figura--scura .pla-figura__parete::after { border-color: var(--pla-nebbia); }
.pla-figura--scura .pla-figura__didascalia { color: var(--pla-nebbia); }
.pla-figura--scura .pla-figura__didascalia em { color: var(--pla-carta); }
.pla-figura--piena .pla-figura__parete { padding: 0; }
.pla-figura--piena .pla-figura__parete::before, .pla-figura--piena .pla-figura__parete::after { display: none; }
.pla-uv { position: relative; aspect-ratio: 4 / 3; background: var(--pla-grafite); display: flex; align-items: flex-end; padding: 24px; box-sizing: border-box; overflow: hidden; }
.pla-uv__lucido { position: absolute; left: 22%; top: 18%; width: 44%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(247,243,236,.55), rgba(247,243,236,.08) 60%, transparent 70%); }
.pla-uv__etichetta { position: relative; font: 500 12px/1.3 var(--pla-font-text); letter-spacing: .16em; text-transform: uppercase; color: var(--pla-nebbia); }
.pla-uv__etichetta span { color: var(--pla-carta); }

/* Figure d'opera in griglia (esempi, laboratorio) */
.pla-griglia-figure { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 32px; align-items: start; }
.pla-griglia-figure figure { margin: 0; }
.pla-griglia-figure .pla-griglia-figure__parete { display: block; background: var(--pla-carta-calda); padding: 20px; }
.pla-griglia-figure img { width: 100%; height: auto; display: block; }
.pla-griglia-figure figcaption { margin-top: 14px; font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-seppia); }
.pla-griglia-figure figcaption em { display: block; font: italic 400 17px/1.3 var(--pla-font-display); color: var(--pla-inchiostro); }

/* Esempio con miniatura e testo (Digigraphie «07») */
.pla-esempio { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.pla-esempio__img { flex: 0 0 220px; background: var(--pla-carta-calda); padding: 16px; display: block; }
.pla-esempio__img img { width: 100%; height: auto; display: block; }
.pla-esempio__testo { flex: 1 1 260px; }
.pla-esempio__testo p { margin: 0; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); }
.pla-esempio__testo em { font-family: var(--pla-font-display); }

/* Copertina di catalogo (decorativa, Cataloghi d'arte) */
.pla-catalogo { position: relative; width: min(100%, 380px); aspect-ratio: 4 / 5; margin: 0 auto; background: var(--pla-carta-calda); display: flex; align-items: center; justify-content: center; }
.pla-catalogo::before, .pla-catalogo::after { content: ""; position: absolute; width: 18px; height: 18px; }
.pla-catalogo::before { left: 16px; top: 16px; border-left: 1px solid var(--pla-seppia); border-top: 1px solid var(--pla-seppia); }
.pla-catalogo::after { right: 16px; bottom: 16px; border-right: 1px solid var(--pla-seppia); border-bottom: 1px solid var(--pla-seppia); }
.pla-catalogo__libro { width: 58%; aspect-ratio: 3 / 4; background: var(--pla-bianco-museo); box-shadow: 8px 8px 0 var(--pla-filo); display: flex; flex-direction: column; justify-content: space-between; padding: 18px; box-sizing: border-box; border-left: 6px solid var(--pla-inchiostro); }
.pla-catalogo__libro i { display: block; height: 1px; background: var(--pla-nebbia); margin-bottom: 8px; width: 70%; }
.pla-catalogo__libro i + i { width: 45%; }
.pla-catalogo__libro .pla-cmyk-bar > span { width: 18px; }

/* Tre specifiche affiancate (Cataloghi «03») */
.pla-specifiche { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 32px; }
.pla-specifiche section { border-top: 1px solid var(--pla-inchiostro); padding-top: 24px; }
.pla-specifiche h2 { margin: 0; font: 400 clamp(1.5rem, 1.1rem + 1vw, 2rem)/1.2 var(--pla-font-display); }
.pla-specifiche p { margin: 12px 0 0; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); }
/* Tabella: niente bordi verticali né righe grigie del reset di Hello */
.pla-tabella, .pla-tabella th, .pla-tabella td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
.pla-tabella tbody > tr > th, .pla-tabella tbody > tr > td, .pla-tabella thead th, .pla-tabella thead td { background: transparent !important; }
.pla-tabella tbody > tr:nth-child(odd) { background: var(--pla-bianco-museo); }
.pla-tabella tbody > tr:nth-child(even) { background: var(--pla-carta); }

/* ==========================================================================
   1.0.19 — sezioni generate dal tema (inc/archivio.php) e pagine Processo, Per chi, Chi siamo, FAQ, Contatti
   ========================================================================== */
.pla-sez { padding: var(--pla-section) 0; }
.pla-sez--carta { background: var(--pla-carta); }
.pla-sez--museo { background: var(--pla-bianco-museo); }
.pla-sez--calda { background: var(--pla-carta-calda); }
.pla-sez--grafite { background: var(--pla-grafite); color: var(--pla-carta); }
.pla-sez--inchiostro { background: var(--pla-inchiostro); color: var(--pla-carta); }
.pla-wrap { max-width: var(--pla-frame-max); margin: 0 auto; padding: 0 var(--pla-gutter); box-sizing: border-box; }
.pla-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 24px 64px; }
.pla-split > * { min-width: 0; }
.pla-h1 { margin: 0; font: 400 var(--pla-fs-h1)/1.08 var(--pla-font-display); letter-spacing: -.015em; text-wrap: balance; color: var(--pla-inchiostro); }
.pla-h3 { margin: 0; font: 500 var(--pla-fs-h3)/1.25 var(--pla-font-display); }
.pla-sez--grafite .pla-h2, .pla-sez--inchiostro .pla-h2 { color: var(--pla-carta); }
.pla-prosa p { margin: 0 0 1em; max-width: 64ch; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); text-wrap: pretty; }
.pla-prosa p:last-child { margin-bottom: 0; }
.pla-sez--grafite .pla-prosa p, .pla-sez--inchiostro .pla-prosa p { color: var(--pla-nebbia); }
.pla-eyebrow-testo { margin: 0 0 16px; font: 500 12px/1.3 var(--pla-font-text); letter-spacing: .18em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-vuoto { font: 400 18px/1.6 var(--pla-font-text); color: var(--pla-seppia); }

/* Indice A–Z e griglia artisti */
.pla-az ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.pla-az li > * { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; font: 400 22px/1 var(--pla-font-display); border: 1px solid var(--pla-filo); border-radius: var(--pla-radius); box-sizing: border-box; }
body .pla-az a { color: var(--pla-inchiostro); text-decoration: none; border-color: var(--pla-seppia); }
body .pla-az a:hover, body .pla-az a:focus-visible { background: var(--pla-inchiostro); color: var(--pla-carta); }
.pla-az span[aria-disabled="true"] { color: var(--pla-nebbia); }
.pla-az-elenco { margin-top: 56px; display: flex; flex-direction: column; gap: 56px; }
.pla-az-gruppo { display: grid; grid-template-columns: 120px 1fr; gap: 24px; border-top: 1px solid var(--pla-inchiostro); padding-top: 24px; scroll-margin-top: 96px; }
.pla-az-lettera { margin: 0; font: 400 var(--pla-fs-display-xl)/1 var(--pla-font-display); }
@media (max-width: 767px) { .pla-az-gruppo { grid-template-columns: 1fr; } }
.pla-artisti-griglia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 32px 24px; }
body a.pla-artista-card { display: flex; flex-direction: column; gap: 6px; color: var(--pla-inchiostro); text-decoration: none; }
.pla-artista-card__parete { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background: var(--pla-carta-calda); padding: 18px; box-sizing: border-box; margin-bottom: 8px; overflow: hidden; }
.pla-artista-card__parete img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; transition: transform var(--pla-dur) ease; }
.pla-artista-card__parete--ritratto { padding: 0; }
.pla-artista-card__parete--ritratto img { width: 100%; height: 100%; object-fit: cover; }
a.pla-artista-card:hover img { transform: scale(1.03); }
.pla-artista-card__nome { font: 400 22px/1.2 var(--pla-font-display); }
a.pla-artista-card:hover .pla-artista-card__nome { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pla-artista-card__opera { font: 400 13px/1.45 var(--pla-font-text); color: var(--pla-seppia); }
.pla-artista-card__opera em { font: italic 400 15px/1.3 var(--pla-font-display); }

/* Scheda artista */
.pla-artista-sottotitolo { margin: 20px 0 0; font: 400 20px/1.5 var(--pla-font-text); color: var(--pla-grafite); }
.pla-artista-apertura { margin: 0 0 0 auto; max-width: 440px; }
.pla-artista-apertura img { width: 100%; height: auto; display: block; }
.pla-colonne-opere { margin-top: 48px; columns: 4 220px; column-gap: 32px; }
.pla-colonne-opere .pla-opera-card { margin-bottom: 44px; }
.pla-colonne-opere .pla-opera-card__parete { padding: 18px; }
.pla-edizione-speciale { margin-top: 40px; padding: 32px; background: var(--pla-bianco-museo); border-left: 1px solid var(--pla-inchiostro); max-width: 760px; }
.pla-edizione-speciale .pla-prosa p { font-size: 17px; }
body .pla-sez .pla-link3, body a.pla-link3 { color: var(--pla-ciano-testo); font: 400 17px/1.5 var(--pla-font-text); text-decoration: underline; text-underline-offset: 4px; }
body .pla-dark a.pla-link3, body .pla-sez--grafite a.pla-link3 { color: var(--pla-ciano-stampa); }
.pla-finale__nome { margin: 0; font: 400 var(--pla-fs-h2)/1.15 var(--pla-font-display); color: var(--pla-carta); }
.pla-finale__cta { margin: 60px 0 0; }

/* Progetti */
.pla-progetti-griglia { margin-top: 48px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.pla-progetti-griglia .pla-prog-card { min-height: 260px; }
.pla-lead-progetto p { margin: 28px 0 0; max-width: 60ch; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-grafite); }
.pla-dati-progetto { margin: 40px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0; border-top: 1px solid var(--pla-inchiostro); max-width: 900px; }
.pla-dati-progetto > div { padding: 18px 20px 0 0; }
.pla-dati-progetto dt { font: 500 12px/1.4 var(--pla-font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-dati-progetto dd { margin: 6px 0 0; font: 400 22px/1.3 var(--pla-font-display); }

/* Journal */
.pla-journal-griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 48px 24px; }
.pla-journal-card { display: flex; flex-direction: column; gap: 10px; }
.pla-journal-card__media { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--pla-carta-calda); overflow: hidden; position: relative; margin-bottom: 8px; }
.pla-journal-card__media img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.pla-journal-card__cat { margin: 0; font: 500 12px/1.3 var(--pla-font-text); letter-spacing: .14em; text-transform: uppercase; color: var(--pla-seppia); }
.pla-journal-card__titolo { margin: 0; font: 400 26px/1.25 var(--pla-font-display); }
body .pla-journal-card__titolo a { color: var(--pla-inchiostro); text-decoration: none; }
body .pla-journal-card__titolo a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }

/* Contatti */
.pla-indirizzo--grande { margin-top: 24px; font: 400 20px/1.6 var(--pla-font-display); }
.pla-contatti-blocchi { display: flex; flex-direction: column; gap: 32px; }
.pla-contatti-blocchi section { border-top: 1px solid var(--pla-inchiostro); padding-top: 20px; }
.pla-contatti-blocchi p { margin: 12px 0 0; font: 400 18px/1.65 var(--pla-font-text); }

/* Come lavoriamo: le sei fasi alternate su scuro */
.pla-fase { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 32px clamp(48px, 7vw, 112px); align-items: center; padding: clamp(48px, 6vw, 88px) 0; border-top: 1px solid var(--pla-grafite); }
.pla-fase:first-child { border-top: 0; }
.pla-fase__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--pla-grafite); }
.pla-fase__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pla-fase__media--opera { padding: clamp(16px, 2vw, 28px); box-sizing: border-box; }
.pla-fase__media--opera img { object-fit: contain; }
.pla-fase__media--cert { display: flex; align-items: center; justify-content: center; padding: 28px; box-sizing: border-box; }
.pla-fase__media--cert { container-type: size; }
.pla-fase__media--cert .pla-cert { width: min(calc(100cqw - 56px), calc((100cqh - 56px) / 1.38)); max-width: 300px; }
.pla-fase__num { display: block; font: 400 var(--pla-fs-display-num)/.9 var(--pla-font-display); color: var(--pla-seppia); }
.pla-fase h2 { margin: 20px 0 0; font: 400 var(--pla-fs-h2)/1.15 var(--pla-font-display); text-wrap: balance; color: var(--pla-carta); }
.pla-fase p { margin: 20px 0 0; max-width: 52ch; font: 400 18px/1.65 var(--pla-font-text); color: var(--pla-nebbia); text-wrap: pretty; }
@media (min-width: 821px) { .pla-fase--dx .pla-fase__media { order: 1; } }

/* Cifra decorativa (1961 in Chi siamo) */
.pla-cifra-num { margin: 24px 0 0; font: 400 var(--pla-fs-display-num)/.9 var(--pla-font-display); color: var(--pla-seppia); }
.pla-golfo--pieno { height: clamp(180px, 26vw, 360px); background-size: cover; background-position: center; }

/* Citazione (Chi siamo) */
.pla-citazione { margin: 48px 0 0; padding: 0 0 0 24px; border-left: 1px solid var(--pla-inchiostro); }
.pla-citazione p { margin: 0; font: italic 400 clamp(22px, 1.6vw, 28px)/1.35 var(--pla-font-display); }
.pla-citazione footer { margin-top: 10px; font: 400 14px/1.4 var(--pla-font-text); color: var(--pla-seppia); }

/* FAQ: indice degli argomenti e gruppi */
.pla-faq-layout { display: flex; flex-wrap: wrap; gap: 48px clamp(48px, 7vw, 112px); align-items: flex-start; }
.pla-faq-indice { flex: 1 1 220px; position: sticky; top: 96px; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--pla-inchiostro); padding-top: 16px; }
body .pla-faq-indice a { color: var(--pla-inchiostro); text-decoration: none; font: 400 17px/1.4 var(--pla-font-text); padding: 8px 0; }
body .pla-faq-indice a:hover { color: var(--pla-ciano-testo); text-decoration: underline; }
.pla-faq-gruppi { flex: 3 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 56px; }
.pla-faq-gruppi > section { scroll-margin-top: 96px; }
.pla-faq-gruppi h2 { margin: 0 0 16px; font: 400 var(--pla-fs-h2)/1.15 var(--pla-font-display); }
@media (max-width: 767px) { .pla-faq-indice { position: static; } }

/* Grazie */
.pla-grazie-cerchi { width: clamp(120px, 14vw, 180px); margin-bottom: 40px; }

/* Elenco di link con freccia (progetti realizzati) */
.pla-elenco-link { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pla-inchiostro); }
.pla-elenco-link li { border-bottom: 1px solid var(--pla-filo); }
body .pla-elenco-link a { display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; color: var(--pla-inchiostro); text-decoration: none; font: 400 22px/1.3 var(--pla-font-display); }
body .pla-elenco-link a:hover { color: var(--pla-ciano-testo); }

/* 1.0.20 — Richiedi un progetto: layout modulo + riquadro «Cosa succede dopo l'invio» */
.pla-modulo > .e-con-inner { flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 48px clamp(40px, 6vw, 96px) !important; }
.pla-modulo > .e-con-inner > .pla-modulo__form { flex: 2 1 520px !important; width: auto !important; min-width: 0; max-width: 820px; }
.pla-modulo > .e-con-inner > .pla-modulo__dopo { flex: 1 1 300px !important; width: auto !important; min-width: 0; }
.pla-dopo { position: relative; background: var(--pla-carta-calda); padding: 36px 32px; }
.pla-dopo::before, .pla-dopo::after { content: ""; position: absolute; width: 16px; height: 16px; }
.pla-dopo::before { left: 10px; top: 10px; border-left: 1px solid var(--pla-seppia); border-top: 1px solid var(--pla-seppia); }
.pla-dopo::after { right: 10px; bottom: 10px; border-right: 1px solid var(--pla-seppia); border-bottom: 1px solid var(--pla-seppia); }
.pla-dopo h2 { margin: 0; font: 400 28px/1.2 var(--pla-font-display); color: var(--pla-inchiostro); }
.pla-dopo ol { list-style: none; margin: 24px 0 0; padding: 0; }
.pla-dopo li { display: flex; gap: 16px; padding: 16px 0; border-top: 1px solid var(--pla-nebbia); font: 400 17px/1.5 var(--pla-font-text); color: var(--pla-inchiostro); }
.pla-dopo li > span:first-child { font: 400 18px/1.4 var(--pla-font-display); color: var(--pla-seppia); width: 22px; flex: none; }

/* Indicatore dei passi: tre barre con «01 Chi sei · 02 Il progetto · 03 Contatti» */
.pla-form--passi .e-form__indicators { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 40px; padding: 0; counter-reset: passo; }
.pla-form--passi .e-form__indicators__indicator { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 0; margin: 0; counter-increment: passo; }
.pla-form--passi .e-form__indicators__indicator::before { content: ""; display: block; height: 3px; background: var(--pla-filo); transition: background-color 300ms; }
.pla-form--passi .e-form__indicators__indicator--state-active::before,
.pla-form--passi .e-form__indicators__indicator--state-completed::before { background: var(--pla-inchiostro); }
.pla-form--passi .e-form__indicators__indicator__separator { display: none; }
.pla-form--passi .e-form__indicators__indicator__label { font: 500 13px/1.3 var(--pla-font-text) !important; letter-spacing: var(--pla-track-label); color: var(--pla-seppia) !important; text-align: left; }
.pla-form--passi .e-form__indicators__indicator--state-active .e-form__indicators__indicator__label { color: var(--pla-inchiostro) !important; }
.pla-form--passi .e-form__indicators__indicator__label::before { content: "0" counter(passo); font: 400 15px/1 var(--pla-font-display); margin-right: 6px; }
.pla-form__passo { margin: 0 0 4px; font: 400 var(--pla-fs-step)/1.2 var(--pla-font-display); color: var(--pla-inchiostro); }

/* Scelte a «card» cliccabili (radio e caselle) */
.pla-form .elementor-field-subgroup.pla-form__card { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 10px; width: 100%; }
.pla-form .elementor-field-subgroup.pla-form__card--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); }
.pla-form .pla-form__card .elementor-field-option { position: relative; display: flex; gap: 14px; align-items: center; min-height: 56px; margin: 0 !important; padding: 12px 16px; border: 1px solid var(--pla-seppia); border-radius: var(--pla-radius); background: var(--pla-bianco-museo); box-sizing: border-box; cursor: pointer; transition: background-color 200ms, border-color 200ms; }
.pla-form .pla-form__card .elementor-field-option:has(input:checked) { border-color: var(--pla-inchiostro); background: var(--pla-carta-calda); }
.pla-form .pla-form__card .elementor-field-option input { flex: none; margin: 0; }
.pla-form .pla-form__card .elementor-field-option label { font: 400 17px/1.35 var(--pla-font-text) !important; cursor: pointer; }
.pla-form .pla-form__card .elementor-field-option label::after { content: ""; position: absolute; inset: 0; }
.pla-form .pla-form__card .elementor-field-option:has(input:focus-visible) { outline: var(--pla-focus-ring); outline-offset: 2px; }
.pla-form .elementor-field-type-upload .elementor-upload-field { padding: 14px 16px; background: var(--pla-bianco-museo); border: 1px dashed var(--pla-seppia); border-radius: var(--pla-radius); font: 400 15px/1.4 var(--pla-font-text); color: var(--pla-grafite); width: 100%; box-sizing: border-box; }
.pla-form .elementor-field-type-html { margin-bottom: 0; }

/* Pulsanti dei passi: «← Indietro» testuale a sinistra, «Continua →» contornato, «Invia la richiesta →» pieno a destra */
.pla-form--passi .e-form__buttons { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; width: 100%; margin-top: 14px; padding-top: 24px; border-top: 1px solid var(--pla-filo); }
.pla-form--passi .e-form__buttons__wrapper { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
.pla-form--passi .e-form__buttons__wrapper:last-child { margin-left: auto !important; }
.pla-form--passi .e-form__buttons__wrapper__button-previous { background: none !important; border: 0 !important; border-bottom: 1px solid var(--pla-inchiostro) !important; border-radius: 0 !important; padding: 8px 0 !important; min-height: 0 !important; color: var(--pla-inchiostro) !important; }
.pla-form--passi .e-form__buttons__wrapper__button-previous::before { content: "← "; }
.pla-form--passi .e-form__buttons__wrapper__button-next { background: transparent !important; color: var(--pla-inchiostro) !important; border: 1px solid var(--pla-inchiostro) !important; }
.pla-form--passi .e-form__buttons__wrapper__button-next:hover { background: var(--pla-inchiostro) !important; color: var(--pla-carta) !important; }
.pla-form--passi .e-form__buttons__wrapper__button-next::after, .pla-form--passi .elementor-field-type-submit .elementor-button-text::after { content: " →"; }
.pla-form--passi .e-form__buttons__wrapper__button { font: 500 14px/1 var(--pla-font-text) !important; letter-spacing: var(--pla-track-button); text-transform: uppercase; min-height: 52px; padding: 0 26px; cursor: pointer; }
.pla-form--passi .elementor-field-type-submit { margin-left: auto; }