/* Banner de Cookies */
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #0c293b;
	color: #fff;
	padding: 20px 0;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	transform: translateY(100%);
	transition: transform 0.3s ease-in-out;
}

.cookie-banner-show {
	transform: translateY(0);
}

.cookie-banner-text {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

.cookie-banner-link {
	color: #2aade4;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.cookie-banner-link:hover {
	color: #5cc4ee;
	text-decoration: underline;
}

/* Paleta principal do site */
:root {
	--primary: #2aade4;
	--secondary: #0c293b;
	--tertiary: #0c293b;
	--quaternary: #0c293b;
}

a {
	color: #2aade4;
}

a:hover,
a:focus {
	color: #5cc4ee;
}

a:active {
	color: #1f97ca;
}

.btn-primary,
.bg-primary {
	background-color: #2aade4 !important;
	border-color: #2aade4 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #1f97ca !important;
	border-color: #1f97ca !important;
}

.text-color-primary,
.text-primary {
	color: #2aade4 !important;
}

/* Títulos do conteúdo principal na cor da marca (hero com .text-color-light permanece claro) */
.main h1:not(.text-color-light),
.main h2:not(.text-color-light),
.main h3:not(.text-color-light),
.main h4:not(.text-color-light),
.main h5:not(.text-color-light),
.main h6:not(.text-color-light) {
	color: #2aade4 !important;
}

.main h1:not(.text-color-light) a,
.main h2:not(.text-color-light) a,
.main h3:not(.text-color-light) a,
.main h4:not(.text-color-light) a,
.main h5:not(.text-color-light) a,
.main h6:not(.text-color-light) a {
	color: #2aade4 !important;
}

.main h1:not(.text-color-light) a:hover,
.main h2:not(.text-color-light) a:hover,
.main h3:not(.text-color-light) a:hover,
.main h4:not(.text-color-light) a:hover,
.main h5:not(.text-color-light) a:hover,
.main h6:not(.text-color-light) a:hover {
	color: #5cc4ee !important;
}

.text-color-hover-primary:hover,
.text-hover-primary:hover {
	color: #5cc4ee !important;
}

.cookie-banner-btn {
	padding: 10px 30px;
	font-weight: 600;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.cookie-banner-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Sobre: listas com ícone de check em azul */
.more-about .sobre-conteudo ul {
	list-style: none;
	margin: 0 0 1rem;
	padding-left: 0;
}

.more-about .sobre-conteudo ul li {
	position: relative;
	padding-left: 1.75rem;
	margin-bottom: 0.5rem;
	line-height: 1.5;
}

.more-about .sobre-conteudo ul li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #2aade4;
	position: absolute;
	left: 0;
	top: 0.2em;
	font-size: 0.95em;
}

/* Logo do rodape em branco */
#footer .logo {
	filter: brightness(0) invert(1);
}

/* Footer (layout igual ao mock) */
#footer .footer-title {
	font-size: 0.95rem;
	letter-spacing: 0.3px;
	color: #ffffff !important;
}

#footer .footer-text {
	font-size: 0.95rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.85);
}

#footer .footer-copy,
#footer .footer-dev {
	font-size: 0.85rem;
	line-height: 1.4;
}

#footer .footer-dev a {
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#footer .footer-dev a:hover {
	border-bottom-color: rgba(255, 255, 255, 0.6);
}

#footer .footer-link {
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#footer .footer-link:hover {
	border-bottom-color: rgba(255, 255, 255, 0.6);
}

/* Responsivo para mobile */
@media (max-width: 768px) {
	.cookie-banner {
		padding: 15px 0;
	}
	
	.cookie-banner-text {
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	.cookie-banner-btn {
		width: 100%;
		padding: 12px 30px;
	}
}