.ai-assistant-page .header {
	background: linear-gradient(180deg, #0C0A29 67.87%, #28228F 120.87%);
	padding: 164px 0 0 0;
	overflow-x: hidden;
}

.ai-assistant-page .header h1 {
	color: #FFF031;
	font-family: PlutoBold;
	font-size: 46px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: -2.76px;
	margin-bottom: 14px;
}

.ai-assistant-page .header .subtitle {
	color: #FFF;
	font-family: PlutoRegular;
	font-size: 19.7px;
	font-style: normal;
	font-weight: 400;
	line-height: 25.67px; /* 130.305% */
	letter-spacing: -0.788px;
	text-transform: uppercase;
	margin-bottom: 14px;
	margin-top: 50px;
}

.ai-assistant-page .header .subtitle span {
	color: #0C0A29;
	text-align: center;
	font-family: PlutoBold;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
	border-radius: 4px;
	background: #FFF031;
	padding: 2px 7px;
}

.ai-assistant-page .header .breadcrumbs {
	color: #FFF;
	font-family: PlutoBold;
	font-size: 19.7px;
	font-style: normal;
	font-weight: 700;
	line-height: 25.67px;
	letter-spacing: -0.788px;
	margin-bottom: 15px;
}


.ai-assistant-page .chat {
	position: relative;
	z-index: 1;
	max-width: 282px;
	margin-bottom: 70px;
}

.ai-assistant-page .chat .chat-bubble {
	padding: 20px;
	margin-bottom: 14px;
	color: #FFF;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	position: relative;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.6s ease-out;
}

.ai-assistant-page .chat .chat-bubble.show {
	opacity: 1;
	transform: translateY(0);
}

.ai-assistant-page .chat .user-bubble {
	border-radius: 10px;
	border: 1px solid #FFF;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), rgba(40, 34, 143, 0.66);
	backdrop-filter: blur(3.549999952316284px);
}

.ai-assistant-page .chat .bot-bubble {
	border-radius: 10px;
	border: 1px solid #FFF;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(255, 255, 255, 0.20) 100%), rgba(38, 47, 195, 0.55);
	backdrop-filter: blur(3.549999952316284px);
}

.ai-assistant-page .chat .avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	transform: translate(-50%, -50%);
	top: 50%;
}

