/* Griglia dei loghi dei partner: riquadri uguali, logo sempre intero. */
/* niente sfondo sul contenitore: l'ultima riga incompleta lascerebbe
   rettangoli grigi. Le linee le disegnano le celle. */
/* La griglia sta dentro il contenuto della pagina, largo 820px, e una griglia
   stretta in mezzo lascia due fasce vuote ai lati. Si allarga a 1312 con i
   margini negativi (WordPress impone margin auto con !important: serve
   altrettanto per scavalcarlo). */
.loghi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin-block:2.5rem 0;
  width:min(1312px,92vw);max-width:none;margin-inline:0 !important;
  position:relative;left:50%;transform:translateX(-50%);
  border-block-start:1px solid var(--wp--preset--color--linea);border-inline-start:1px solid var(--wp--preset--color--linea)}
.loghi__voce{display:flex;align-items:center;justify-content:center;margin:0;padding:1.5rem 1.25rem;
  min-height:7.5rem;background:#fff;
  border-block-end:1px solid var(--wp--preset--color--linea);border-inline-end:1px solid var(--wp--preset--color--linea)}
.loghi__voce img{display:block;width:100%;height:auto;max-height:4.5rem;object-fit:contain;
  filter:grayscale(1);opacity:.72;transition:filter .3s ease,opacity .3s ease}
.loghi__voce:hover img{filter:grayscale(0);opacity:1}
@media (max-width:1000px){.loghi{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.loghi{grid-template-columns:repeat(3,minmax(0,1fr))}.loghi__voce{min-height:6rem;padding:1rem}}
@media (max-width:480px){.loghi{grid-template-columns:repeat(2,minmax(0,1fr))}}
