@import '_content/CEIA.Blazor.ExternalWebsites.Components/CEIA.Blazor.ExternalWebsites.Components.bgvj0tuzuv.bundle.scp.css';

/* /Pages/AboutUs/AboutUs.razor.rz.scp.css */
*[b-an6h57o4oo] {
	box-sizing: border-box;
}

body[b-an6h57o4oo] {
	background-color: #474e5d;
	font-family: Helvetica, sans-serif;
}

.timeline h1[b-an6h57o4oo] {
	padding-inline: 1rem;
	margin-block: 0;
	font-weight: 500;
	color: var(--CTA-text-color);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.timeline .back_year[b-an6h57o4oo] {
	background-color: var(--section-color);
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.timeline .content[b-an6h57o4oo] {
	padding: 1rem
}

/* The actual timeline (the vertical ruler) */
.timeline[b-an6h57o4oo] {
	position: relative;
	max-width: 1000px;
	margin: 150px auto 0px auto;
}

	/* The actual timeline (the vertical ruler) */
	.timeline[b-an6h57o4oo]::after {
		content: '';
		position: absolute;
		width: 2px;
		background-color: var(--section-color);
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -1px;
		margin-top: -150px;
	}

	/* Container around content */
	.timeline .container[b-an6h57o4oo] {
		padding: 10px 40px;
		position: relative;
		background-color: inherit;
		width: 50%;
	}

		/* The circles on the timeline */
		.timeline .container[b-an6h57o4oo]::after {
			content: '';
			position: absolute;
			width: 25px;
			height: 25px;
			right: -17px;
			background-color: var(--CTA-text-color);
			border: 4px solid var(--section-color);
			top: 15px;
			border-radius: 50%;
			z-index: 1;
		}

	/* Place the container to the left */
	.timeline .alternate:nth-child(odd)[b-an6h57o4oo] {
		left: 0;
	}

	/* Place the container to the right */
	.timeline .alternate:nth-child(even)[b-an6h57o4oo] {
		left: 50%;
	}

	.timeline .alternate:nth-child(odd) h1[b-an6h57o4oo] {
		text-align: right;
	}

	.timeline .alternate:nth-child(even) h1[b-an6h57o4oo] {
		text-align: left;
	}

	/* Add arrows to the left container (pointing right) */
	.timeline .alternate:nth-child(odd)[b-an6h57o4oo]::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		right: 30px;
		border: medium solid var(--section-color);
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent var(--section-color);
	}

	/* Add arrows to the right container (pointing left) */
	.timeline .alternate:nth-child(even)[b-an6h57o4oo]::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		left: 30px;
		border: medium solid var(--section-color);
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--section-color) transparent transparent;
	}

	/* Fix the circle for containers on the right side */
	.timeline .alternate:nth-child(even)[b-an6h57o4oo]::after {
		left: -16px;
	}

	/* The actual content */
	.timeline .container.alternate > div[b-an6h57o4oo] {
		background-color: white;
		border-radius: 1rem;
		box-shadow: 5px 5px 20px 3px rgb(224, 224, 224);
		border: 1px solid var(--section-color);
		margin-top: -150px;
	}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
	/* Place the timelime to the left */
	.timeline[b-an6h57o4oo]::after {
		left: 31px;
		margin-top: 0;
	}

	/* Full-width containers */
	.timeline .container[b-an6h57o4oo] {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

		/* Make sure that all arrows are pointing leftwards */
		.timeline .container[b-an6h57o4oo]::before {
			left: 60px !important;
			border-width: 10px 10px 10px 0 !important;
			border-color: transparent var(--section-color) transparent transparent !important;
		}

	.timeline .alternate h1[b-an6h57o4oo] {
		text-align: left !important;
	}

	/* Make sure all circles are at the same spot */
	.timeline .alternate:nth-child(odd)[b-an6h57o4oo]::after, .timeline .alternate:nth-child(even)[b-an6h57o4oo]::after {
		left: 15px;
	}

	.timeline[b-an6h57o4oo] {
		margin: 0 auto !important;
	}

		.timeline .container.alternate > div[b-an6h57o4oo] {
			margin-top: 0px !important;
		}

		/* Make all right containers behave like the left ones */
		.timeline .alternate:nth-child(even)[b-an6h57o4oo] {
			left: 0%;
		}
}
/* /Pages/AboutUs/News.razor.rz.scp.css */
.author[b-qqb8n0swb0] {
	margin-block: 1rem;
	display: flex;
	flex-direction: column
}

.avatar[b-qqb8n0swb0] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

	.avatar img[b-qqb8n0swb0] {
		border-radius: 50%;
		height: 2rem;
		width: 2rem;
	}


@media (max-width: 999px) {
	.author[b-qqb8n0swb0] {
		flex-direction: row;
		gap: 1rem;
	}
}
/* /Pages/AboutUs/Quality.razor.rz.scp.css */
[b-4p53h7wxio] .quality-grid .card {
	/*width: 340px;*/
}

	[b-4p53h7wxio] .quality-grid .card .content {
		height: 100%;
		line-clamp: none;
		-webkit-line-clamp: none;
	}

	[b-4p53h7wxio] .quality-grid .card .title {
		text-transform: none
	}
/* /Pages/Account/Login.razor.rz.scp.css */
h1[b-uit3zlkht2] {
	color: var(--section-color);
	margin: 0;
	font-size: 2rem;
	text-align: center;
}

a[b-uit3zlkht2] {
	font-size: 18px
}
/* /Pages/Product/Product.razor.rz.scp.css */
/* Modal per apertura immagine----------------------------------------------------------------------------------------- */
.image-modal-overlay[b-eb4yzx2bae] {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background-color: rgba(0, 0, 0, 0.85) !important;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999999 !important;
}

.image-modal-content[b-eb4yzx2bae] {
	position: relative;
	max-width: 90%;
	max-height: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.image-modal-content img[b-eb4yzx2bae] {
		max-width: 100%;
		max-height: 90vh;
		object-fit: contain;
		box-shadow: 0 0 25px rgba(0,0,0,0.5);
	}

.close-modal-x[b-eb4yzx2bae] {
	position: fixed; /* Rimane fisso rispetto allo schermo */
	top: 20px; /* Distanza dall'alto */
	left: 20px; /* Distanza da sinistra */
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.1); /* Cerchio quasi trasparente */
	color: white;
	font-size: 35px;
	font-family: Arial, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%; /* Lo rende un cerchio */
	cursor: pointer;
	z-index: 1000001; /* Un livello sopra il fondo nero */
	transition: all 0.3s ease;
	user-select: none; /* Evita che l'utente selezioni il testo della X */
	border: 1px solid rgba(255, 255, 255, 0.3);
}

	.close-modal-x:hover[b-eb4yzx2bae] {
		background-color: rgba(255, 255, 255, 0.3);
		transform: scale(1.1); /* Si ingrandisce leggermente */
	}
/* Fine Modal per apertura immagine------------------------------------------------------------------------------------ */