Intestazione centrata di una pagina indice, in tre widget: un Titolo con l’etichetta (classe aisc-eyebrow), un Titolo H1 con il titolo (classe aisc-intro-title, il filetto rosso sotto lo disegna il CSS) e un Editor di testo con il paragrafo introduttivo (classe aisc-intro-lead).

.aisc-intro-title .elementor-heading-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  text-align: center;
}
.aisc-intro-title .elementor-heading-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: #c0392b;
  margin: 20px auto 0;
}
.aisc-intro-lead p {
  font-family: 'Cormorant Garamond', serif;
  line-height: 1.85;
  color: #555;
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}

Card cliccabile con icona, titolo, descrizione e link. Il contenitore porta la classe del componente (selezioni la colonna o la Sezione interna → Avanzato → Classi CSS); dentro, un widget per pezzo, ognuno con la sua classe e solo testo. Ogni card è una colonna con classe aisc-link-card più la classe dell’icona; le card stanno due per riga, ogni riga è una Sezione interna. Il CSS rende cliccabile l’intera card e aggiunge la freccia dopo il testo del pulsante.

I pezzi (dentro la colonna):

• aisc-card-title — Titolo (H3): il titolo
• aisc-card-text — Editor di testo: la descrizione
• aisc-card-link — Pulsante: il testo del link (“Scopri il premio”) e, nel campo Link del pulsante, l’indirizzo della pagina. Il pulsante diventa una scritta rossa con la freccia

L’icona si sceglie aggiungendo alla colonna una seconda classe, separata da uno spazio: es. aisc-link-card aisc-icon-medal. Icone disponibili:

• aisc-icon-medal — medaglia (premi)
• aisc-icon-cap — tocco da laureato (giovani ricercatori, borse)
• aisc-icon-heart — cuore
• aisc-icon-building — valigetta (patrocini, enti)
• aisc-icon-book — libro
• aisc-icon-calendar — calendario (eventi)
• aisc-icon-star — stella

Le operazioni più comuni:

1. Cambiare dove porta la card: clicchi il pulsante e cambi il campo Link nel pannello.
2. Aggiungere una card: tasto destro sulla colonna di una card → Duplica (se la riga è piena, duplica prima la riga).
3. Aggiungere una riga di card: tasto destro sulla Sezione interna → Duplica.
4. Cambiare icona: nella colonna, Avanzato → Classi CSS, sostituisci aisc-icon-….

.elementor-column.aisc-link-card {
  position: relative;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 3px solid #c0392b;
  padding: 28px 24px 24px;
}
.elementor-column.aisc-link-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 36px rgba(0,0,0,.11);
}
/* il cerchio con l'icona (l'immagine la dà la classe aisc-icon-…) */
.elementor-column.aisc-link-card::before {
  content: '';
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #fdf1ef;
  margin-bottom: 18px;
}
.aisc-link-card .aisc-card-title .elementor-heading-title {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #111;
}
.aisc-link-card .aisc-card-text p {
  font-family: 'Cormorant Garamond', serif;
  font-size: .9rem;
  line-height: 1.72;
  color: #666;
}
/* il pulsante diventa un link rosso in basso, che copre tutta la card */
.aisc-link-card .aisc-card-link { margin-top: auto; }
.aisc-link-card .aisc-card-link .elementor-button {
  background: none;
  padding: 0;
  color: #c0392b;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.aisc-link-card .aisc-card-link .elementor-button::before {
  content: '';
  position: absolute;
  inset: 0;
}
.aisc-link-card .aisc-card-link .elementor-button-text::after { content: ' \2192'; }

Regola/criterio con numero automatico a pallino rosso. Un widget Editor di testo per regola, tutti nella stessa colonna: il CSS li conta da solo (1, 2, 3…) — non scrivere il numero a mano. Per aggiungere una regola basta duplicare un widget; se ne cancelli una, i numeri si riaggiustano.

