.striscia-foto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-block:2rem}
.striscia-foto figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--wp--preset--color--pietra-scura)}
.striscia-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:820px){.striscia-foto{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.striscia-foto{grid-template-columns:1fr}}

/* Testata editoriale delle pagine: copertina, occhiello, titolo, intro. Ricalca .sezione-hero. */
.testata-pagina{margin-block:0 3.5rem}
.testata-pagina__media{position:relative;min-height:min(60vh,560px);display:flex;align-items:flex-end;background:var(--wp--preset--color--pietra-scura)}
.testata-pagina__sfondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.testata-pagina__velo{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(21,32,26,.94) 0%,rgba(21,32,26,.68) 42%,rgba(21,32,26,.28) 74%,rgba(21,32,26,.12) 100%),
  linear-gradient(90deg,rgba(21,32,26,.5) 0%,rgba(21,32,26,.15) 55%,rgba(21,32,26,0) 85%)}
/* Da destra a sinistra il lato più scuro del velo segue l'inizio del testo. */
.paghera-rtl .testata-pagina__velo{position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(21,32,26,.94) 0%,rgba(21,32,26,.68) 42%,rgba(21,32,26,.28) 74%,rgba(21,32,26,.12) 100%),
  linear-gradient(270deg,rgba(21,32,26,.5) 0%,rgba(21,32,26,.15) 55%,rgba(21,32,26,0) 85%)}
.testata-pagina__contenuto{position:relative;width:100%;max-width:1312px;margin-inline:auto;padding:2.75rem 4vw 3rem;color:#F7F6F1;text-shadow:0 1px 20px rgba(21,32,26,.55)}
.testata-pagina__titolo{font-family:var(--wp--preset--font-family--cormorant);font-size:clamp(2.5rem,5.6vw,4.75rem);line-height:1;font-weight:400;margin:.75rem 0 0;color:#F7F6F1}
.testata-pagina__intro{color:rgba(247,246,241,.94);margin:1rem 0 0;max-width:58ch;font-size:1.0625rem}
.testata--scura .testata-pagina__media{min-height:320px;background:#15201A}

.briciole{font-size:.8125rem;color:rgba(247,246,241,.72);margin:0}
.briciole a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.briciole a:hover,.briciole a:focus-visible{border-bottom-color:currentColor}
.briciole [aria-current]{color:#F7F6F1}

.paghera-rtl .testata-pagina__contenuto{text-align:start}

@media (max-width:820px){
  .testata-pagina__media{min-height:420px}
  .testata--scura .testata-pagina__media{min-height:260px}
  .testata-pagina__contenuto{padding:1.75rem 6vw 2rem}
}

/* Griglie di rimandi (Azienda, Come lavoriamo, correlati, aree sorelle,
   indice di una famiglia): un'unica definizione riusata da tutte. */
.indice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.25rem;margin-top:2rem;padding:0;list-style:none}
.indice__voce{margin:0}
.indice__voce a{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}
.indice__foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--wp--preset--color--pietra-scura)}
.indice__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.indice__voce a:hover .indice__foto img,.correlati__voce:hover .indice__foto img{transform:scale(1.04)}
.indice__n{display:block;margin-top:.75rem;font-size:.6875rem;letter-spacing:.2em;color:var(--wp--preset--color--ottone);font-variant-numeric:tabular-nums}
.indice__t{display:block;font-family:var(--wp--preset--font-family--cormorant);font-size:1.5rem;line-height:1.15;margin-top:.25rem}
.indice__voce a:hover .indice__t,.correlati__voce:hover .indice__t{color:var(--wp--preset--color--verde)}
.indice__d{display:block;margin-top:.375rem;font-size:.9375rem;color:var(--wp--preset--color--muto)}
@media (max-width:1000px){.indice{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.indice{grid-template-columns:1fr}}

/* Contenuti correlati: stessa griglia di .indice, foto e titolo riusati. */
.correlati{border-block-start:1px solid var(--wp--preset--color--linea);margin-block:3rem;padding-block-start:2.5rem}
.correlati__titolo{font-family:var(--wp--preset--font-family--cormorant);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;margin:0}
.correlati__griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.25rem;margin-top:1.5rem}
.correlati__voce{display:flex;flex-direction:column;text-decoration:none;color:inherit}
@media (max-width:1000px){.correlati__griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.correlati__griglia{grid-template-columns:1fr}}

/* Sorelle della stessa famiglia di aree: stesso trattamento dei correlati. */
.aree-sorelle{border-block-start:1px solid var(--wp--preset--color--linea);margin-block:3rem;padding-block-start:2.5rem}

/* Precedente e successivo nella stessa famiglia o area. Frecce scambiate in RTL. */
.prec-succ{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-block-start:1px solid var(--wp--preset--color--linea);margin-block:2.5rem;padding-block-start:1.5rem}
.prec-succ__prec,.prec-succ__succ,.prec-succ__vuoto{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;min-height:48px}
.prec-succ__succ{text-align:end;align-items:flex-end}
.prec-succ__et{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--ottone)}
.prec-succ__t{font-family:var(--wp--preset--font-family--cormorant);font-size:1.375rem;line-height:1.2}
.prec-succ__prec:hover .prec-succ__t,.prec-succ__succ:hover .prec-succ__t{color:var(--wp--preset--color--verde)}
/* la freccia sta sulla riga dell'occhiello: come pseudo-elemento del link
   diventava un elemento della colonna e finiva su una riga sua */
