/* ===========================================================================
   IL TONDO DELLA VETRINA QUANDO DENTRO C'E' UN LOGO  —  blocco 81717
   MARCA_81717_PROFILO_NON_QUADRATO
   ===========================================================================

   Giovanni, 28 settembre 2026: «il portfolio lo vedo sempre uguale». Nel
   cerchio del profilo c'era il suo logo (1118 x 426) messo dentro un quadrato
   da 112 punti e RITAGLIATO: del marchio si vedeva solo la striscia in mezzo.

   Succedeva perche' lui il logo lo ha caricato nella casella «foto profilo»,
   e per quella casella la pagina prende la strada della FOTOGRAFIA — che
   riempie e taglia, ed e' giusto cosi' per una foto di persona.

   Adesso il CRM guarda la forma vera del file (routes/portfolio_pubblico.py,
   stesso blocco 81717) e, se e' lungo piu' del doppio di quanto e' alto (o
   alto piu' del doppio di quanto e' largo), scrive sulla pagina le due misure
   — le STESSE che calcola la 81803: il piu' grande rettangolo di quella forma
   che sta dentro il cerchio, meno un 6% per non sfiorare il bordo. Dentro
   quel riquadro il logo ci va con «contain»: intero, mai tagliato.

   UNA FOTOGRAFIA NON PASSA DI QUI: senza quelle due misure la pagina usa
   l'immagine tonda di sempre, che riempie il cerchio. Non e' cambiato niente
   per chi ha caricato una foto vera.

   FOGLIO A PARTE, non modern-theme.css: quel file in questi giorni lo stanno
   toccando altri reparti. Stessa scelta gia' fatta da portfolio-tondo-81803.css
   e da contatti-studio.css. Nessun colore scritto a mano: il tondo segue tema
   chiaro, tema scuro e i temi della vetrina esattamente come prima.
   ========================================================================= */

.pf-profilo-contiene-81717{
  display:flex;
  align-items:center;
  justify-content:center;
  /* IL TAGLIO DI SICUREZZA: anche con le misure giuste, un logo non deve
     MAI poter scavalcare il bordo del cerchio. */
  overflow:hidden;
}

.pf-profilo-contiene-81717 img{
  width:var(--pf-profilo-l,66.5%);
  height:var(--pf-profilo-a,66.5%);
  /* «max-width:none» scavalca il «max-width:100%» che modern-theme.css da' a
     tutte le immagini del CRM: senza, il logo si rimisurerebbe da solo e la
     percentuale scritta qui sopra non varrebbe niente. */
  max-width:none;
  object-fit:contain;
  display:block;
}

/* --- la cintura per il logo sul banner ---------------------------------
   .pf-banner-logo era lasciato a «riempi la scatola» (object-fit:fill, che
   e' quello che fa il browser se non gli si dice niente). Oggi non si nota,
   perche' la scatola ha altezza fissa e larghezza automatica, quindi prende
   da sola la forma del file — misurato: 194 x 74, rapporto 2,624, identico
   al file. Ma basta che un domani qualcuno gli dia anche una larghezza
   fissa, e il logo si schiaccia. Questa riga lo mette al sicuro senza
   cambiare niente di quello che si vede oggi (misurato dopo: identico). */
.pf-banner-logo{ object-fit:contain; }