/* Xilema AI Agent Widget — Aurora Styles */
/* Brand: white, cream, gold (#ccac55), warm brown */

#xilema-chat-widget * {
  box-sizing: border-box;
}

#xilema-chat-button {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#xilema-chat-button:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 24px rgba(0,0,0,0.12);
}

#xilema-chat-modal {
  animation: xilema-fadeIn 0.25s ease-out;
}

@keyframes xilema-fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#xilema-chat-messages {
  scroll-behavior: smooth;
}

/* Estilo consistente con la tipografía del sitio */
#xilema-chat-header div:first-child {
  letter-spacing: 0.5px;
}