.prec-succ__prec .prec-succ__et::before{content:"←";margin-inline-end:.45rem}
.prec-succ__succ .prec-succ__et::after{content:"→";margin-inline-start:.45rem}
.paghera-rtl .prec-succ__prec .prec-succ__et::before{content:"→"}
.paghera-rtl .prec-succ__succ .prec-succ__et::after{content:"←"}
@media (max-width:640px){.prec-succ{grid-template-columns:1fr;gap:1.25rem}.prec-succ__succ{text-align:start;align-items:flex-start}}

/* Hanno scelto Paghera: i nomi in fila, come una pagina di colophon. */
.referenze{padding-block:clamp(3rem,6vw,5rem) clamp(2.5rem,5vw,4rem);border-block-start:1px solid var(--wp--preset--color--linea)}
.referenze__titolo{font-family:var(--wp--preset--font-family--cormorant);font-weight:400;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;margin:0 0 1.5rem}
.referenze__nomi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;row-gap:.25rem;font-family:var(--wp--preset--font-family--cormorant);font-size:clamp(1.3rem,2.3vw,1.95rem);line-height:1.4}
.referenze__nomi li:not(:last-child)::after{content:"·";margin-inline:.55em;color:var(--wp--preset--color--ottone)}
.referenze__nomi a{color:var(--wp--preset--color--inchiostro);text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .5s cubic-bezier(.16,1,.3,1),color .3s}
.paghera-rtl .referenze__nomi a{background-position:100% 100%}
.referenze__nomi a:hover,.referenze__nomi a:focus-visible{color:var(--wp--preset--color--verde);background-size:100% 1px}
@media (prefers-reduced-motion:reduce){.referenze__nomi a{transition:none}}

/* I quattro numeri veri di Paghera, in Times New Roman come ha chiesto il
   cliente: cifre grandi su un registro di filetti, una colonna si e una no
   piu' in basso, cosi' la fascia si legge come una pagina e non come una tabella. */
.numeri-fascia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--wp--preset--color--linea)}
/* :root alza la specificità sopra i margini azzerati del core
   (:root :where(.is-layout-constrained) > *); solo i margini, la variante scura resta com'è */