/* la colonna azzera il contatore */
.elementor-column:has(> .elementor-widget-wrap > .aisc-rule-item) > .elementor-widget-wrap { counter-reset: aiscrule; }
/* ogni widget lo incrementa e mostra il numero nel pallino */
.aisc-rule-item {
  counter-increment: aiscrule;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 16px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #ebebeb;
  border-left: 3px solid #c0392b;
}
.aisc-rule-item::before {
  content: counter(aiscrule);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #c0392b;
  color: #fff;
  font-weight: 700;
  font-size: .72rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aisc-rule-item > * { grid-column: 2; }

Card di un vincitore/edizione. Il contenitore porta la classe del componente (selezioni la colonna o la Sezione interna → Avanzato → Classi CSS); dentro, un widget per pezzo, ognuno con la sua classe e solo testo. Ogni card è una colonna con classe aisc-winner-card; le card stanno due per riga, ogni riga è una Sezione interna.

I pezzi (dentro la colonna):

• aisc-winner-edition — Titolo: l’edizione (“5ª Edizione”), diventa il badge nero
• aisc-winner-year — Titolo: l’anno, accanto al badge
• aisc-winner-dedication — Editor di testo: “Intitolata a Nome”: il grassetto diventa rosso
• aisc-winner-label — Titolo: l’etichetta “Premio assegnato a”
• aisc-winner-name — Titolo (H3): il nome del vincitore

Le operazioni più comuni:

1. Aggiungere un’edizione: tasto destro sulla colonna di una card → Duplica, poi trascinala dove serve nel Navigatore e cambi i testi.
2. Aggiungere una riga di card: tasto destro sulla Sezione interna → Duplica.
3. Una card rimasta da sola in una riga resta larga come le altre.

.elementor-column.aisc-winner-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 3px solid #c0392b;
  padding: 24px 22px;
}
.aisc-winner-card .aisc-winner-edition, .aisc-winner-card .aisc-winner-year { width: auto; }
.aisc-winner-edition .elementor-heading-title {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #111;
  color: #fff;
  padding: 3px 10px;
}
.aisc-winner-year .elementor-heading-title {
  font-size: .78rem;
  font-weight: 600;
  color: #888;
}
.aisc-winner-dedication p {
  font-family: 'Cormorant Garamond', serif;
  font-size: .8rem;
  font-style: italic;
  color: #888;
}
.aisc-winner-dedication strong {
  color: #c0392b;
  font-style: normal;
}
.aisc-winner-label .elementor-heading-title {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #aaa;
}
.aisc-winner-name .elementor-heading-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #111;
}

Riquadri affiancati per cifre e premi in evidenza. Ogni riquadro è una colonna con classe aisc-prize-item, tre per riga in una Sezione interna; dentro, due widget Titolo.

• aisc-prize-label — Titolo: l’etichetta piccola grigia maiuscola
• aisc-prize-value — Titolo: il valore, più grande

Aggiungere un riquadro: tasto destro sulla colonna → Duplica. Su telefono i riquadri si mettono uno sotto l’altro.

.elementor-column.aisc-prize-item {
  background: #f4f4f4;
  border-top: 3px solid #c0392b;
  padding: 20px 22px;
}
.aisc-prize-label .elementor-heading-title {
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #888;
}
.aisc-prize-value .elementor-heading-title {
  font-family: Georgia, serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #1a1a1a;
}

Una edizione di un premio con la sua classifica, fatta a pezzi come una tabella: un Titolo per l’edizione, poi una Sezione interna per ogni piazzamento (classe aisc-rank-row sulla sezione), e in fondo, se serve, la nota di pubblicazione.

I pezzi:

• aisc-edition-title — Titolo (H3): “Edizione 2021”, diventa il badge rosso
• aisc-rank-row — Sezione interna: una riga di classifica, con due colonne. Aggiungi aisc-rank-first (aisc-rank-row aisc-rank-first) per la riga del vincitore: il piazzamento diventa rosso
• aisc-rank-pos — Titolo (1ª colonna): il piazzamento (“Vincitore”, “2° class.”, “3° ex aequo”)
• aisc-rank-names — Editor di testo (2ª colonna): gli autori
• aisc-rank-title — Editor di testo (2ª colonna): il titolo del lavoro, in corsivo
• aisc-edition-note — Editor di testo: facoltativa: la nota di pubblicazione nel riquadrino grigio

