/* =========================================================
   QIA — Theme Presets
   Capa visual del widget
   ========================================================= */

.qia-widget.qia-theme-default,
.qia-modal-root.qia-theme-default,
.qia-launcher-root.qia-theme-default,
.qia-widget-preview-mock.qia-theme-default {
  --qia-primary: #1919ff;
  --qia-primary-2: #4d4dff;
  --qia-primary-soft: #cfcfff;
  --qia-on-primary: #ffffff;

  --qia-widget-bg: #f4f4ff;
  --qia-widget-text: #101020;
  --qia-border-color: rgba(25, 25, 255, 0.55);

  --qia-header-bg: var(--qia-primary);
  --qia-header-text: var(--qia-on-primary);
  --qia-footer-bg: var(--qia-header-bg);
  --qia-footer-text: var(--qia-on-primary);

  --qia-bubble-width: 80%;
  --qia-bubble-radius: 16px;
  --qia-bot-bg: var(--qia-primary-soft);
  --qia-bot-text: var(--qia-primary);
  --qia-user-bg: var(--qia-primary-2);
  --qia-user-text: #ffffff;

  --qia-input-bg: #ffffff;
  --qia-input-text: var(--qia-primary);
  --qia-input-border: #ffffff;
  --qia-input-placeholder: rgba(25, 25, 255, 0.45);
  --qia-input-focus: var(--qia-primary);
  --qia-input-focus-ring: rgba(25, 25, 255, 0.15);

  --qia-btn-bg: rgba(255, 255, 255, 0.15);
  --qia-btn-text: #ffffff;
  --qia-btn-border: rgba(255, 255, 255, 0.55);
  --qia-btn-hover-bg: rgba(255, 255, 255, 0.22);

  --qia-send-bg: #1919ff;
  --qia-send-text: #ffffff;
  --qia-new-bg: rgba(255, 255, 255, 0.15);
  --qia-new-text: #ffffff;

  --qia-lead-cta-bg: rgba(255, 255, 255, 0.14);
  --qia-lead-cta-text: #ffffff;
  --qia-lead-cta-border: rgba(255, 255, 255, 0.35);

  --qia-radius: 14px;
  --qia-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);

  --qia-launcher-bg: transparent;
  --qia-launcher-radius: 999px;
  --qia-launcher-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
  --qia-launcher-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
  --qia-header-border: rgba(255, 255, 255, 0.25);
  --qia-header-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);

  --qia-header-btn-size: 28px;
  --qia-header-btn-radius: 8px;
  --qia-header-btn-gap: 6px;

  --qia-footer-border: rgba(255, 255, 255, 0.25);
  --qia-control-focus: rgba(0, 0, 0, 0.35);

  --qia-btn-hover-bg: rgba(255, 255, 255, 0.22);
  --qia-btn-hover-border: rgba(255, 255, 255, 0.7);

  --qia-lead-backdrop-bg: rgba(0, 0, 0, 0.18);
  --qia-lead-panel-bg: #ffffff;
  --qia-lead-panel-text: #1b1b1b;
  --qia-lead-panel-border: rgba(25, 25, 255, 0.14);
  --qia-lead-panel-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);

  --qia-lead-title: #1b1b1b;
  --qia-lead-label: #1b1b1b;

  --qia-lead-header-bg: var(--qia-header-bg);
  --qia-lead-header-text: var(--qia-header-text);
  --qia-lead-header-border: var(--qia-header-border);

  --qia-lead-body-bg: transparent;
  --qia-lead-body-text: #1b1b1b;

  --qia-lead-footer-bg: var(--qia-footer-bg);
  --qia-lead-footer-text: var(--qia-footer-text);
  --qia-lead-footer-border: var(--qia-footer-border);

  --qia-lead-help-text: rgba(27, 27, 27, 0.72);

  --qia-lead-legal-text: rgba(255, 255, 255, 0.88);
  --qia-lead-legal-link: rgba(255, 255, 255, 0.88);

  --qia-lead-error-text: #1919ff;
  --qia-lead-error-border: rgba(25, 25, 255, 0.22);

  --qia-lead-field-bg: #ffffff;
  --qia-lead-field-text: #1b1b1b;
  --qia-lead-field-border: rgba(25, 25, 255, 0.18);
  --qia-lead-field-placeholder: rgba(27, 27, 27, 0.42);
  --qia-lead-field-focus: var(--qia-primary);
  --qia-lead-field-focus-ring: rgba(25, 25, 255, 0.15);

  --qia-lead-btn-bg: #f3f4f7;
  --qia-lead-btn-text: #1b1b1b;
  --qia-lead-btn-border: rgba(25, 25, 255, 0.14);
  --qia-lead-btn-hover-bg: #e9ecf3;
  --qia-lead-btn-hover-border: rgba(25, 25, 255, 0.24);

  --qia-lead-btn-primary-bg: var(--qia-primary);
  --qia-lead-btn-primary-text: #ffffff;
  --qia-lead-btn-primary-border: #ffffff; /*var(--qia-primary);*/
  --qia-lead-btn-primary-hover-bg: var(--qia-primary-2);

  --qia-lead-cta-btn-bg: rgba(255, 255, 255, 0.12);
  --qia-lead-cta-btn-text: #ffffff;
  --qia-lead-cta-btn-border: rgba(255, 255, 255, 0.55);

  --qia-lead-cta-btn-hover-bg: rgba(255, 255, 255, 0.18);
  --qia-lead-cta-btn-hover-border: rgba(255, 255, 255, 0.7);

  --qia-lead-cta-btn-primary-bg: rgba(255, 255, 255, 0.22);
  --qia-lead-cta-btn-primary-text: #ffffff;
  --qia-lead-cta-btn-primary-border: rgba(255, 255, 255, 0.55);
  --qia-lead-cta-btn-primary-hover-bg: rgba(255, 255, 255, 0.28);

  --qia-intro-bubble-bg: #1919ff;
  --qia-intro-bubble-text: #ffffff;
  --qia-intro-bubble-border: transparent;
}

