/**
 * Stili del calendario.
 *
 * Deliberatamente sobri: con Divi la pelle definitiva arriva dal tema e dal
 * design system. Qui c'è solo ciò che serve perché la vista sia leggibile e
 * accessibile anche prima che il design sia applicato.
 */

.upee-calendario__titolo,
.upee-prossimi__titolo {
	margin: 0 0 1rem;
}

/* --- Lista: card come negli elenchi del sito ------------------------------ */
/*
 * Stessa grammatica delle card di proposte e appuntamenti (card.css del core):
 * immagine a sinistra con data e destinatari sovrapposti, testo a destra,
 * riga di icone. Le classi `upee-card__*` arrivano da lì; qui solo la
 * disposizione, perché queste card non nascono da un modulo di Divi.
 *
 * Compatte di proposito: un calendario si scorre, e ogni pixel in più per
 * riga si moltiplica per decine di date. L'immagine tocca la linea di
 * separazione sopra e sotto, senza margini.
 *
 * Regolabili dal CSS personalizzato del modulo Codice:
 *   --upee-cal-accento   colore di data, icone, pastiglie (colore secondario Divi)
 *   --upee-cal-img       larghezza della colonna immagine (260px; 112px su telefono)
 *   --upee-cal-img-min   altezza minima dell'immagine (150px)
 */

