/*
 * Paleta baseada em csprojetos.com:
 * fundo escuro   #011C40 (azul-marinho)
 * acento         #113E91 / #002463 (azul)
 * texto claro    #F7F7F7
 * texto suave    #92A3B5 (azul-acinzentado)
 */
.csp-cookie-notice {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999999;
	background-color: #011C40;
	color: #F7F7F7;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transform: translateY(12px);
	animation: csp-cookie-fade-in 0.4s ease-out 0.3s forwards;
}

.csp-cookie-notice--top {
	top: 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	transform: translateY(-12px);
}

.csp-cookie-notice--bottom {
	bottom: 0;
}

@keyframes csp-cookie-fade-in {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.csp-cookie-notice__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 12px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.csp-cookie-notice__text {
	margin: 0;
	flex: 1 1 380px;
	color: #F7F7F7;
}

.csp-cookie-notice__link {
	color: #92A3B5;
	text-decoration: underline;
	margin-left: 6px;
	white-space: nowrap;
}

.csp-cookie-notice__link:hover {
	color: #ffffff;
}

.csp-cookie-notice__actions {
	display: flex;
	gap: 8px;
	flex: 0 0 auto;
}

.csp-cookie-btn {
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 7px 16px;
	font-size: 12px;
	font-family: inherit;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.csp-cookie-btn--accept {
	background-color: #113E91;
	color: #ffffff;
}

.csp-cookie-btn--accept:hover {
	background-color: #002463;
}

.csp-cookie-btn--decline {
	background-color: transparent;
	color: #92A3B5;
	border-color: #617899;
}

.csp-cookie-btn--decline:hover {
	color: #F7F7F7;
	border-color: #92A3B5;
}

.csp-cookie-notice.csp-cookie-hide {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.csp-cookie-notice--top.csp-cookie-hide {
	transform: translateY(-12px);
}

@media (max-width: 600px) {
	.csp-cookie-notice__inner {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}
	.csp-cookie-notice__actions {
		justify-content: center;
	}
}