.qia-widget.qia-theme-dark,
.qia-modal-root.qia-theme-dark,
.qia-launcher-root.qia-theme-dark,
.qia-widget-preview-mock.qia-theme-dark {
  --qia-primary: #7c8cff;
  --qia-primary-2: #9aa6ff;
  --qia-primary-soft: #23283f;
  --qia-on-primary: #ffffff;

  --qia-widget-bg: #12141b;
  --qia-widget-text: #f5f7fb;
  --qia-border-color: rgba(124, 140, 255, 0.35);

  --qia-header-bg: #171b27;
  --qia-header-text: #ffffff;
  --qia-footer-bg: var(--qia-header-bg);
  --qia-footer-text: #ffffff;

  --qia-bubble-width: 80%;
  --qia-bubble-radius: 16px;
  --qia-bot-bg: #2a3146;
  --qia-bot-text: #eef2ff;
  --qia-user-bg: #454f69; /*#7c8cff;*/
  --qia-user-text: #ffffff;

  --qia-input-bg: #0f1218;
  --qia-input-text: #f5f7fb;
  --qia-input-border: rgba(124, 140, 255, 0.5);
  --qia-input-placeholder: rgba(245, 247, 251, 0.45);
  --qia-input-focus: #9aa6ff;
  --qia-input-focus-ring: rgba(124, 140, 255, 0.2);

  --qia-btn-bg: rgba(255, 255, 255, 0.08);
  --qia-btn-text: #ffffff;
  --qia-btn-border: rgba(255, 255, 255, 0.16);
  --qia-btn-hover-bg: rgba(255, 255, 255, 0.14);

  --qia-send-bg: #454f69; /*#7c8cff;*/
  --qia-send-text: #ffffff;
  --qia-new-bg: #2a3146; /*rgba(255, 255, 255, 0.08);*/
  --qia-new-text: #ffffff;

  --qia-lead-cta-bg: rgba(255, 255, 255, 0.08);
  --qia-lead-cta-text: #ffffff;
  --qia-lead-cta-border: rgba(255, 255, 255, 0.18);

  --qia-radius: 14px;
  --qia-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);

  --qia-launcher-bg: transparent;
  --qia-launcher-radius: 999px;
  --qia-launcher-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
  --qia-launcher-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
  --qia-header-border: rgba(255, 255, 255, 0.08);
  --qia-header-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);

  --qia-header-btn-size: 28px;
  --qia-header-btn-radius: 8px;
  --qia-header-btn-gap: 6px;

  --qia-footer-border: rgba(255, 255, 255, 0.08);
  --qia-control-focus: rgba(154, 166, 255, 0.45);

  --qia-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --qia-btn-hover-border: rgba(255, 255, 255, 0.28);

  --qia-lead-backdrop-bg: rgba(0, 0, 0, 0.35);
  --qia-lead-panel-bg: #171b27;
  --qia-lead-panel-text: #f5f7fb;
  --qia-lead-panel-border: rgba(124, 140, 255, 0.16);
  --qia-lead-panel-shadow: 0 20px 46px rgba(0, 0, 0, 0.42);

  --qia-lead-title: #ffffff;
  --qia-lead-label: #f5f7fb;

  --qia-lead-header-bg: var(--qia-header-bg);
  --qia-lead-header-text: var(--qia-header-text);
  --qia-lead-header-border: var(--qia-header-border);

  --qia-lead-body-bg: transparent;
  --qia-lead-body-text: #f5f7fb;

  --qia-lead-footer-bg: var(--qia-footer-bg);
  --qia-lead-footer-text: var(--qia-footer-text);
  --qia-lead-footer-border: var(--qia-footer-border);

  --qia-lead-help-text: rgba(245, 247, 251, 0.72);

  --qia-lead-legal-text: var(--qia-header-text);
  --qia-lead-legal-link: var(--qia-header-text);

  --qia-lead-error-text: #9aa6ff;
  --qia-lead-error-border: rgba(154, 166, 255, 0.28);

  --qia-lead-alert-bg: rgba(154, 166, 255, 0.12);
  --qia-lead-alert-text: #eef2ff;
  --qia-lead-alert-border: rgba(154, 166, 255, 0.24);
  --qia-lead-alert-shadow: inset 0 0 0 1px rgba(154, 166, 255, 0.04);

  --qia-lead-field-bg: #0f1218;
  --qia-lead-field-text: #f5f7fb;
  --qia-lead-field-border: rgba(124, 140, 255, 0.22);
  --qia-lead-field-placeholder: rgba(245, 247, 251, 0.42);
  --qia-lead-field-focus: #9aa6ff;
  --qia-lead-field-focus-ring: rgba(124, 140, 255, 0.2);

  --qia-lead-btn-bg: rgba(255, 255, 255, 0.06);
  --qia-lead-btn-text: #ffffff;
  --qia-lead-btn-border: rgba(255, 255, 255, 0.14);
  --qia-lead-btn-hover-bg: rgba(255, 255, 255, 0.12);
  --qia-lead-btn-hover-border: rgba(255, 255, 255, 0.22);

  --qia-lead-btn-primary-bg: var(--qia-primary);
  --qia-lead-btn-primary-text: #ffffff;
  --qia-lead-btn-primary-border: var(--qia-primary);
  --qia-lead-btn-primary-hover-bg: var(--qia-primary-2);
  --qia-lead-cta-btn-bg: rgba(255, 255, 255, 0.08);
  --qia-lead-cta-btn-text: #ffffff;
  --qia-lead-cta-btn-border: rgba(255, 255, 255, 0.18);

  --qia-lead-cta-btn-hover-bg: rgba(255, 255, 255, 0.14);
  --qia-lead-cta-btn-hover-border: rgba(255, 255, 255, 0.28);

  --qia-lead-cta-btn-primary-bg: rgba(255, 255, 255, 0.16);
  --qia-lead-cta-btn-primary-text: #ffffff;
  --qia-lead-cta-btn-primary-border: rgba(255, 255, 255, 0.22);
  --qia-lead-cta-btn-primary-hover-bg: rgba(255, 255, 255, 0.22);

  --qia-intro-bubble-bg: #23283f;
  --qia-intro-bubble-text: #ffffff;
  --qia-intro-bubble-border: rgba(124, 140, 255, 0.18);
}

