/* Regione Lazio (includes/regione-lazio.php): accreditation band "Palladio — Fascia accreditamento" (reusable) and
   "Come funzionano i corsi regionali" (page 57, under the card carousel). Loaded only where .palladio-accredito or
   .palladio-come-funzionano is, and in the editor. Colors: direction A (README, "Regola dei colori"); brief exception:
   the gold button #e8c46a, as the hover of palladio-card-cta. Content width as the carousel (.palladio-wrap: 1180px
   with 24px gutters). No animation, no transition. Child margins: three classes beat the WP flow layout rules. */
.palladio-accredito, .palladio-come-funzionano {
  --pr-bordeaux: var(--wp--preset--color--palladio-bordeaux, #6b1d23);
  --pr-deep: var(--wp--preset--color--palladio-bordeaux-deep, #4a141b);
  --pr-cream: var(--wp--preset--color--palladio-cream, #faf7f2);
  --pr-stone: var(--wp--preset--color--palladio-stone, #f1e9de);
  --pr-white: var(--wp--preset--color--base, #ffffff);
  --pr-ink: var(--wp--preset--color--palladio-ink-warm, #2a211c);
  --pr-secondary: var(--wp--preset--color--palladio-text-secondary, #5a4a3f);
  --pr-line: var(--wp--preset--color--palladio-line, #e7ded2);
  --pr-red: var(--wp--preset--color--palladio-red, #a8342a);
  --pr-gold: #e8c46a;
  --pr-heading-font: var(--wp--preset--font-family--palladio-heading, 'Plus Jakarta Sans', system-ui, sans-serif);
  box-sizing: border-box; padding-inline: 24px; background: var(--pr-cream); color: var(--pr-ink);
  font-family: var(--wp--preset--font-family--manrope, sans-serif);
}
.palladio-accredito *, .palladio-come-funzionano * { box-sizing: border-box; }
/* No block gap between the full-width sections: the margin would show the white page background as a stripe. */
.palladio-accredito.palladio-accredito.palladio-accredito, .palladio-come-funzionano.palladio-come-funzionano.palladio-come-funzionano { margin-block: 0; }
.palladio-accredito.palladio-accredito :where(.pra-fascia, .pra-testo) > *,
.palladio-come-funzionano.palladio-come-funzionano :where(.prc-wrap, .prc-griglia, .prc-card) > * { margin: 0; }

/* Band: logo, text, button in a row on the bordeaux of the other bands. */
.palladio-accredito { padding-bottom: clamp(48px, 6vw, 72px); }
.palladio-accredito .pra-fascia {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px 28px;
  max-width: 1132px; margin-inline: auto; padding: clamp(22px, 2.6vw, 30px) clamp(22px, 3vw, 36px); border-radius: 16px;
  background: linear-gradient(145deg, var(--pr-bordeaux), var(--pr-deep)); color: var(--pr-cream);
  --palladio-focus-text: var(--pr-gold); --palladio-focus-fill: var(--pr-cream); --palladio-focus-on-fill: var(--pr-deep);
}
/* Logo: the file (2500 × 1000) keeps its white margins, the mark is about 51% × 42% of it. Contained in the white box
   it would be about 49 px wide, so the image is scaled ×1.85 inside the box (overflow hidden): the mark is about
   90 × 30 px, the file is not cropped. The box is 96 × 60 px (brief ~84 × 60) so that "REGIONE LAZIO" stays readable. */
.palladio-accredito.palladio-accredito .pra-logo { width: 96px; height: 60px; overflow: hidden; border-radius: 10px; background: var(--pr-white); }
.palladio-accredito .pra-logo img { display: block; width: 100%; height: 100%; object-fit: contain; transform: scale(1.85); }
.palladio-accredito .pra-testo { display: grid; gap: 6px; min-width: 0; }
.palladio-accredito .pra-titolo { color: var(--pr-white); font-family: var(--pr-heading-font); font-size: clamp(1.25rem, 1.9vw, 1.5rem); font-weight: 500; line-height: 1.25; letter-spacing: -.01em; }
.palladio-accredito .pra-nota { color: var(--pr-cream); font-size: 1rem; opacity: .9; }
.palladio-accredito .pra-azione .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border-radius: 999px;
  background: var(--pr-gold); color: var(--pr-deep); font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap;
}
.palladio-accredito .pra-azione .wp-block-button__link::after {
  content: ""; flex: none; width: 18px; height: 18px; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.palladio-accredito .pra-azione .wp-block-button__link:hover { background: var(--pr-cream); color: var(--pr-deep); }

/* Introduction of page 57 (28/10/2026): one centered paragraph between the card carousel and the band, on the page's
   sand (tonal band below, no block gap), at the size of the «Come funzionano» intro; 760px as the text sections of the site. */
.palladio-regionali-intro.palladio-regionali-intro.palladio-regionali-intro { box-sizing: border-box; margin-block: 0; padding: 0 24px clamp(40px, 5vw, 64px); }
.palladio-regionali-intro.palladio-regionali-intro .pri-testo {
  max-width: 760px; margin: 0 auto; color: var(--wp--preset--color--palladio-text-secondary, #5a4a3f); text-align: center;
  font-family: var(--wp--preset--font-family--manrope, sans-serif); font-size: clamp(16px, 15px + .2vw, 18px); line-height: 1.6;
}

/* Come funzionano: light cards in a grid, icon on a stone tile (unlike the numbered carousel: no number, no circle). */
.palladio-come-funzionano { padding-bottom: clamp(64px, 8vw, 100px); }
.palladio-come-funzionano .prc-wrap { max-width: 1132px; margin-inline: auto; }
.palladio-come-funzionano h2 { font-family: var(--pr-heading-font); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
/* Intro at the size of the other sections' opening paragraphs (16–17px on the site, here about 18px at 1440, 16px on phones)
   instead of the theme body (22px at 1440); about 65 characters per line. */
.palladio-come-funzionano.palladio-come-funzionano .prc-intro { max-width: 34em; margin-top: 12px; color: var(--pr-secondary); font-size: clamp(16px, 15px + .2vw, 18px); line-height: 1.6; }
.palladio-come-funzionano.palladio-come-funzionano .prc-griglia { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }
.palladio-come-funzionano .prc-card {
  position: relative; display: grid; align-content: start; gap: 10px; padding: 24px;
  border: 1px solid var(--pr-line); border-radius: 14px; background: var(--pr-white);
}
.palladio-come-funzionano .prc-card::before { content: ""; width: 48px; height: 48px; margin-bottom: 8px; border-radius: 12px; background: var(--pr-stone); }
.palladio-come-funzionano .prc-card::after {
  content: ""; position: absolute; top: 34px; left: 34px; width: 28px; height: 28px;
  background: var(--pr-red); mask: var(--prc-icon) center / contain no-repeat;
}
.palladio-come-funzionano .prc-card h3 { font-family: var(--pr-heading-font); font-size: 1.25rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.palladio-come-funzionano .prc-card p { color: var(--pr-secondary); font-size: 1rem; }

@media (max-width: 1024px) {
  .palladio-come-funzionano.palladio-come-funzionano .prc-griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .palladio-accredito .pra-fascia { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 16px; }
  .palladio-accredito.palladio-accredito .pra-logo { width: 112px; height: 68px; }
  .palladio-accredito.palladio-accredito .pra-azioni { width: 100%; }
  .palladio-accredito .pra-azione { width: 100%; }
  .palladio-accredito .pra-azione .wp-block-button__link { width: 100%; min-height: 48px; white-space: normal; }
}
@media (max-width: 600px) {
  .palladio-come-funzionano.palladio-come-funzionano .prc-griglia { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 24px; }
}

/* Corsi regionali (page 57 only; 1.37.2, stronger in 1.37.3): one background for carousel, map, band and cards, in the
   white–cream–sand range, static, no image file, no JS. Since 1.37.4 the surface (variables, base diagonal, darker
   corners, grain), the card shadow values and the footer gap are in palladio-sfondo-dinamico.css, shared with Workshop
   and Specializzazioni. Here the layers of this page only:
   - sections (their own cream made transparent): tonal bands, header -> band -> cards slightly deeper each time, the
     changes spread over the bottom 240px of the header and the whole height of the band (192–317px);
   - band: a diagonal light streak across the passage from the heading to the Regione Lazio band;
   - map: full white glow behind the outline and a warm gold glow under it; cards section: gold glow behind the cards. */
/* Tonal bands. */
body.page-id-57 .wp-block-post-content > .palladio-story.palladio-numbered {
  background: linear-gradient(180deg, transparent 0, transparent calc(100% - 240px), color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .35), transparent) 100%);
}
/* Introduction between the two (28/10/2026): the sand where the header's band ends and the Regione Lazio band starts. */
body.page-id-57 .wp-block-post-content > .palladio-regionali-intro { background: color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .35), transparent); }
body.page-id-57 .wp-block-post-content > .palladio-accredito {
  position: relative;
  background: linear-gradient(180deg, color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .35), transparent) 0%, color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .6), transparent) 100%);
}
body.page-id-57 .wp-block-post-content > .palladio-come-funzionano {
  background:
    radial-gradient(ellipse 60% 55% at 50% 62%, color-mix(in srgb, var(--pl-glow-gold) calc(var(--pl-a) * .6), transparent) 0%, transparent 100%),
    linear-gradient(180deg, color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .6), transparent) 0%, color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .75), transparent) 100%);
}
/* Light streak at 118° across the heading -> band passage, faded at its top and bottom edges. */
body.page-id-57 .palladio-accredito::before {
  content: ""; position: absolute; left: 0; right: 0; top: clamp(-260px, -18vw, -140px); height: clamp(340px, 40vw, 560px); z-index: -1; pointer-events: none;
  background: linear-gradient(118deg, transparent 18%, color-mix(in srgb, var(--pl-glow-white) calc(var(--pl-a) * .75), transparent) 42%, color-mix(in srgb, var(--pl-glow-white) calc(var(--pl-a) * .75), transparent) 52%, transparent 76%);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);
}
/* Map: white halo behind the outline, gold glow under it, deeper bordeaux shadow. The halo is a positioned pseudo-element
   painted before the (positioned) outline and values; overflow is clipped by the post content. */