.ai-assistant-page .chat .bot-avatar {
	background: linear-gradient(135deg, #10b981, #059669);
}

.ai-assistant-page .chat .items-container {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.ai-assistant-page .chat .item-icon {
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: all 0.3s ease;
	cursor: pointer;
	opacity: 0;
	transform: translateY(30px) scale(0.8);
}

.ai-assistant-page .chat .item-icon img {
	border-radius: 4px;
}

.ai-assistant-page .chat .item-icon.show {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.ai-assistant-page .chat .item-icon:hover {
	transform: translateY(-5px) scale(1.1);
	box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

.girl-image {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 400px;
	height: auto;
	border-radius: 20px;
	opacity: 0;
	transform: translateX(50px);
	transition: all 0.8s ease-out;
	z-index: 2;
}

.girl-image.show {
	opacity: 1;
	transform: translateX(0);
}

.ai-assistant-page .chat .typing-indicator {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 15px;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.ai-assistant-page .chat .typing-indicator.show {
	opacity: 1;
}

.ai-assistant-page .chat .typing-dot {
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	animation: typingAnimation 1.4s infinite;
}

.ai-assistant-page .chat .typing-dot:nth-child(2) {
	animation-delay: 0.2s;
}

.ai-assistant-page .chat .typing-dot:nth-child(3) {
	animation-delay: 0.4s;
}

/* Animaciones */
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-5px);
	}
	60% {
		transform: translateY(-3px);
	}
}

@keyframes typingAnimation {
	0%, 60%, 100% {
		transform: translateY(0);
		opacity: 0.4;
	}
	30% {
		transform: translateY(-10px);
		opacity: 1;
	}
}

/* Responsive */
@media (max-width: 768px) {
	.ai-assistant-page .header .breadcrumbs {
		margin-bottom: 75px;
	}
	.ai-assistant-page .chat {
		padding-left: 15px;
		max-width: 300px;
	}
}

.ai-assistant-page .claim {
	padding: 54px 0 64px;
	background: #0C0A29;
}

.ai-assistant-page .claim .box {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.ai-assistant-page .claim h2 {
	color: #FFF031;
	text-align: center;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 38px;
}

.ai-assistant-page .claim p {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%; 
	margin-bottom: 0;
}

.ai-assistant-page .features {
	background: white;
	padding: 120px 0;
}


.ai-assistant-page .features h2.principal {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	margin-bottom: 44px;
}

.ai-assistant-page .features .features-items .img-box {
	height: 72px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 45px;
}

.ai-assistant-page .features .features-items h3 {
	color: #4842C1;
	text-align: center;
	font-family: PlutoBold;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	margin-bottom: 54px;
	height: 50px;
}

.ai-assistant-page .features .features-items p {
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 20px;
}

.ai-assistant-page .features .box-languages {
	border-radius: 24px;
	background: #33268C;
	/* padding: 60px 80px; */
	margin: 80px 0;
	background-image: url('https://www.doofinder.com/main-files/uploads/2025/09/bg-hello-big.png');
	background-position: right;
	background-size: 60%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.ai-assistant-page .features .box-languages {
		background-image: none;
	}
	.ai-assistant-page .features .box-languages .content {
		padding-top: 49px;
		padding-bottom: 49px;
		padding-left: 29px;
		padding-right: 29px;

	}
}

.ai-assistant-page .features .box-languages .img-hello-mob {
	margin-left: auto;
	border-bottom-right-radius: 24px;
}

.ai-assistant-page .features .box-languages h2 {
	color: #FFF031;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	margin-bottom: 24px;
}

.ai-assistant-page .features .box-languages p {
	color: #FFF;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
	margin-bottom: 0;
}

.ai-assistant-page .features .box-languages .content {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 80px;
}


.ai-assistant-page .input-banner {
	background: #0C0A29;
	padding: 150px 0;
}

.ai-assistant-page .input-banner .banner-container {
	position: relative;
	padding: 9px;
	border-radius: 60px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(
		90deg,
		#00d4ff,
		#0099ff,
		#6666ff,
		#cc33ff,
		#ff3366,
		#ff6600,
		#ffaa00,
		#ffdd00
	);
	background-size: 400% 100%;
	animation: gradientShift 3s ease-in-out infinite;
	margin-bottom: 50px;
}

.ai-assistant-page .input-banner .banner {
	background: #1a1b3a;
	border-radius: 56px;
	padding: 24px 48px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ai-assistant-page .input-banner .banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.1),
		transparent
	);
	transform: translateX(-100%);
	animation: shine 2s infinite;
}

.ai-assistant-page .input-banner .banner-text {
	color: #FFF;
	text-align: center;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.56px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	z-index: 1;
}

.ai-assistant-page .input-banner p {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
}


@keyframes gradientShift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes shine {
	0% {
		transform: translateX(-100%);
	}
	50% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(100%);
	}
}

.ai-assistant-page .ia-figure {
	padding: 120px 0;
	background: white;
}

.ai-assistant-page .ia-figure .inner {
	max-width: 710px;
	margin-left: auto;
	margin-right: auto;
}

.ai-assistant-page .ia-figure .inner h2 {
	color: #1B1851;
	font-family: PlutoRegular;
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.72px;
	margin-bottom: 21px;
	margin-top: 20px;
}

.ai-assistant-page .ia-figure .inner p {
	color: #3A3A3A;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 20px;
}

.ai-assistant-page .ia-figure .inner .box {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ai-assistant-page .final-cta {
	background: #FFF030;
	padding: 84px 0;
}

.ai-assistant-page .final-cta h2 {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.56px;
	margin-bottom: 32px;
}

.ai-assistant-page .final-cta .btn {
	color: #FFF;
	text-align: center;
	font-family: PlutoBold;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 46px;
	background: #1B1851;
	padding: 21px 60px;
}