.qia-widget.qia-theme-minimal,
.qia-modal-root.qia-theme-minimal,
.qia-launcher-root.qia-theme-minimal,
.qia-widget-preview-mock.qia-theme-minimal {
  --qia-primary: #1f3cff;
  --qia-primary-2: #4d63ff;
  --qia-primary-soft: #eef2ff;
  --qia-on-primary: #ffffff;

  --qia-widget-bg: #ffffff;
  --qia-widget-text: #1b1b1b;
  --qia-border-color: rgba(31, 60, 255, 0.22);

  --qia-header-bg: #fbfcff;
  --qia-header-text: #1b1b1b;
  --qia-footer-bg: var(--qia-header-bg);
  --qia-footer-text: #1b1b1b;

  --qia-bubble-width: 80%;
  --qia-bubble-radius: 16px;
  --qia-bot-bg: #f5f7fb;
  --qia-bot-text: #1b1b1b;
  --qia-user-bg: #e6e6e6;
  --qia-user-text: #1b1b1b;

  --qia-input-bg: #ffffff;
  --qia-input-text: #1b1b1b;
  --qia-input-border: rgba(27, 27, 27, 0.14);
  --qia-input-placeholder: rgba(27, 27, 27, 0.42);
  --qia-input-focus: #1f3cff;
  --qia-input-focus-ring: rgba(31, 60, 255, 0.12);

  --qia-btn-bg: #ffffff;
  --qia-btn-text: #1b1b1b;
  --qia-btn-border: rgba(27, 27, 27, 0.12);
  --qia-btn-hover-bg: #f5f7fb;

  --qia-send-bg: #ffffff;
  --qia-send-text: #1b1b1b;
  --qia-new-bg: #ffffff;
  --qia-new-text: #1b1b1b;

  --qia-lead-cta-bg: var(--qia-btn-bg);
  --qia-lead-cta-text: var(--qia-btn-text);
  --qia-lead-cta-border: var(--qia-btn-border);

  --qia-radius: 14px;
  --qia-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);

  --qia-launcher-bg: transparent;
  --qia-launcher-radius: 999px;
  --qia-launcher-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
  --qia-launcher-hover-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  --qia-header-border: rgba(31, 60, 255, 0.1);
  --qia-header-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

  --qia-header-btn-size: 28px;
  --qia-header-btn-radius: 8px;
  --qia-header-btn-gap: 6px;

  --qia-footer-border: rgba(31, 60, 255, 0.1);
  --qia-control-focus: rgba(31, 60, 255, 0.32);

  --qia-btn-hover-bg: #f5f7fb;
  --qia-btn-hover-border: rgba(27, 27, 27, 0.16);

  --qia-lead-backdrop-bg: rgba(0, 0, 0, 0.18);
  --qia-lead-panel-bg: #ffffff;
  --qia-lead-panel-text: #1b1b1b;
  --qia-lead-panel-border: rgba(27, 27, 27, 0.08);
  --qia-lead-panel-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);

  --qia-lead-title: #1b1b1b;
  --qia-lead-label: #1b1b1b;

  --qia-lead-header-bg: var(--qia-header-bg);
  --qia-lead-header-text: var(--qia-header-text);
  --qia-lead-header-border: var(--qia-header-border);

  --qia-lead-body-bg: transparent;
  --qia-lead-body-text: #1b1b1b;

  --qia-lead-footer-bg: var(--qia-footer-bg);
  --qia-lead-footer-text: var(--qia-footer-text);
  --qia-lead-footer-border: rgba(31, 60, 255, 0.08);

  --qia-lead-help-text: rgba(27, 27, 27, 0.66);

  --qia-lead-legal-text: rgba(27, 27, 27, 0.84);
  --qia-lead-legal-link: var(--qia-primary);

  --qia-lead-error-text: #1f3cff;
  --qia-lead-error-border: rgba(31, 60, 255, 0.18);

  --qia-lead-alert-bg: rgba(31, 60, 255, 0.06);
  --qia-lead-alert-text: #1f3cff;
  --qia-lead-alert-border: rgba(31, 60, 255, 0.16);
  --qia-lead-alert-shadow: none;

  --qia-lead-field-bg: #ffffff;
  --qia-lead-field-text: #1b1b1b;
  --qia-lead-field-border: rgba(27, 27, 27, 0.12);
  --qia-lead-field-placeholder: rgba(27, 27, 27, 0.38);
  --qia-lead-field-focus: #1f3cff;
  --qia-lead-field-focus-ring: rgba(31, 60, 255, 0.12);

  --qia-lead-btn-bg: #f3f4f7;
  --qia-lead-btn-text: #1b1b1b;
  --qia-lead-btn-border: rgba(27, 27, 27, 0.12);
  --qia-lead-btn-hover-bg: #e9ecf3;
  --qia-lead-btn-hover-border: rgba(27, 27, 27, 0.18);

  --qia-lead-btn-primary-bg: var(--qia-primary);
  --qia-lead-btn-primary-text: #ffffff;
  --qia-lead-btn-primary-border: var(--qia-primary);
  --qia-lead-btn-primary-hover-bg: var(--qia-primary-2);

  --qia-lead-cta-btn-bg: var(--qia-btn-bg);
  --qia-lead-cta-btn-text: var(--qia-btn-text);
  --qia-lead-cta-btn-border: var(--qia-btn-border);

  --qia-lead-cta-btn-hover-bg: var(--qia-btn-hover-bg);
  --qia-lead-cta-btn-hover-border: var(--qia-btn-hover-border);

  --qia-lead-cta-btn-primary-bg: var(--qia-btn-bg);
  --qia-lead-cta-btn-primary-text: var(--qia-btn-text);
  --qia-lead-cta-btn-primary-border: var(--qia-btn-border);
  --qia-lead-cta-btn-primary-hover-bg: var(--qia-btn-hover-bg);

  --qia-intro-bubble-bg: #ffffff;
  --qia-intro-bubble-text: #1b1b1b;
  --qia-intro-bubble-border: rgba(27, 27, 27, 0.1);
}