body.page-id-57 .palladio-mappa-lazio::before {
  content: ""; position: absolute; inset: -38% -42%; pointer-events: none;
  background:
    radial-gradient(closest-side at 50% 46%, var(--pl-glow-white) 0%, color-mix(in srgb, var(--pl-glow-white) calc(var(--pl-a) * .9), transparent) 45%, transparent 100%),
    radial-gradient(closest-side at 50% 78%, color-mix(in srgb, var(--pl-glow-gold) calc(var(--pl-a) * .8), transparent) 0%, transparent 100%);
}
body.page-id-57 .palladio-mappa-lazio .pml-sagoma { position: relative; filter: drop-shadow(0 16px 26px rgba(74, 20, 27, .22)); }
/* Cards: the two shadows of palladio-sfondo-dinamico.css under the unchanged surfaces and lines. In the carousel the
   far shadow has no side spread (the rail clips at 2px) and the rail gets 8px more room below, given back by its margin. */
body.page-id-57 .palladio-numbered .palladio-rail { padding-bottom: 28px; margin-bottom: -8px; }
body.page-id-57 .palladio-numbered .palladio-numbered-card:nth-child(3n+1) { box-shadow: inset 0 0 0 1px var(--wp--preset--color--palladio-line, #e7ded2), var(--pl-card-shadow); }
body.page-id-57 .palladio-numbered .palladio-numbered-card:nth-child(3n+2) { box-shadow: var(--pl-card-shadow); }
body.page-id-57 .palladio-numbered .palladio-numbered-card:nth-child(3n) { box-shadow: inset 0 4px 0 var(--wp--preset--color--palladio-gold-antique, #c99a3a), var(--pl-card-shadow); }
body.page-id-57 .palladio-come-funzionano .prc-card { box-shadow: var(--pl-card-shadow-wide); }
/* Closing card «Parla con noi» (palladio-corso--chiusura, 28/10/2026) right after the section: no block gap (light
   strip) and the sand where the section's gradient ends, instead of the flat cream of the course pages. */
body.page-id-57 .wp-block-post-content > .palladio-come-funzionano + .palladio-corso--chiusura {
  margin-block-start: 0; background: color-mix(in srgb, var(--pl-bg-sand) calc(var(--pl-a) * .75), transparent);
}