/* ===========================================================
   MANIFESTO LA GUARENESE — foglio A3 orizzontale 420x297 mm
   Ricalcato sui fogli veri. Foglio proprio: non tocca style.css.
   Varianti: .v-uomo  .v-donna  .v-infanzia
   =========================================================== */
.palco .foglio,.palco-box .foglio{
  --oro-m:#B08B2E; --blu-m:#1B2A6B; --inch:#14151A;
  width:420mm;height:297mm;position:relative;background:#FEFCF7;color:var(--inch);
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.55);overflow:hidden}

.palco .foglio .bordo{position:absolute;inset:0;border:0;pointer-events:none}
.palco .foglio .bordo::before{content:"";position:absolute;inset:5mm;
  border:1.4mm solid var(--oro-m)}
.palco .foglio .bordo::after{content:"";position:absolute;inset:7.8mm;
  border:.55mm solid var(--blu-m)}

/* cantonali: quattro bande oblique oro con filo blu, ai quattro angoli */
.palco .foglio .dentro{position:absolute;inset:9.4mm;padding:9mm 20mm 30mm;
  display:block;overflow:visible}
.palco .foglio .cant{position:absolute;width:34mm;height:11mm;pointer-events:none;
  background:repeating-linear-gradient(var(--oro-m) 0 1.5mm,transparent 1.5mm 2.6mm,
    var(--blu-m) 2.6mm 3.1mm,transparent 3.1mm 4.6mm)}
.palco .foglio .cant.a{left:-1mm;top:-1mm;transform:skewX(-40deg);transform-origin:left top}
.palco .foglio .cant.b{right:-1mm;top:-1mm;transform:skewX(40deg);transform-origin:right top}
.palco .foglio .cant.c{left:-1mm;bottom:-1mm;transform:skewX(40deg);transform-origin:left bottom}
.palco .foglio .cant.d{right:-1mm;bottom:-1mm;transform:skewX(-40deg);transform-origin:right bottom}

