/* Aggiunge più spazio e un leggero background per le card informative */
.text-block {
	padding: 2rem;
	margin: 2rem 0;
	background: #fff;
	border-left: 4px solid rgb(255, 153, 0);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Migliora la visualizzazione dei titoli nei blocchi */
.text-block h3 {
	font-family: 'Playfair Display', "Times New Roman", serif;
	font-size: 1.5rem;
	color: #333333;
	margin-bottom: 1rem;
}

/* Card Layout per il team o le specializzazioni */
.card {
	background: #fff;
	border: 1px solid #ddd;
	padding: 1.5rem;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Immagini delle card: assicurati che siano ben centrate e abbiano un aspetto coerente */
.card img {
	display: block;
	margin: 0 auto 1rem;
	max-width: 100%;
	border-radius: 4px;
}


/* Aggiunge maggiori spaziature alle sezioni principali */
section {
	padding: 2rem 0;
}

/* Centratura e spaziatura per la sezione video, se non presente già */
.video-section {
	max-width: 800px;
	margin: 2rem auto;
}

/* Footer: aggiungi un po' di separazione visiva */
footer p {
	margin-bottom: 1rem;
	font-size: 0.9rem;
}

/* Gallery e Testimonianze */
.gallery-testimonials {
	padding: 2rem 0;
	text-align: center;
}

.gallery-testimonials h2 {
	font-family: 'Playfair Display', "Times New Roman", serif;
	font-size: 2rem;
	color: #333333;
	margin-bottom: 1.5rem;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
	justify-items: center;
}

.gallery-item {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
}

.gallery-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.gallery-item img {
	width: 100%;
	height: 200px;
	/* Altezza fissa per uniformare le immagini */
	object-fit: cover;
	display: block;
}

.caption {
	padding: 1rem;
	background: #fefefe;
}

.caption p {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	color: #300;
}

.caption p:first-child {
	font-weight: bold;
}

/* Uniforma le immagini nelle card
.card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	margin: 0 auto 1rem;
	border-radius: 4px;
} */

/* Aggiunge margine per centrare le sezioni intro-card e cards */
.intro-card,
.cards {
	margin: 2rem auto;
}

/* Contenitore immagine per overlay */
.img-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Immagine della gallery con altezza fissa */
.img-container img {
	display: block;
	width: 100%;
	height: 200px;
	/* Altezza fissa per uniformare le immagini */
	object-fit: cover;
}

/* Overlay nascosto per default */
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	/* Sfondo scuro trasparente */
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	text-align: center;
}

/* Mostra overlay al passaggio del mouse */
.img-container:hover .overlay {
	opacity: 1;
}

/* Testo all'interno dell'overlay */
.overlay-text {
	color: #fff;
	font-size: 0.9rem;
}