Le operazioni più comuni:

1. Aggiungere un piazzamento: tasto destro sulla riga (la Sezione interna) → Duplica, poi cambi i testi.
2. Aggiungere un’edizione: duplichi il Titolo dell’edizione e una riga, li trascini in cima nel Navigatore e cambi i testi.
3. Riga senza titolo del lavoro: elimini il widget aisc-rank-title.

.aisc-edition-title .elementor-heading-title {
  display: inline-block;
  font-size: .9rem;
  font-weight: 700;
  background: #c0392b;
  color: #fff;
  padding: 3px 12px;
}
.elementor-section.aisc-rank-row { border-bottom: 1px solid #ececec; }
.aisc-rank-pos .elementor-heading-title {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #888;
}
.aisc-rank-first .aisc-rank-pos .elementor-heading-title { color: #c0392b; }
.aisc-rank-names p {
  font-family: Georgia, serif;
  font-size: .96rem;
  color: #2c2c2c;
}
.aisc-rank-title p {
  font-family: Georgia, serif;
  font-size: .92rem;
  font-style: italic;
  color: #555;
}
.aisc-edition-note p {
  padding: 8px 12px;
  background: #f9f9f9;
  border-left: 2px solid #ddd;
  font-style: italic;
  color: #666;
}

Il riquadro nero dell’edizione in evidenza (vincitori con foto + finalisti). Tutti i pezzi stanno nella stessa colonna, che diventa nera da sola quando contiene il widget aisc-winner-title.

I pezzi, dall’alto in basso:

• aisc-winner-tag — Titolo: l’edizione, badge rosso
• aisc-winner-kicker — Titolo: l’etichetta “Vincitori”
• aisc-winner-title — Titolo (H3): il titolo del lavoro. È questo widget a rendere nera la colonna
• aisc-winner-people — Sezione interna: una colonna per vincitore; in ciascuna, facoltativa, un’Immagine aisc-winner-photo (foto verticale 4:5), poi aisc-person-name (Titolo, il nome) e aisc-person-inst (Editor di testo, l’istituzione)
• aisc-winner-pub — Editor di testo: la nota di pubblicazione
• aisc-finalists-title — Titolo: l’etichetta “Finalisti”
• aisc-rank-row — Sezioni interne: i finalisti, una riga per piazzamento, come nella classifica delle edizioni qui sopra (nel riquadro nero diventano chiare da sole)

Le operazioni più comuni:

1. Aggiungere un finalista: tasto destro su una riga di classifica → Duplica.
2. Aggiungere un vincitore: nella Sezione interna dei vincitori, tasto destro su una colonna → Duplica.
3. Aggiungere la foto mancante: nella colonna del vincitore aggiungi un widget Immagine in cima e gli dai la classe aisc-winner-photo.

/* la colonna che contiene aisc-winner-title diventa il riquadro nero */
.elementor-column:has(> .elementor-widget-wrap > .aisc-winner-title) {
  background: #111;
  border-top: 4px solid #c0392b;
  padding: 36px 36px 40px;
}
.aisc-winner-tag .elementor-heading-title {
  display: table;
  font-size: .6rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  background: #c0392b;
  color: #fff;
  padding: 4px 12px;
}
.aisc-winner-title .elementor-heading-title {
  font-family: Georgia, serif;
  font-size: 1.15rem;
  font-style: italic;
  color: rgba(255,255,255,.9);
}
/* le card persona nella Sezione interna aisc-winner-people */
.aisc-winner-people > .elementor-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.aisc-winner-people .elementor-column {
  background: #1c1c1c;
  border: 1px solid #2e2e2e;
  border-top: 2px solid #c0392b;
}
.aisc-winner-photo img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.aisc-person-name .elementor-heading-title {
  font-weight: 700;
  color: #fff;
}
.aisc-person-inst p {
  font-family: Georgia, serif;
  font-style: italic;
  color: rgba(255,255,255,.45);
}