.ccp-slot{display:block;margin:1.5rem auto;text-align:center;min-height:0}
.ccp-slot:empty{display:none}
.ccp-slot a{display:inline-block;line-height:0;max-width:100%}
.ccp-slot img{width:300px;height:250px;max-width:100%;object-fit:cover;border-radius:4px;display:block}
.ccp-nota{display:block;font-size:11px;line-height:1.4;color:#8a8a8a;margin-top:4px;
  text-transform:uppercase;letter-spacing:.04em}

/* Slot centrale della home: il blocco che segue (ALTRE ZONE) ha un titolo che
   risaliva accanto alla dicitura "Spazio partner". overflow:hidden crea un
   contesto di formattazione isolato, cosi' i margini non collassano e nessun
   elemento successivo puo' affiancarsi; clear:both protegge da eventuali float. */
.ccp-home-mid{clear:both;overflow:hidden;margin:0 auto 2.25rem}
.ccp-home-mid .ccp-slot{margin-bottom:0}

/* Su mobile il banner occupa tutta la larghezza utile invece di restare
   inchiodato a 300px: il formato 300x250 e' un rapporto (6:5), non una misura
   fissa. Le creativita' vanno caricate ad almeno 600px di lato per reggere
   l'ingrandimento sugli schermi ad alta densita'. */
@media(max-width:560px){
  .ccp-slot{margin:1.25rem auto}
  .ccp-slot a{display:block;width:100%}
  .ccp-slot img{width:100%;height:auto;aspect-ratio:6/5;border-radius:3px}
}