/* simbolo in alto al centro */
.palco .foglio .f-simbolo{display:block;height:23mm;width:auto;margin:0 auto 4mm}
.palco .foglio.v-uomo .f-simbolo line,
.palco .foglio.v-donna .f-simbolo line{stroke:#6B4A22;stroke-width:3.6;stroke-linecap:butt}
.palco .foglio .f-simbolo line{stroke:#6B4A22;stroke-width:3.6}
.palco .foglio .f-simbolo path,
.palco .foglio .f-simbolo circle,
.palco .foglio .f-simbolo ellipse{fill:#6B4A22}

/* ritratto in alto a destra, come sui fogli veri */
.palco .foglio .f-foto{position:absolute;right:20mm;top:14mm;
  width:72mm;height:86mm;padding:0;background:#E7E3DA;
  box-shadow:0 0 0 .45mm var(--inch);overflow:hidden}
.palco .foglio .f-foto img,.palco .foglio .f-foto svg{
  width:100%;height:100%;object-fit:cover;display:block}

/* testata: epigrafe, nome, appellativo, eta */
.palco .foglio .f-corpo{display:block;margin:0}
.palco .foglio .f-testo{display:block;padding:0;text-align:left;max-width:none}
.palco .foglio .f-epigrafe{font-style:italic;font-size:7mm;line-height:1.3;
  text-align:left;margin:0 0 4mm 8mm;max-width:60%}
.palco .foglio .f-nome{font-weight:700;font-size:21mm;line-height:1.02;
  letter-spacing:.005em;text-transform:uppercase;margin:0 0 1mm 4mm;max-width:64%;
  text-align:left;font-family:inherit}
.palco .foglio .f-app{font-weight:700;font-size:17mm;line-height:1.05;
  text-transform:uppercase;margin:0 0 2mm 22mm;max-width:64%;text-align:left}
.palco .foglio .f-eta{font-weight:400;font-size:7.6mm;text-align:left;
  margin:0 0 6mm 22mm;font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.palco .foglio .f-eta b{font-weight:700;font-size:12.6mm;letter-spacing:0} /* 06/10 Fabio Penna: anni +15% come nel JPG (era 6.6/11mm) */

/* annuncio, esequie, chiusura: al centro del foglio */
.palco .foglio .f-ann{font-style:italic;font-size:6.4mm;line-height:1.45;
  text-align:center;max-width:none;margin:0 auto 5mm;text-wrap:balance}
.palco .foglio .f-ann b{font-weight:700;font-style:italic}
.palco .foglio .f-rule{width:86mm;height:.35mm;background:var(--inch);
  margin:0 auto 5mm;opacity:.75}
.palco .foglio .f-fun{font-style:italic;font-size:6.2mm;line-height:1.45;
  text-align:center;margin:0 auto 5mm;max-width:none}
.palco .foglio .f-fun b{font-weight:700;font-style:normal}
.palco .foglio .f-chiusa{font-style:italic;font-size:4.4mm;text-align:center;
  color:#3A3B40;margin:0 auto;padding-top:3mm;
  border-top:.3mm solid rgba(20,21,26,.35);width:120mm}

/* piede a tre campi, con la doppia riga oro e blu sopra */
.palco .foglio .f-piede{position:absolute;left:20mm;right:20mm;bottom:9mm;
  display:grid;grid-template-columns:1fr auto 1fr;gap:8mm;align-items:end;
  padding-top:3.4mm;border:0;font-family:inherit;font-size:3.6mm;
  line-height:1.4;color:#2B2E33;text-align:left}
.palco .foglio .f-piede::before{content:"";position:absolute;left:0;right:0;top:0;
  height:.9mm;background:var(--oro-m)}
.palco .foglio .f-piede::after{content:"";position:absolute;left:0;right:0;top:1.5mm;
  height:.3mm;background:var(--blu-m)}
.palco .foglio .f-min{font-family:"Karla",sans-serif;font-size:2.8mm;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#6B6E78;margin-bottom:1.4mm}
.palco .foglio .f-piede .centro{text-align:center;justify-self:center}
.palco .foglio .f-marchio{display:block;height:15mm;width:auto;margin:0 auto}
.palco .foglio .f-piede .destra{text-align:right;justify-self:end}
.palco .foglio .f-piede .destra div:first-child{font-weight:700;text-transform:uppercase}
.palco .foglio .f-qr{position:absolute;right:0;bottom:16mm;width:20mm;height:20mm}
.palco .foglio .f-qr img{width:20mm;height:20mm;display:block}
.palco .foglio .f-qr span{display:none}

/* ===========================================================
   LE TRE VESTI — cambiano cornice, simbolo e accento
   =========================================================== */

/* UOMO — filo blu di Prussia, cornice piena */
.palco .foglio.v-uomo{--oro-m:#9C7A28;--blu-m:#1B2A6B}

/* DONNA — filo vinaccia smorzato, cornice piu' sottile */
.palco .foglio.v-donna{--oro-m:#A98A3C;--blu-m:#6E2E44}
.palco .foglio.v-donna .bordo::before{border-width:1.1mm}
.palco .foglio.v-donna .f-nome{letter-spacing:.012em}

/* INFANZIA — niente oro, doppio filo azzurro, angoli morbidi */
.palco .foglio.v-infanzia{--oro-m:#7FA3BE;--blu-m:#3F6E8C}
.palco .foglio.v-infanzia .bordo::before{border-width:.9mm;border-radius:2mm}
.palco .foglio.v-infanzia .bordo::after{border-radius:1.4mm}
.palco .foglio.v-infanzia .cant{display:none}
.palco .foglio.v-infanzia .f-simbolo path{fill:#3F6E8C}
.palco .foglio.v-infanzia .f-simbolo line{stroke:#3F6E8C}
.palco .foglio.v-infanzia .f-nome{font-weight:400;font-size:19mm}
.palco .foglio.v-infanzia .f-foto{border-radius:2mm}

/* ===========================================================
   BLINDATURA: il nome non va MAI a capo e non finisce mai
   sotto il ritratto. La colonna del testo si ferma prima.
   =========================================================== */
.palco .foglio .f-nome,
.palco .foglio .f-app,
.palco .foglio .f-eta{max-width:268mm;white-space:nowrap;overflow:hidden}
.palco .foglio .f-epigrafe{max-width:250mm;overflow:hidden}
.palco .foglio .f-ann,
.palco .foglio .f-fun{max-width:300mm;margin-inline:auto}

/* il piede: il marchio ha la sua fascia, non tocca le righe */
.palco .foglio .f-piede{padding-top:6mm;align-items:end}
.palco .foglio .f-marchio{height:13mm;margin:0 auto}
.palco .foglio .f-piede>*{padding-bottom:.5mm}

/* annuncio ed esequie non sfondano in altezza */
.palco .foglio .f-ann{max-height:34mm;overflow:hidden}
.palco .foglio .f-fun{max-height:30mm;overflow:hidden}
.palco .foglio .f-chiusa{margin-top:2mm}

/* ===========================================================
   UN ASSE SOLO A SINISTRA. Epigrafe, nome, appellativo ed eta'
   partono tutti dallo stesso margine: erano a 8mm, 0, 22mm.
   =========================================================== */
.palco .foglio .f-epigrafe,
.palco .foglio .f-nome,
.palco .foglio .f-app,
.palco .foglio .f-eta{margin-left:0;text-align:left}
.palco .foglio .f-epigrafe{margin-bottom:5mm;max-width:250mm}
.palco .foglio .f-nome{margin-bottom:1mm}
.palco .foglio .f-app{margin-bottom:3mm}
.palco .foglio .f-eta{margin-bottom:0}

/* i campi vuoti non lasciano buchi nel foglio */
.palco .foglio .vuoto{display:none}

/* IL QR NEL PIEDE — 27/08. Le cornici hanno il riquadro stampato in
   basso a sinistra: il QR ci va dentro. Misura presa dalla cornice:
   il riquadro e circa 120x120 su 1050 di larghezza, cioe l 11,4%. */
.palco .foglio .f-qrbox{display:flex;flex-direction:column;align-items:center;
  gap:2mm;flex:0 0 auto}
.palco .foglio .f-qr{width:14.4mm;height:14.4mm;display:block} /* 06/10 Fabio Penna: QR piu piccolo (era 18mm), come nel JPG */
.palco .foglio .f-qrdida{font-size:2.4mm;letter-spacing:.04em;text-align:center;
  line-height:1.2;max-width:22mm}

/* ═══ LA CORNICE VERA SOTTO IL FOGLIO ═══ 27/08
   Le quattro cornici erano installate e la funzione che le sceglie
   c era, ma nessuno le collegava: il foglio restava bianco con i
   filetti disegnati a CSS. Ora l immagine e lo sfondo del foglio,
   e i filetti finti si spengono per non raddoppiare. */
.foglio.con-cornice{background-size:100% 100%;background-repeat:no-repeat;
  background-position:center;background-color:#FDFCFA}
.foglio.con-cornice .bordo{display:none}

/* IL FOGLIO NON STA NEL FLUSSO — 28/08 ag.72.
   Il foglio e' 420x297 MILLIMETRI VERI. Finche' il JavaScript non lo
   scala occupa tutto quello spazio e spinge giu' la pagina; poi si
   rimpicciolisce e tutto risale. Su Ctrl+Shift+R, senza cache, il
   salto si vede. Ora il palco riserva lo spazio con la proporzione
   del foglio e il foglio ci sta DENTRO in posizione assoluta: quando
   il JavaScript arriva non sposta piu' niente. */
.palco{position:relative;width:100%;aspect-ratio:420/297;overflow:visible}
.palco .foglio{position:absolute;top:0;left:0;transform-origin:top left}
/* 07/10 Fabio Penna: rosario e ringraziamenti in anteprima */
.palco .foglio .f-ros,.palco .foglio .f-rin{font-style:italic;font-size:5.2mm;line-height:1.4;
  text-align:center;margin:0 auto 3mm;max-width:none;max-height:22mm;overflow:hidden}
.palco .foglio .f-ros b,.palco .foglio .f-rin b{font-weight:700;font-style:normal}