/* ═══════════════════════════════════════════════════════════════════════════
 * PARTNER / SPONSOR — la resa che ha indicato Andrea (naturefestival.org.au)
 * Giro WP13, 07/09/2026. Analisi del modello: `note/SEPARATORI-ITALPOL-07-09.md`,
 * sezione «Loghi».
 *
 * ⛔ PERCHÉ UN FOGLIO A PARTE e non una riga dentro `gastronomica-pagine.css`:
 *    1. quel foglio lo RIGENERA `tema/costruisci-asset.sh` concatenando i CSS
 *       del sito Node — una riga aggiunta lì sparisce al primo rimontaggio, e
 *       sparisce in silenzio;
 *    2. il 07/09 il giro WP12 stava lavorando sugli stessi file;
 *    3. le regole che questo foglio deve SCAVALCARE stanno nel foglio IN LINEA
 *       di `inc/teste.php` (`.pgriglia` a 3 colonne, `.pc__logo{min-height:104px}`,
 *       `body{background:#fff}`). Il foglio in linea è stampato subito dopo
 *       `gastro-base`; questo dipende da `gastro`, quindi arriva DOPO e vince a
 *       parità di specificità. È lo «slot 3» della regola dei tre slot.
 *
 * ⛔ FONDO CHIARO, non la fascia scura del modello. Non è un gusto: quasi metà
 *    dei 17 loghi ha il testo NERO dentro e su fondo scuro sparisce. Nature
 *    Festival usa versioni bianche fornite dai partner; noi non le abbiamo
 *    (dubbio 10 per Andrea). La versione scura non si prova nemmeno.
 *
 * ⛔ QUI NON C'È NESSUN TESTO. I paragrafi «chi è» (`.pc__d`) oggi non esistono
 *    per nessuno dei 17 partner: lo spazio è previsto e si riempie da solo il
 *    giorno che i testi arrivano dal cliente. Vuoto non si stampa.
 * ═════════════════════════════════════════════════════════════════════════ */

/* ── LA FASCIA ─────────────────────────────────────────────────────────────
   UNA sola campitura continua da bordo a bordo che tiene tutti e cinque i
   livelli. Non una striscia per livello: a strisce alterne i cinque titoli
   sembrano cinque sezioni scollegate, e il modello ne fa una sola.
   Larghezza piena senza `100vw`: `.pfascia` è figlio diretto di `<main>`,
   quindi è già largo quanto la pagina — e `100vw` conta anche la barra di
   scorrimento, cioè uno sfondamento orizzontale a 390. */
/* 🔴 08/09/2026, giro WP23 — FONDO BIANCO, non piu` `--carta-calda`.
   Costantino: «la schermata dei partner e` diventata color pesca, la rivoglio
   di nuovo bianca». E non e` solo un gusto: `--carta-calda` e` dichiarato nel
   nostro stesso CSS (`inc/teste.php`, `gastronomica-percorso.css`) come
   «crema: SOLO superfici di card, non fasce intere», e qui era usato proprio
   come fascia intera. Si toglie l'uso sbagliato, NON il token: dove fa da
   superficie di scheda (`partecipa.css`, `.mappa__lato`, `.muro__t`, le celle
   delle citta`) resta dov'e`.
   Scritto `#fff` per esteso e non `var(--carta)`: la tavolozza arriva da un
   `:root` stampato per pagina, e lo stesso token vale colori diversi da una
   pagina all'altra (v. `--alloro`, verde in home e blu nelle interne). */
