:root {
  /* Colors */
  --chat--color-primary: #f7931f;
  --chat--color-primary-shade-50: #f7931f;
  --chat--color-primary-shade-100: #f7931f;
  --chat--color-secondary: #fcbf49;
  --chat--color-secondary-shade-50: #f7931f;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #fcbf49;
  --chat--color-light-shade-100: #fcbf49;
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: black;
  --chat--color-disabled: black;
  --chat--color-typing: gray;

  /* Base Layout */
  --chat--spacing: 1rem;
  --chat--spacing--left: 2rem;
  --chat--spacing--botton: 1rem;
  --chat--border-radius: 0.5rem;
  --chat--transition-duration: 0.15s;
  --chat--font-family: (
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif
  );

  /* Window Dimensions */
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--window--bottom: var(--chat--spacing--botton);
  --chat--window--right: var(--chat--spacing);
  --chat--window--left: var(--chat--spacing--left);
  --chat--window--z-index: 9999;
  --chat--window--border: 2px solid var(--chat--color-light-shade-50);
  --chat--window--border-radius: var(--chat--border-radius);
  --chat--window--margin-bottom: var(--chat--spacing);

  /* Header Styles */
  --chat--header-height: 50px;
  --chat--header--padding: var(--chat--spacing);
  --chat--header--background: white;
  --chat--header--color: var(--chat--color-light);
  --chat--header--border-top: none;
  --chat--header--border-bottom: none;
  --chat--header--border-bottom: none;
  --chat--header--border-bottom: none;
  --chat--heading--font-size: 2em;
  --chat--header--color: var(--chat--color-light);
  --chat--subtitle--font-size: inherit;
  --chat--subtitle--line-height: 1.8;

  --chat--textarea--height: 50px;

  /* Message Styles */
  --chat--message--font-size: 1rem;
  --chat--message--padding: var(--chat--spacing);
  --chat--message--border-radius: var(--chat--border-radius);
  --chat--message-line-height: 1.8;
  --chat--message--bot--background: var(--chat--color-white);
  --chat--message--bot--color: var(--chat--color-dark);
  --chat--message--bot--border: none;
  --chat--message--user--background: var(--chat--color-secondary);
  --chat--message--user--color: var(--chat--color-white);
  --chat--message--user--border: none;
  --chat--message--pre--background: rgba(0, 0, 0, 0.05);
  --chat--messages-list--padding: var(--chat--spacing);

  /* Toggle Button */
  --chat--toggle--background: var(--chat--color-primary);
  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
  --chat--toggle--color: var(--chat--color-white);
  --chat--toggle--size: 64px;
  --chat--toggle--width: var(--chat--toggle--size);
  --chat--toggle--height: var(--chat--toggle--size);
  --chat--toggle--border-radius: 50%;

  /* Input Area */
  --chat--textarea--height: 50px;
  --chat--textarea--max-height: 30rem;
  --chat--input--font-size: inherit;
  --chat--input--border: 0;
  --chat--input--border-radius: 0;
  --chat--input--padding: 0.8rem;
  --chat--input--background: var(--chat--color-white);
  --chat--input--text-color: initial;
  --chat--input--line-height: 1.5;
  --chat--input--placeholder--font-size: var(--chat--input--font-size);
  --chat--input--border-active: 0;
  --chat--input--left--panel--width: 2rem;

  /* Button Styles */
  --chat--button--color: var(--chat--color-light);
  --chat--button--background: black;
  --chat--button--padding: calc(var(--chat--spacing) * 1 / 2)
    var(--chat--spacing);
  --chat--button--border-radius: var(--chat--border-radius);
  --chat--button--hover--color: var(--chat--color-light);
  --chat--button--hover--background: var(--chat--color-primary-shade-50);
  --chat--close--button--color-hover: var(--chat--color-primary);

  /* Send and File Buttons */
  --chat--input--send--button--background: var(--chat--color-white);
  --chat--input--send--button--color: var(--chat--color-light);
  /* --chat--input--send--button--background-hover: var(
    --chat--color-primary-shade-50
  ); */
  /* --chat--input--send--button--color-hover: var(
    --chat--color-secondary-shade-50
  ); */
  --chat--input--file--button--background: var(--chat--color-white);
  --chat--input--file--button--color: var(--chat--color-secondary);
  --chat--input--file--button--background-hover: var(
    --chat--input--file--button--background
  );
  --chat--input--file--button--color-hover: var(
    --chat--color-secondary-shade-50
  );
  --chat--files-spacing: 0.25rem;

  /* Body and Footer */
  --chat--body--background: var(--chat--color-light);
  --chat--footer--background: var(--chat--color-light);
  --chat--footer--color: var(--chat--color-dark);
}

.chat-powered-by {
  display: none;
}

.chat-input-send-button[data-v-2a7fb1c3] {
  background: none;
}

.chat-message {
  max-width: 100%;
}

.chat-message-markdown {
  font-size: 90%;
}

/* Sobrescribe la posición del chat al lado izquierdo */
.chat-window-wrapper {
  left: var(--chat--window--left) !important;
  right: auto !important;
  display: block !important;
}

.chat-heading h1::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  margin-right: 10px;
  background-image: url("https://dsgpaper.es/img/logo-1729856398.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.chat-header {
  justify-content: normal !important;
  padding-top: 0.8rem !important;
  padding-left: 0.8rem !important;
}

.chat-input-send-button[data-v-2a7fb1c3] {
  height: 30px !important;
  width: 30px !important;
}