/*********** CSS BARRA SERACH ***********/

.content-bar-ia .ai-chat-advanced-wrapper {
    margin-bottom: 0 !important;
}

.content-bar-ia .ai-chat-advanced-wrapper .ai-bar-container  {
    background: rgba(188, 155, 95, 0.2);
    box-shadow: 0 0 0px 1px rgba(188, 155, 95, .6);
}

.ai-bar-container {
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0px 1px rgba(188, 155, 95, .4);
    backdrop-filter: blur(1px);
}
.ai-placeholder-container, .ai-placeholder-text, .ai-chat-advanced:hover .ai-placeholder-text {
    color: #fff;
}

.typewriter-char.gaia-char {
font-weight: 600;
color: #BC9B5F;
position: relative;
animation: fadeInFromLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
glow 2s ease-in-out infinite;
animation-delay: 0s, 1s;
}

@keyframes glow {
0%, 100% {
text-shadow: 0 0 5px rgba(188, 155, 95, 0.5);
}
50% {
text-shadow: 0 0 20px rgba(188, 155, 95, 0.8),
0 0 30px rgba(188, 155, 95, 0.6);
}
}

.typewriter-char:hover {
transform: translateY(-2px) scale(1.1);
color: #BC9B5F;
cursor: pointer;
transition: all 0.3s ease;
}

.ai-typewriter-cursor {
display: inline-block;
color: #BC9B5F;
font-weight: 400;
margin-left: 1px;
animation: cursorBlink 0.8s ease-in-out infinite;
}

.ai-gaia-highlight {
font-weight: 600;
color: #BC9B5F;
position: relative;
text-shadow: 0 0 8px rgba(188, 155, 95, 0.3);
animation: gaiaGlow 2s ease-in-out infinite;
}

@keyframes gaiaGlow {
0%, 100% {
text-shadow: 0 0 8px rgba(188, 155, 95, 0.3);
}
50% {
text-shadow: 0 0 16px rgba(188, 155, 95, 0.6),
0 0 24px rgba(188, 155, 95, 0.4);
}
}

.ai-glow-1 {
inset: -30px;
background: transparent;
opacity: 0.3;
animation: glow-pulse-1 4s ease-in-out infinite;
}
.ai-glow-2 {
    background: transparent;
}
.ai-glow-3 {
inset: -20px;
background: transparent;
opacity: 0;
animation: glow-rotate 10s linear infinite;
}
.ai-gradient-shimmer {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.2) 50%, transparent 60%);
    background-size: 200% 100%;
}
.ai-chat-advanced:hover .ai-bar-container {
position: relative;
transform: translateY(0);
}

.ai-chat-advanced:hover .ai-bar-container::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: transparent;
background-size: 200% 100%;
border-radius: 51px;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
opacity: 1;
animation: gradientShift 3s ease-in-out infinite;
z-index: -1;
}

.ai-gradient-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(188, 155, 95, 0.02) 0%,
rgba(255, 89, 0, 0.02) 50%,
rgba(188, 155, 95, 0.02) 100%
);
opacity: 0;
transition: opacity 0.4s ease;
}

.ai-gradient-pulse {
position: absolute;
inset: 0;
background: radial-gradient(
circle at var(–mouse-x, 50%) var(–mouse-y, 50%),
rgba(188, 155, 95, 0.1) 0%,
transparent 50%
);
opacity: 0;
transition: opacity 0.3s ease;
}

.ai-icon-glow {
position: absolute;
inset: -8px;
background: radial-gradient(
circle,
rgba(188, 155, 95, 0.3) 0%,
transparent 70%
);
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
animation: icon-glow-pulse 2s ease-in-out infinite;
}

.ai-sparkle-icon {
position: relative;
width: 24px;
height: 24px;
color: #BC9B5F;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: 2;
}

.ai-chat-advanced:hover .ai-sparkle-icon {
transform: rotate(360deg) scale(1.2);
filter: drop-shadow(0 0 12px rgba(188, 155, 95, 0.8));
}

.ai-typing-cursor {
display: inline-block;
width: 2px;
height: 20px;
background: #BC9B5F;
margin-left: 2px;
animation: cursor-blink 1s steps(2) infinite;
animation-delay: 2000ms;
}

.ai-typing-dot {
width: 4px;
height: 4px;
background: #BC9B5F;
border-radius: 50%;
animation: typing-bounce 1.4s ease-in-out infinite;
}

.ai-wave-effect {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(
90deg,
transparent,
#BC9B5F,
transparent
);
transform: scaleX(0);
transform-origin: left;
opacity: 0;
transition: all 0.3s ease;
}
.ai-bar-content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 5px 6px 5px 15px;
}
.ai-bar-content .ai-send-button {
position: relative;
flex-shrink: 0;
width: 42px;
height: 42px;
padding: 0;
background: #BC9B5C;
border: none;
border-radius: 50% !important;
color: white;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
opacity: 1;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(188, 155, 95, 0.2);
}

.ai-button-glow {
position: absolute;
inset: -10px;
background: radial-gradient(
circle,
rgba(188, 155, 95, 0.4) 0%,
transparent 70%
);
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
filter: blur(10px);
}

.ai-button-pulse,
.ai-button-pulse-2 {
position: absolute;
inset: 0;
border: 2px solid rgba(188, 155, 95, 0.3);
border-radius: 50%;
opacity: 0;
pointer-events: none;
}

.ai-chat-advanced:hover .ai-send-button {
opacity: 1;
transform: scale(1.1);
box-shadow: none;
}
.ai-chat-advanced:hover .ai-gradient-shimmer {
    opacity: 1;
    animation: shimmer 2s ease-in-out;
}
.ai-progress-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(
90deg,
#BC9B5F 0%,
#ff5900 50%,
#BC9B5F 100%
);
transform: scaleX(0);
transform-origin: left;
opacity: 0;
transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
.ai-chat-advanced-wrapper:not(.is-sticky):after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 50px;
background-color: #BC9B5F;
pointer-events: none;
z-index: -100;
}
}

.ai-chat-advanced-wrapper .ai-chat-advanced:hover .ai-bar-container {
    box-shadow: none !important;
}
.ai-chat-advanced:hover .ai-bar-container::before {
    animation: none;
    background: transparent;
}


.ai-chat-advanced-wrapper.is-sticky .ai-icon-glow {
position: absolute;
inset: -8px;
background: radial-gradient(
circle,
rgba(188, 155, 95, 0.3) 0%,
transparent 70%
);
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
animation: icon-glow-pulse 2s ease-in-out infinite;
}

.ai-chat-advanced-wrapper.is-sticky .ai-chat-advanced:hover .ai-sparkle-icon {
transform: rotate(360deg) scale(1.2);
filter: drop-shadow(0 0 12px rgba(188, 155, 95, 0.8));
}

.ai-chat-advanced-wrapper.is-sticky .ai-chat-advanced:hover .ai-bar-container {
transform: translateY(-1px);
box-shadow: 0 12px 40px rgba(188, 155, 95, 0.2),
0 24px 80px rgba(188, 155, 95, 0.15),
0 0 120px rgba(255, 89, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 1);
}

.ai-chat-advanced-wrapper.is-sticky .ai-chat-advanced:hover .ai-bar-container::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(
90deg,
#BC9B5F 0%,
#ff5900 25%,
#BC9B5F 50%,
#ff5900 75%,
#BC9B5F 100%
);
background-size: 200% 100%;
border-radius: 50px;
-webkit-mask: linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: gradient-shift 3s ease infinite;
opacity: 1;
z-index: -1;
}