:root .numeri-fascia.alignwide{margin-block:3.5rem 4rem}
.numeri-fascia__titolo{grid-column:1/-1;font-family:var(--wp--preset--font-family--cormorant);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;margin:0;padding:2rem 0 0}
.numeri-fascia__voce{padding:clamp(1.75rem,3vw,2.75rem) clamp(1rem,2vw,2rem) clamp(1.5rem,2.5vw,2.25rem)}
.numeri-fascia__voce + .numeri-fascia__voce{border-inline-start:1px solid var(--wp--preset--color--linea)}
.numeri-fascia__cifra{margin:0;font-family:"Times New Roman",Times,"Liberation Serif",serif;font-weight:400;font-size:clamp(3.25rem,6.6vw,6rem);line-height:.88;letter-spacing:-.025em;font-variant-numeric:lining-nums tabular-nums;color:var(--wp--preset--color--verde)}
.numeri-fascia__et{margin:1.1rem 0 0;max-width:17ch;font-size:.875rem;line-height:1.45;color:var(--wp--preset--color--muto)}
.numeri-fascia__et::before{content:"";display:block;width:2rem;height:1px;margin-block-end:.8rem;background:var(--wp--preset--color--ottone)}
.numeri-fascia--scura{background:#15201A;color:#F7F6F1;border-block:0;padding-inline:4vw}
.numeri-fascia--scura .numeri-fascia__voce + .numeri-fascia__voce{border-color:rgba(247,246,241,.18)}
.numeri-fascia--scura .numeri-fascia__cifra{color:#D9C28F}
.numeri-fascia--scura .numeri-fascia__et{color:rgba(247,246,241,.78)}
@media (max-width:700px){
  .numeri-fascia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .numeri-fascia__voce:nth-of-type(odd){border-inline-start:0}
  .numeri-fascia__voce:nth-of-type(n+3){border-block-start:1px solid var(--wp--preset--color--linea)}
}

/* Titoletti recuperati dal testo importato (paghera-core/editoriale.php). */
.capitolo{font-family:var(--wp--preset--font-family--cormorant);font-size:1.75rem;font-weight:400;margin:2.5rem 0 1rem}

/* Fascia di chiusura: occhiello/testo a sinistra, modulo vero a destra su fondo scuro. */
.fascia-cta{box-sizing:border-box;display:grid;grid-template-columns:5fr 7fr;gap:2.5rem 3rem;align-items:start;background:#15201A;color:#F7F6F1;padding:4.5rem 4vw}
.fascia-cta__testo .eyebrow{color:#D9C28F}
.fascia-cta__testo h2{margin:.5rem 0 .75rem;color:#F7F6F1}
.fascia-cta__testo>p{margin:0 0 1.25rem;color:rgba(247,246,241,.86);max-width:42ch}
.fascia-cta__recapiti{margin:0 !important;line-height:1.6}
.fascia-cta__recapiti a{color:#F7F6F1;text-decoration:none;border-bottom:1px solid rgba(247,246,241,.35)}
.fascia-cta__recapiti a:hover{color:#D9C28F;border-color:#D9C28F}
.fascia-cta .modulo{max-width:none}
.fascia-cta .modulo__titolo{display:none}
.fascia-cta .modulo__campo label{color:rgba(247,246,241,.7)}
.fascia-cta .modulo__campo input,.fascia-cta .modulo__campo textarea{background:#fff;color:#15201A;border-color:rgba(247,246,241,.3)}
.fascia-cta .modulo__consenso{color:rgba(247,246,241,.72)}
.fascia-cta .modulo__consenso a{color:#D9C28F}
.fascia-cta .modulo__esito--ok{background:rgba(247,246,241,.1);border-color:#D9C28F;color:#F7F6F1}
.fascia-cta .modulo__esito--no{background:rgba(154,59,47,.25);border-color:#D8B4A8;color:#F7F6F1}
@media (max-width:900px){.fascia-cta{grid-template-columns:1fr;padding:3rem 6vw}.fascia-cta__testo>p{max-width:none}}

/* Rassegna stampa vera: elenco completo (/rassegna-stampa/) e striscia
   compatta con le copertine (in home). I dati (data, testata, titolo) sono
   uguali in ogni lingua: qui c'è solo il layout. */
/* Quattro per riga: con 63 articoli, tre facevano una pagina di sedici metri. */
.rassegna{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem;margin-block:2rem}
.rassegna__voce{margin:0;display:flex;flex-direction:column}
.rassegna__foto{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--wp--preset--color--pietra-scura);margin-bottom:.875rem}
.rassegna__foto img{width:100%;height:100%;object-fit:cover;display:block}
/* Voce senza copertina: il nome della testata al posto della fotografia,
   cosi' la riga resta allineata. */
.rassegna__foto--vuota{display:grid;place-items:center;padding:1rem;text-align:center;
  background:var(--wp--preset--color--pietra-scura);color:var(--wp--preset--color--muto)}
.rassegna__foto--vuota span{font-family:var(--wp--preset--font-family--cormorant);font-size:1.25rem;line-height:1.2}
.rassegna__data{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--wp--preset--color--muto);font-variant-numeric:tabular-nums}
.rassegna__testata{margin:.5rem 0 0}
.rassegna__titolo{margin:.25rem 0 .75rem;font-family:var(--wp--preset--font-family--cormorant);font-size:1.375rem;line-height:1.2}
.rassegna__link{font-size:.75rem;margin-top:auto}
/* Quattro per riga sul computer, due sul telefono (prima scendeva a una).
   Il doppio nome di classe serve: con una classe sola le regole di .rassegna
   piu' in basso nel foglio vincono a parita' di peso. */
.rassegna.rassegna--compatta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.25rem;border-block-start:1px solid var(--wp--preset--color--linea);margin-block:3rem;padding-block-start:2.5rem}
.rassegna--compatta .rassegna__tutta{grid-column:1/-1;margin:.5rem 0 0}
/* sotto i mille pixel due per riga, e due restano anche sul telefono */
@media (max-width:1000px){.rassegna.rassegna--compatta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.rassegna.rassegna--compatta{gap:1.25rem 1rem}
  .rassegna.rassegna--compatta .rassegna__titolo{font-size:1.125rem}}
.rassegna__tutta-link::after{content:"→";margin-inline-start:.5rem}
.paghera-rtl .rassegna__tutta-link::after{content:"←"}
@media (max-width:1200px){.rassegna{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.rassegna{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Una per riga faceva una pagina lunga quaranta metri sul telefono:
   con 63 articoli restano due per riga, come nella striscia in home. */
@media (max-width:640px){.rassegna{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}
  .rassegna .rassegna__titolo{font-size:1.0625rem}
  .rassegna .rassegna__testata{font-size:.8125rem}}