:root {
	--color-primary: #041E42; /* Septe Dark Blue */
	--color-secondary: #3498db; /* CTA Blue */
	--color-whatsapp: #25D366; /* WhatsApp Green */
	--color-accent: #f39c12; /* Accent Yellow */
}
body {
	font-family: 'Inter', sans-serif;
	background-color: #f7f9fc;
}
.ai-chat-bubble-janio {
	background-color: #0B2D5F;
	color: white;
	border-bottom-left-radius: 0;
}
.ai-chat-bubble-user {
	background-color: #f1f1f1;
	color: #333;
	border-bottom-right-radius: 0;
}
.cta-janio {
	background-image: linear-gradient(to right, #041E42 0%, #3498db 100%);
	box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4);
}
.feature-item {
	padding: 3rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.feature-item i {
	font-size: 1.5rem;
	color: var(--color-primary);
	margin-bottom: 1rem;
}
.img-clientes img {
	filter: brightness(0);
	height: 3rem;
}
.img-clientes img:hover {
	filter: brightness(1);
}
#janio-chat-container:not(.hidden)::before {
	content: "";
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(6px);
	z-index: -1;
}