/**
 * Ajustes AXXEL para Ancestros Chamanes (encima del header, sin botón WA duplicado)
 */
#axxel-widget-root {
  --axxel-font: "Outfit", system-ui, sans-serif;
}

/* IA encima del botón WhatsApp (~52px WA + 12px separación) */
#axxel-widget-root .chatbot-toggle {
  bottom: 92px;
  right: 22px;
  z-index: 2600;
  min-width: 158px;
  background: linear-gradient(135deg, #5b21b6, #7c3aed);
  box-shadow: 0 4px 16px rgba(91, 33, 182, 0.45);
}

#axxel-widget-root .chatbot-toggle:hover {
  box-shadow: 0 6px 22px rgba(124, 58, 237, 0.55);
}

#axxel-widget-root .ai-chatbot {
  bottom: 168px;
  right: 22px;
  z-index: 2601;
}

#axxel-widget-root .chatbot-header {
  background: linear-gradient(135deg, #4c1d95, #6d28d9);
}

#axxel-widget-root .chatbot-send {
  background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

#axxel-widget-root .user-message .message-content {
  background: linear-gradient(135deg, #5b21b6, #7c3aed);
}

#axxel-widget-root .recommendation-card {
  background: linear-gradient(135deg, #faf5ff, #ede9fe);
  border-color: #7c3aed;
}

#axxel-widget-root .recommendation-card h4 {
  color: #4c1d95;
}

#axxel-widget-root .recommendation-card .price {
  color: #6d28d9;
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  /* IA sobre WhatsApp (56px círculo + margen) */
  #axxel-widget-root .chatbot-toggle {
    bottom: 88px;
    right: 16px;
  }

  #axxel-widget-root .ai-chatbot {
    bottom: 160px;
    right: 16px;
    left: 16px;
  }
}