.pfascia{background:#fff; padding:0 0 76px; margin-top:8px}
/* `.corpo` porta già `padding-top:56px` dal foglio in linea: sta dentro. */

/* Il titolo del livello: resta quello che c'è (occhiello color vino), solo un
   po' più staccato, perché adesso i blocchi respirano di più. */
.pfascia .gr{padding:52px 0 0}
.pfascia .gr:first-child{padding-top:8px}

/* ── LA GRIGLIA: 4 colonne a 1440 · 2 a 700 · 1 a 390 ──────────────────────
   Il foglio in linea dice 3 colonne e 1 sotto i 900: qui si scavalca. */
.pfascia .pgriglia{grid-template-columns:repeat(4,1fr); gap:48px 36px; align-items:start}
@media (max-width:1000px){ .pfascia .pgriglia{grid-template-columns:repeat(2,1fr); gap:44px 32px} }
@media (max-width:560px){  .pfascia .pgriglia{grid-template-columns:1fr; gap:40px} }

/* ── LA VOCE: logo nudo, nome sotto, testo sotto (quando ci sarà) ──────────
   Niente cornice, niente riquadro, niente ombra: sul fondo chiaro i loghi
   scontornati «galleggiano», come nel modello. Il distacco lo fa lo spazio. */
/* 10/09/2026, giro WP37 — CENTRATI: logo, nome e descrizione sullo stesso asse (ordine del capo, «centrare il logo
   del partner sul proprio nome»; modello Taste, blocco `text-center`). Supera l'allineamento a sinistra del WP23. */
.pfascia .pc{background:transparent; border:0; box-shadow:none; padding:0; gap:14px; align-items:center; text-align:center}
.pfascia .pc__vai{gap:14px; align-items:center; text-align:center}

/* 🔴 ALLINEAMENTO PER ALTEZZA OTTICA — contenitore di ALTEZZA FISSA.
   Un logo alto e stretto e uno basso e largo hanno proporzioni diverse: se il
   contenitore si adatta al contenuto, la riga dei nomi balla. Con l'altezza
   fissa e `object-fit:contain` il logo si iscrive dentro il riquadro senza
   deformarsi e la riga dei nomi resta dritta.
   ~~Allineati a SINISTRA come il testo che verrà sotto, non centrati.~~ Dal 10/09 (WP37) CENTRATI. */
/* 🔴 GIRO WP23 — LE MISURE, e perche` non bastava alzare l'altezza.
   Fino al 08/09 i 17 file erano JPG **800x800**: un'immagine quadrata dentro
   una casella con `object-fit:contain` esce quadrata **sempre**, e il marchio
   dentro (che riempie dal 12% al 63% del quadrato) resta un francobollo
   qualunque sia la casella. Prima si sono ritagliati i file al contenuto
   (`import/ritaglia-loghi.py`), poi si e` alzata la casella: senza il primo
   passo il secondo non serve a niente.
   Casella di **altezza fissa, larghezza libera** come nel modello
   (naturefestival.org.au): l'altezza fissa tiene dritta la riga dei nomi,
   `max-width:100%` impedisce ai marchi orizzontali (fino a 4,9:1) di sfondare
   la colonna. ⛔ Mai `object-fit:fill`: i marchi non si deformano. */
.pfascia .pc__logo{background:transparent; padding:0; width:100%;
  height:120px; min-height:0; justify-content:center}
.pfascia .pc__logo img{max-height:120px; max-width:100%; width:auto; height:auto;
  object-fit:contain; object-position:center center}
.pfascia .pc__logo--senza{height:120px}

.pfascia .pc__n{font-size:13px}
/* Il collegamento c'è su 14 partner su 17: si deve VEDERE che il logo è vivo.
   Sottolineatura solo sul nome, e solo dove il puntatore esiste davvero. */
@media (hover:hover) and (pointer:fine){
  .pfascia a.pc__vai:hover .pc__n{text-decoration:underline; text-underline-offset:3px}
}

/* ── IL PROMOTORE = il «principale» del modello ────────────────────────────
   Logo grande a sinistra, la colonna del testo accanto. Finché il testo non
   esiste (oggi: 0 su 17) il blocco esce in versione `--solo`: solo il logo
   grande, senza mezza fascia vuota accanto. */
.pcapo{display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:16px 56px; align-items:center}
.pcapo--solo{display:block}
.pcapo__t{display:flex; flex-direction:column; gap:14px}
.pcapo__t .pc__d{font-size:16px; max-width:62ch}

.pfascia .pc--capo{gap:18px; max-width:340px}
.pfascia .pc--capo .pc__logo{height:200px}
.pfascia .pc--capo .pc__logo img{max-height:200px}
.pfascia .pc--capo .pc__n{font-size:15px; letter-spacing:.06em}

@media (max-width:700px){
  .pcapo{grid-template-columns:1fr; gap:20px}
  .pfascia .pc--capo{max-width:none}
  .pfascia .pc--capo .pc__logo{height:160px}
  .pfascia .pc--capo .pc__logo img{max-height:160px}
}
/* A una colonna sola la casella e` larga ~340 px: l'altezza puo` crescere
   ancora, ed e` il caso che conta di piu` (il sito si guarda soprattutto da
   telefono, ordine del 03/09). */
@media (max-width:560px){
  .pfascia{padding-bottom:56px}
  .pfascia .pc__logo, .pfascia .pc__logo--senza{height:110px}
  .pfascia .pc__logo img{max-height:110px}
}

/* ═══════════════════════════════════════════════════════════════════════════
 * HOME — il blocco «I partner del festival»: STESSA griglia, STESSA resa.
 * ⛔ Il fondo qui resta BIANCO: è un ordine di Costantino del 02/09/2026 («il
 *    blocco dei partner deve essere di colore bianco in modo tale da renderlo
 *    unico e uniforme»). Cambia solo come stanno i loghi, non il colore.
 * ⛔ QUALI partner si vedono in home non si tocca (promotore · patrocinio ·
 *    sponsor, richiesta di Pamela del 01/09), e il bottone «Tutti i 17 partner»
 *    resta com'è.
 * ═════════════════════════════════════════════════════════════════════════ */
.partner__griglia{gap:44px 36px}
@media (max-width:560px){ .partner__griglia{grid-template-columns:1fr} }
.partner__c{background:transparent; padding:0; min-height:0; height:88px;
  justify-content:flex-start}
.partner__c img{max-height:88px; max-width:100%; width:auto; height:auto;
  object-fit:contain; object-position:left center}
@media (max-width:560px){
  .partner__c{height:78px}
  .partner__c img{max-height:78px}
}

/* ═══════════════════════════════════════════════════════════════════════════
 * GIRO WP37 — 10/09/2026 — l'approdo dalla home e i nomi dei produttori
 * ═════════════════════════════════════════════════════════════════════════ */
/* La fascia in home porta a `/partner#partner-<slug>`: la scheda deve arrivare SOTTO la testata fissa (stessa misura
   di `#attiva-passaporto`, WP36). */
.pfascia figure.pc[id]{scroll-margin-top:90px}

/* /produttori — il nome porta al sito del produttore. Si deve VEDERE che è un collegamento anche sul telefono, dove
   il passaggio del mouse non esiste: sottolineato A RIPOSO, nel colore del testo (contrasto del nome invariato).
   Chi non ha il sito resta testo: nessuna regola lo tocca. */
body.pag-produttori .plista b a{color:inherit; text-decoration:underline; text-decoration-thickness:1px;
  text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){
  body.pag-produttori .plista b a:hover{text-decoration-thickness:2px}
}

/* 10/09/2026, giro WP37 — un partner SENZA logo (oggi Via Appia Regina Viarum: l'SVG non entra nella Libreria Media) a UNA
   colonna lasciava una casella vuota di 110 px sopra il nome, che sembra un'immagine che non carica (visto nello scatto a
   390). Da due colonne in su la casella resta: tiene in riga i nomi della griglia. La casella non si toglie dal DOM. */
@media (max-width:560px){
  .pfascia .pc__logo.pc__logo--senza{height:0}
}

/* 10/09/2026, giro WP38 — Tango (Sponsor) e l'Associazione Ristoratori (promotore) PIÙ PICCOLI. Ordine del capo:
   «questi due devi farmeli più piccoli». Misura decisa dal dirigente: la casella del logo delle due schede grandi
   alta QUANTO quella della griglia «Con il patrocinio di» — 120 px da desktop (anche a 1000, dove la griglia è a due
   colonne), 110 px sotto i 560. Restano centrate sul nome, sole nella loro fascia, in cima alla pagina.
   Supera le altezze 200/160 del WP37. Misura: `strumenti/misura-p3-wp38.mjs` (rossa prima, 200 contro 120). */
.pfascia .pc--capo .pc__logo{height:120px}
.pfascia .pc--capo .pc__logo img{max-height:120px}
@media (max-width:700px){
  .pfascia .pc--capo .pc__logo{height:120px}
  .pfascia .pc--capo .pc__logo img{max-height:120px}
}
@media (max-width:560px){
  .pfascia .pc--capo .pc__logo{height:110px}
  .pfascia .pc--capo .pc__logo img{max-height:110px}
}