.upee-calendario {
	--upee-cal-accento: var(--gcid-secondary-color, #d2314c);
	--upee-cal-linea: rgba(0, 0, 0, 0.1);
	--upee-cal-tenue: #6b6f76;
}

.upee-eventi__gruppo + .upee-eventi__gruppo {
	margin-top: 1.75rem;
}

.upee-calendario h3.upee-eventi__mese {
	margin: 0;
	padding: 0 0 0.45rem;
	border-bottom: 2px solid var(--upee-cal-accento);
	/* Divi impone .et_pb_module h3 { font-size: 42px !important }. */
	font-size: 20px !important;
	line-height: 1.2 !important;
	text-transform: capitalize;
}

.upee-calendario ol.upee-eventi {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.upee-calendario .upee-cal-card {
	position: relative;
	display: grid;
	grid-template-columns: var(--upee-cal-img, 260px) minmax(0, 1fr);
	gap: 0 1.75rem;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--upee-cal-linea);
}

.upee-calendario .upee-cal-card::before {
	content: none !important;
}

/* L'immagine occupa tutta l'altezza della riga, da linea a linea. */
.upee-calendario .upee-cal-card__media {
	position: relative;
	min-height: var(--upee-cal-img-min, 150px);
	margin: 0;
	background-color: #e2e3e5;
	background-position: center;
	background-size: cover;
	container-type: inline-size;
}

.upee-calendario .upee-cal-card .upee-card__chips {
	top: 10px;
	right: 10px;
	gap: 4px;
}

.upee-calendario .upee-cal-card .upee-card__data {
	left: 10px;
	bottom: 10px;
	min-width: 50px;
	padding: 5px 7px 6px;
	border-radius: 10px;
	color: var(--upee-cal-accento);
}

.upee-calendario .upee-cal-card .upee-card__data b {
	font-size: 24px;
}

.upee-calendario .upee-cal-card .upee-card__data span {
	font-size: 11px;
}

.upee-calendario .upee-cal-card__chip {
	padding: 0.3em 0.85em;
	border-radius: 999px;
	background: var(--upee-cal-accento);
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.4;
	text-transform: uppercase;
}

.upee-calendario .upee-cal-card__corpo {
	align-self: center;
	min-width: 0;
	padding: 0.85rem 0;
}

.upee-calendario h3.upee-cal-card__titolo {
	margin: 0 0 0.15rem;
	padding: 0;
	font-size: 20px !important;
	line-height: 1.25 !important;
}

.upee-calendario .upee-cal-card__quando {
	margin: 0 0 0.2rem;
	padding: 0;
	color: var(--upee-cal-tenue);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Due righe al massimo: il dettaglio sta nella pagina dell'appuntamento. */
.upee-calendario .upee-cal-card__estratto {
	display: -webkit-box;
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 15px;
	line-height: 1.45;
}

.upee-calendario .upee-cal-card .upee-card__meta {
	gap: 4px 18px;
	margin: 0.45em 0 0 !important;
	font-size: 14px;
}

.upee-calendario .upee-cal-card .upee-card__icona,
.upee-calendario .upee-cal-card .upee-card__meta-voce--iscrizioni a {
	color: var(--upee-cal-accento);
}

/* "Fa parte di …": sopra il link che copre la card, o non si cliccherebbe. */
.upee-calendario .upee-cal-card__proposta {
	position: relative;
	z-index: 4;
	margin: 0.35em 0 0;
	padding: 0;
	color: var(--upee-cal-tenue);
	font-size: 13.5px;
}

.upee-calendario .upee-cal-card__proposta a {
	font-weight: 700;
	text-decoration: none;
}

.upee-calendario .upee-cal-card__proposta a:hover {
	text-decoration: underline;
}

/*
 * Telefono: la riga resta affiancata con una miniatura stretta, invece di
 * impilare un'immagine a tutta larghezza per ogni data. Le pastiglie dei
 * destinatari non ci starebbero sopra una miniatura: si tolgono, e
 * l'estratto lascia il posto a data, orario e luogo.
 */
@media (max-width: 640px) {
	.upee-calendario .upee-cal-card {
		grid-template-columns: var(--upee-cal-img-mobile, 104px) minmax(0, 1fr);
		gap: 0 0.9rem;
	}

	.upee-calendario .upee-cal-card__media {
		min-height: 104px;
	}

	.upee-calendario .upee-cal-card .upee-card__chips,
	.upee-calendario .upee-cal-card__estratto {
		display: none;
	}

	.upee-calendario .upee-cal-card .upee-card__data {
		left: 6px;
		bottom: 6px;
		min-width: 40px;
		padding: 4px 5px 5px;
		border-radius: 8px;
	}

	.upee-calendario .upee-cal-card .upee-card__data b {
		font-size: 19px;
	}

	.upee-calendario .upee-cal-card .upee-card__data span {
		font-size: 9.5px;
	}

	.upee-calendario .upee-cal-card__corpo {
		padding: 0.7rem 0;
	}

	/* Divi su telefono impone le proprie misure agli h3. */
	.upee-calendario h3.upee-cal-card__titolo {
		font-size: 16.5px !important;
		line-height: 1.25 !important;
	}

	.upee-calendario h3.upee-eventi__mese {
		font-size: 18px !important;
	}

	.upee-calendario .upee-cal-card__quando {
		font-size: 11.5px;
	}

	.upee-calendario .upee-cal-card .upee-card__meta {
		gap: 2px 12px;
		font-size: 13px;
	}

	/* Una riga per voce: un costo lungo non deve occupare tre righe. */
	.upee-calendario .upee-cal-card .upee-card__meta-voce {
		max-width: 100%;
	}

	.upee-calendario .upee-cal-card .upee-card__meta-voce > span {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.upee-calendario .upee-cal-card .upee-card__icona {
		width: 14px;
		height: 14px;
	}

	.upee-calendario .upee-cal-card__proposta {
		font-size: 12.5px;
	}
}

/* --- Selettore Elenco / Mese --------------------------------------------- */

.upee-viste {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: stretch;
	height: 46px;
	box-sizing: border-box;
	padding: 3px;
	border: 1px solid var(--upee-border, #e2e5e9);
	border-radius: 999px;
	background: #fff;
}

.upee-viste__voce {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0 1rem;
	border-radius: 999px;
	color: #1d2327;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s, color 0.15s;
}

a.upee-viste__voce:hover {
	background: color-mix(in srgb, var(--upee-cal-accento) 10%, #fff);
	color: var(--upee-cal-accento);
}

a.upee-viste__voce:focus-visible {
	outline: 2px solid var(--upee-cal-accento);
	outline-offset: 1px;
}

.upee-viste__voce.is-attiva {
	background: #1d2327;
	color: #fff;
}

.upee-viste__icona {
	flex: 0 0 auto;
}

/* Senza barra di ricerca il selettore sta da solo, in testa. */
.upee-cerca > .upee-viste {
	margin-bottom: 0.6rem;
}

@media (max-width: 640px) {
	/* Campo su una riga, sotto i comandi: Cerca e Filtri a sinistra, la vista a destra. */
	.upee-calendario .upee-cerca__riga .upee-viste {
		margin-left: auto;
	}

	.upee-viste__voce {
		padding: 0 0.75rem;
	}

	/* Solo icone: l'etichetta resta per i lettori di schermo. */
	.upee-viste__testo {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
}

/* --- Vista mese ----------------------------------------------------------- */

.upee-calendario .upee-mese__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin: 1.25rem 0 1rem;
}

.upee-calendario h3.upee-mese__corrente {
	margin: 0;
	padding: 0;
	font-size: 30px !important;
	line-height: 1.15 !important;
	text-transform: capitalize;
}

.upee-mese__comandi {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.upee-mese__freccia,
.upee-mese__oggi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	box-sizing: border-box;
	border: 1px solid var(--upee-cal-linea);
	border-radius: 999px;
	background: #fff;
	color: #1d2327;
	text-decoration: none;
	transition: background-color 0.15s, border-color 0.15s;
}

.upee-mese__freccia {
	width: 42px;
	padding-bottom: 3px;
	font-size: 26px;
	line-height: 1;
}

.upee-mese__oggi {
	padding: 0 1.1rem;
	font-size: 14px;
	font-weight: 700;
}

.upee-mese__freccia:hover,
.upee-mese__oggi:hover {
	border-color: var(--upee-cal-accento);
	color: var(--upee-cal-accento);
}

.upee-mese__freccia:focus-visible,
.upee-mese__oggi:focus-visible {
	outline: 3px solid var(--upee-cal-accento);
	outline-offset: 2px;
}

.upee-calendario table.upee-mese {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.upee-calendario .upee-mese th {
	padding: 0.6rem;
	border: 0;
	border-bottom: 2px solid #1d2327;
	color: var(--upee-cal-tenue);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
}

.upee-calendario .upee-mese td {
	height: 7.5rem;
	padding: 0.45rem;
	overflow: hidden;
	border: 1px solid var(--upee-cal-linea);
	vertical-align: top;
}

.upee-calendario .upee-mese__vuoto {
	background: repeating-linear-gradient(-45deg, #f6f6f7 0 6px, #fff 6px 12px);
}

.upee-calendario .upee-mese__giorno.is-weekend {
	background: #fafafa;
}

.upee-mese__numero {
	display: flex;
	align-items: center;
	gap: 0.4em;
	margin: 0 0 0.35rem;
	line-height: 1;
}

.upee-mese__numero b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.9em;
	height: 1.9em;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
}

.upee-mese__dow {
	display: none;
}

.upee-mese__giorno.is-passato .upee-mese__numero,
.upee-mese__giorno.is-passato .upee-mese__eventi {
	opacity: 0.5;
}

.upee-mese__giorno.has-eventi .upee-mese__numero b {
	font-weight: 800;
}

.upee-calendario .upee-mese__giorno.is-oggi {
	background: color-mix(in srgb, var(--upee-cal-accento) 6%, #fff);
	box-shadow: inset 0 3px 0 var(--upee-cal-accento);
}

.upee-mese__giorno.is-oggi .upee-mese__numero b {
	background: var(--upee-cal-accento);
	color: #fff;
}

/* Divi mette pallini e rientri a ogni ul del contenuto. */
.upee-calendario ul.upee-mese__eventi {
	display: grid;
	gap: 4px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.upee-calendario ul.upee-mese__eventi li {
	margin: 0 !important;
	padding: 0 !important;
}

.upee-calendario ul.upee-mese__eventi li::before {
	content: none !important;
}

.upee-calendario .upee-mese__evento {
	display: block;
	padding: 4px 7px;
	border-left: 3px solid var(--upee-cal-accento);
	border-radius: 4px;
	background: color-mix(in srgb, var(--upee-cal-accento) 9%, #fff);
	color: #1d2327;
	font-size: 12.5px;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.15s;
}

.upee-calendario .upee-mese__evento:hover,
.upee-calendario .upee-mese__evento:focus-visible {
	background: color-mix(in srgb, var(--upee-cal-accento) 18%, #fff);
}

.upee-calendario .upee-mese__evento:focus-visible {
	outline: 2px solid var(--upee-cal-accento);
	outline-offset: 1px;
}

/* Più giorni: una fascia piena, riconoscibile anche nei giorni seguenti. */
.upee-calendario .upee-mese__evento.is-piu-giorni,
.upee-calendario .upee-mese__evento.is-piu-giorni:hover {
	background: var(--upee-cal-accento);
	color: #fff;
}

.upee-calendario .upee-mese__evento.is-piu-giorni .upee-mese__ora {
	color: inherit;
	opacity: 0.85;
}

.upee-mese__ora {
	display: block;
	color: var(--upee-cal-accento);
	font-size: 11.5px;
	font-weight: 700;
}

/* Due righe di titolo al massimo: la cella non si allarga e non sborda. */
.upee-mese__nome {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.upee-mese__luogo {
	display: none;
}

/*
 * Su telefono una griglia 7×5 è illeggibile: diventa un'agenda dei soli giorni
 * con appuntamenti, con il giorno della settimana accanto al numero.
 */
@media (max-width: 640px) {
	/* Divi su telefono impone le proprie misure agli h3. */
	.upee-calendario h3.upee-mese__corrente {
		font-size: 26px !important;
	}

	.upee-calendario table.upee-mese,
	.upee-calendario .upee-mese tbody,
	.upee-calendario .upee-mese tr,
	.upee-calendario .upee-mese td {
		display: block;
		width: auto;
		height: auto;
	}

	.upee-calendario .upee-mese thead,
	.upee-calendario .upee-mese td.upee-mese__vuoto {
		display: none;
	}

	.upee-calendario .upee-mese td.upee-mese__giorno {
		display: grid;
		grid-template-columns: 3.4rem minmax(0, 1fr);
		gap: 0.75rem;
		padding: 0.9rem 0;
		border: 0;
		border-bottom: 1px solid var(--upee-cal-linea);
		background: none;
	}

	.upee-calendario .upee-mese td.upee-mese__giorno:not(.has-eventi) {
		display: none;
	}

	.upee-calendario .upee-mese__giorno.is-oggi {
		padding-left: 0.5rem;
		box-shadow: inset 3px 0 0 var(--upee-cal-accento);
	}

	.upee-mese__numero {
		flex-direction: column-reverse;
		align-items: center;
		gap: 0.2em;
	}

	.upee-mese__numero b {
		font-size: 22px;
	}

	.upee-mese__dow {
		display: block;
		color: var(--upee-cal-tenue);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}

	.upee-calendario .upee-mese__evento {
		padding: 8px 10px;
		font-size: 15px;
	}

	.upee-mese__ora {
		font-size: 13px;
	}

	.upee-mese__nome {
		-webkit-line-clamp: 3;
	}

	.upee-mese__luogo {
		display: block;
		margin-top: 2px;
		font-size: 13px;
		opacity: 0.8;
	}
}

/* --- Widget prossimi appuntamenti ---------------------------------------- */

.upee-prossimi__elenco {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.upee-prossimi__voce {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
}

.upee-prossimi__data {
	flex: 0 0 3rem;
	text-align: center;
	line-height: 1.1;
	padding: 0.35rem 0;
	border-radius: 6px;
	background: var(--upee-tone-neutral-bg);
}

.upee-prossimi__giorno {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
}

.upee-prossimi__mese {
	display: block;
	font-size: 0.6875rem;
	text-transform: uppercase;
	font-weight: 600;
}

.upee-prossimi__link {
	display: block;
	font-weight: 600;
	text-decoration: none;
}

.upee-prossimi__meta {
	display: block;
	font-size: 0.8125rem;
	color: var(--upee-text-soft);
}

/* --- Specchietto della pagina appuntamento ------------------------------- */

.upee-scheda-evento {
	margin: 0 0 2rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--upee-border);
	border-left: 4px solid var(--upee-accent);
	border-radius: var(--upee-radius);
	background: var(--upee-surface);
}

.upee-scheda-evento__testa {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.upee-scheda-evento__titolo {
	margin: 0;
	font-size: 1.125rem;
}

/* La data occupa tutta la riga: è l'informazione che si cerca per prima. */
.upee-scheda-evento__voce--quando {
	grid-column: 1 / -1;
}

.upee-scheda-evento__voce--quando dd {
	font-size: 1.125rem;
	font-weight: 600;
}

.upee-scheda-evento__indirizzo {
	display: block;
	color: var(--upee-text-soft);
	font-size: 0.9375rem;
}

.upee-scheda-evento__mappa {
	display: inline-block;
	margin-top: 0.2rem;
	font-size: 0.875rem;
}

.upee-scheda-evento__tag {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.upee-scheda-evento__tag .upee-tag {
	text-decoration: none;
}

.upee-tag {
	display: inline-block;
	padding: 0.1em 0.6em;
	border-radius: 999px;
	background: var(--upee-tone-neutral-bg);
	color: var(--upee-tone-neutral-fg);
	font-size: 0.8125rem;
}

.upee-scheda-evento__date {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid var(--upee-border);
}

.upee-scheda-evento__date summary {
	cursor: pointer;
	font-weight: 600;
}

.upee-scheda-evento__date ol {
	margin: 0.75rem 0 0;
	padding-left: 1.25rem;
	display: grid;
	gap: 0.25rem;
}

/* Le date già passate restano visibili ma in secondo piano. */
.upee-scheda-evento__date li.is-passata {
	color: var(--upee-text-soft);
	text-decoration: line-through;
}

.upee-scheda-evento__azioni {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: flex-start;
	margin-top: 1.25rem;
}

/* Richiamo alla Scheda Proposta: è la strada verso tutto il resto. */
.upee-scheda-evento__proposta {
	display: block;
	margin: 1.25rem 0 0;
	padding: 0.9rem 1.1rem;
	border: 1px solid var(--upee-border);
	border-left: 3px solid var(--upee-accent);
	border-radius: var(--upee-radius);
	background: var(--upee-tone-neutral-bg);
	text-decoration: none;
	color: var(--upee-text);
}

.upee-scheda-evento__proposta:hover,
.upee-scheda-evento__proposta:focus-visible {
	background: var(--upee-surface);
	border-color: var(--upee-accent);
}

.upee-scheda-evento__proposta-etichetta {
	display: block;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--upee-text-soft);
}

.upee-scheda-evento__proposta-nome {
	display: block;
	margin: 0.15rem 0;
	font-size: 1.0625rem;
}

.upee-scheda-evento__proposta-testo {
	display: block;
	font-size: 0.875rem;
	color: var(--upee-text-soft);
}

.upee-scheda-evento__proposta-invito {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--upee-accent);
}

/* Pulsante Dettagli nel calendario di una proposta. */
.upee-prossimi__voce {
	align-items: center;
}

.upee-prossimi__corpo {
	flex: 1 1 auto;
	min-width: 0;
}

.upee-prossimi__dettagli {
	flex: 0 0 auto;
	padding: 0.35rem 0.85rem;
	font-size: 0.875rem;
}


/*
 * "Aggiungi al calendario" è un <details>: si apre senza JavaScript e resta
 * accessibile da tastiera, senza costruire un menu a tendina personalizzato.
 */
.upee-aggiungi {
	position: relative;
}

.upee-aggiungi summary {
	list-style: none;
	cursor: pointer;
}

.upee-aggiungi summary::-webkit-details-marker {
	display: none;
}

.upee-aggiungi__elenco {
	position: absolute;
	z-index: 10;
	min-width: 14rem;
	margin: 0.35rem 0 0;
	padding: 0.35rem;
	list-style: none;
	background: var(--upee-surface);
	border: 1px solid var(--upee-border);
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.upee-aggiungi__elenco a {
	display: block;
	padding: 0.45rem 0.6rem;
	border-radius: 5px;
	text-decoration: none;
	color: var(--upee-text);
}

.upee-aggiungi__elenco a:hover,
.upee-aggiungi__elenco a:focus-visible {
	background: var(--upee-tone-neutral-bg);
}

/* --- Appuntamenti correlati ---------------------------------------------- */

.upee-correlati-eventi {
	margin-top: 2rem;
}

.upee-correlati-eventi__titolo {
	margin: 0 0 1rem;
	font-size: 1.125rem;
}

.upee-correlati-eventi__elenco {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	gap: 0.75rem;
}

.upee-correlati-eventi__voce a {
	display: flex;
	gap: 0.85rem;
	align-items: center;
	padding: 0.75rem;
	border: 1px solid var(--upee-border);
	border-radius: var(--upee-radius);
	background: var(--upee-surface);
	text-decoration: none;
	color: var(--upee-text);
	height: 100%;
}

.upee-correlati-eventi__voce a:hover,
.upee-correlati-eventi__voce a:focus-visible {
	border-color: var(--upee-accent);
}

.upee-correlati-eventi__data {
	flex: 0 0 3rem;
	text-align: center;
	line-height: 1.15;
	padding: 0.35rem 0;
	border-radius: 6px;
	background: var(--upee-tone-neutral-bg);
}

.upee-correlati-eventi__giorno {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
}

.upee-correlati-eventi__mese {
	display: block;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
}

.upee-correlati-eventi__nome {
	display: block;
	font-weight: 600;
}

.upee-correlati-eventi__luogo {
	display: block;
	font-size: 0.8125rem;
	color: var(--upee-text-soft);
}

.upee-calendario__abbonati {
	margin-top: 1.5rem;
	font-size: 0.875rem;
}

.upee-calendario__nota {
	color: var(--upee-text-soft);
}