/* ASR Quiz – riquadro del consenso per il video YouTube di sfondo (1.5.8). Stile del sito: Raleway, petrolio. */
.asr-ytc {
	position: absolute;
	z-index: 30;
	left: clamp(16px, 4vw, 48px);
	bottom: clamp(16px, 4vw, 48px);
	box-sizing: border-box;
	width: min(380px, calc(100% - 32px));
	padding: 18px 20px 20px;
	border: 1px solid #23272B;
	border-left: 2px solid #3A8BA6;
	background: rgba(14, 16, 18, 0.92);
	color: #C9CDD1;
	font-family: "ASR Raleway", Raleway, "Helvetica Neue", Arial, sans-serif;
	text-align: left;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
	.asr-ytc { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
.asr-ytc.is-ready { opacity: 1; transform: none; }
.asr-ytc.is-accepted { opacity: 0; transform: translateY(10px); pointer-events: none; }
.asr-ytc__title {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #6FB0C6;
}
.asr-ytc__text { margin: 0 0 14px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #C9CDD1; }
.asr-ytc__link { color: #FFFFFF; text-decoration: underline; text-underline-offset: 0.2em; }
.asr-ytc__link:hover { color: #6FB0C6; }
.asr-ytc__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid #3A8BA6;
	border-radius: 0;
	background: #014359;
	color: #FFFFFF;
	font: 700 12px/1 "ASR Raleway", Raleway, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.asr-ytc__btn:hover { background: #025A75; }
.asr-ytc__btn:focus-visible,
.asr-ytc__link:focus-visible { outline: 2px solid #6FB0C6; outline-offset: 3px; }
.asr-yt-sink { display: none !important; }
@media (prefers-reduced-motion: reduce) {
	.asr-ytc { transition: none; }
}