/* Shared presentation for homepage and related-course cards. */
:is(.sezione-corsi, .correlati-corso) .card-corso {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	min-width: 0;
	min-height: 0;
	overflow: visible;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--colore-testo);
	scroll-snap-align: start;
}

:is(.sezione-corsi, .correlati-corso) .card-corso__immagine {
	display: block;
	flex-shrink: 0;
	aspect-ratio: 1.55;
	height: auto;
	overflow: hidden;
	background: var(--colore-fondo);
	clip-path: polygon(2% 6%, 98% 0, 100% 94%, 0 100%);
}

:is(.sezione-corsi, .correlati-corso) .card-corso__immagine img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 240ms ease;
}

:is(.sezione-corsi, .correlati-corso) .card-corso__immagine:hover img { transform: scale(1.025); }
:is(.sezione-corsi, .correlati-corso) .card-corso__fallback { background: var(--colore-fondo); }

:is(.sezione-corsi, .correlati-corso) .card-corso__corpo {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	padding: 1.25rem .5rem;
	border: 0;
}

:is(.sezione-corsi, .correlati-corso) .card-corso h3 { margin: 0 0 .5rem; font-size: 1.2rem; line-height: 1.25; }
:is(.sezione-corsi, .correlati-corso) .card-corso h3 a { color: inherit; text-decoration: none; }
:is(.sezione-corsi, .correlati-corso) .card-corso__descrizione { font-size: .88rem; line-height: 1.55; }
:is(.sezione-corsi, .correlati-corso) .card-corso__descrizione p:last-child { margin-bottom: .75rem; }

:is(.sezione-corsi, .correlati-corso) .card-corso__meta {
	display: block;
	margin: auto 0 1rem;
	padding: 0 0 0 40px;
	color: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.55;
	list-style: disc;
}
:is(.sezione-corsi, .correlati-corso) .card-corso__meta-item { padding: 0; }
:is(.sezione-corsi, .correlati-corso) .card-corso__meta-item::before { content: none; }

:is(.sezione-corsi, .correlati-corso) .card-corso__corpo .pulsante {
	align-self: flex-start;
	margin-top: 30px;
	border-radius: 999px;
}


@media (prefers-reduced-motion: reduce) {
	:is(.sezione-corsi, .correlati-corso) .card-corso__immagine img { transition: none; }
}
