:root {
  /*Colores chat n8n */
  --chat--color-primary: var(--blue900);
  /*Color circulo peque帽o*/
  --chat--color-primary-shade-50: var(--blue500);
  /*Color hover*/
  --chat--color-primary-shade-100: var(--blue500);
  /*Color hover clic*/

  --chat--color-dark: var(--blue900);
  /*Color encabezado y texto*/
  --chat--color-light: var(--blue50);
  /*Color background chat*/

  --chat--message--bot--background: var(--blue50);
  /*Color background texto bot*/
  --chat--message--bot--color: var(--neutro50);
  /*Color texto bot*/

  --chat--message--user--background: var(--blue900);
  /*Color background texto user*/
  --chat--message--user--color: var(--neutro100);
  /*Color texto user*/

  --chat--color-secondary: var(--blue900);
  /*Color boton enviar*/
  --chat--color-white: var(--neutro100);
  /*Color chat pequeño*/

	--chat--spacing: 0.50rem;
	--chat--border-radius: 0.25rem;
	--chat--transition-duration: 0.15s;

	--chat--window--width: 400px;
	--chat--window--height: 600px;

	--chat--header-height: 100px; /*m*/
	--chat--header--padding: var(--chat--spacing);
	--chat--header--background: var(--chat--color-dark);
	--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: 1.5em; /*m*/
	--chat--header--color: var(--chat--color-light);
	--chat--subtitle--font-size: inherit;
	--chat--subtitle--line-height: 1.5;

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

	--chat--message--font-size: 1rem;
	--chat--message--padding: var(--chat--spacing);
	--chat--message--border-radius: var(--chat--border-radius);
	--chat--message-line-height: 1.5;
	--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--message--max-width: 50%;
}

	--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--border-radius: 0%;
}

:root {
    --blue900:#00132D;
    --blue500:#143A62;
    --blue50:#E2E5EA;
    --neutro900:#222222;
    --neutro100:#FAFAFA;
    --neutro50:#FFFFFF;
    --red: #EE0202;
}

:root {
    --h1u-font-family: "codecpro-200";
    --h1u-font-size: 96px;
    --h1u-font-weight: 200;
    --h1u-text-transform: uppercase;
    --h1u-font-style: normal;
    --h1u-text-decoration: none;
    --h1u-line-height: 96px;
    --h1u-letter-spacing: 0px;
    --h1-font-family: "codecpro-200";
    --h1-font-size: 96px;
    --h1-font-weight: 200;
    --h1-text-transform: normal;
    --h1-font-style: normal;
    --h1-text-decoration: none;
    --h1-line-height: 96px;
    --h1-letter-spacing: 0px;
    --h2u-font-family: "codecpro-200";
    --h2u-font-size: 60px;
    --h2u-font-weight: 200;
    --h2u-text-transform: uppercase;
    --h2u-font-style: normal;
    --h2u-text-decoration: none;
    --h2u-line-height: 60px;
    --h2u-letter-spacing: 0px;
    --h2-font-family: "codecpro-200";
    --h2-font-size: 60px;
    --h2-font-weight: 200;
    --h2-text-transform: normal;
    --h2-font-style: normal;
    --h2-text-decoration: none;
    --h2-line-height: 60px;
    --h2-letter-spacing: 0px;
    --h3u-font-family: "codecpro-200";
    --h3u-font-size: 48px;
    --h3u-font-weight: 200;
    --h3u-text-transform: uppercase;
    --h3u-font-style: normal;
    --h3u-text-decoration: none;
    --h3u-line-height: 48px;
    --h3u-letter-spacing: 0px;
    --h3-font-family: "codecpro-200";
    --h3-font-size: 48px;
    --h3-font-weight: 200;
    --h3-text-transform: normal;
    --h3-font-style: normal;
    --h3-text-decoration: none;
    --h3-line-height: 48px;
    --h3-letter-spacing: 0px;
    --h4u-font-family: "codecpro-300";
    --h4u-font-size: 34px;
    --h4u-font-weight: 200;
    --h4u-text-transform: uppercase;
    --h4u-font-style: normal;
    --h4u-text-decoration: none;
    --h4u-line-height: 34px;
    --h4u-letter-spacing: 0px;
    --h4-font-family: "codecpro-300";
    --h4-font-size: 34px;
    --h4-font-weight: 200;
    --h4-text-transform: normal;
    --h4-font-style: normal;
    --h4-text-decoration: none;
    --h4-line-height: 34px;
    --h4-letter-spacing: 0px;
    --h5u-font-family: "codecpro-400";
    --h5u-font-size: 24px;
    --h5u-font-weight: 200;
    --h5u-text-transform: uppercase;
    --h5u-font-style: normal;
    --h5u-text-decoration: none;
    --h5u-line-height: 24px;
    --h5u-letter-spacing: 0px;
    --h5-font-family: "codecpro-400";
    --h5-font-size: 24px;
    --h5-font-weight: 200;
    --h5-text-transform: normal;
    --h5-font-style: normal;
    --h5-text-decoration: none;
    --h5-line-height: 24px;
    --h5-letter-spacing: 0px;
    --h6u-font-family: "codecpro-600";
    --h6u-font-size: 20px;
    --h6u-font-weight: 200;
    --h6u-text-transform: uppercase;
    --h6u-font-style: normal;
    --h6u-text-decoration: none;
    --h6u-line-height: 20px;
    --h6u-letter-spacing: 0px;
    --h6-font-family: "codecpro-600";
    --h6-font-size: 20px;
    --h6-font-weight: 200;
    --h6-text-transform: normal;
    --h6-font-style: normal;
    --h6-text-decoration: none;
    --h6-line-height: 20px;
    --h6-letter-spacing: 0px;
    --s1-font-family: "codecpro-600";
    --s1-font-size: 16px;
    --s1-font-weight: 200;
    --s1-text-transform: normal;
    --s1-font-style: normal;
    --s1-text-decoration: none;
    --s1-line-height: 16px;
    --s1-letter-spacing: 0px;
    --s2-font-family: "codecpro-600";
    --s2-font-size: 14px;
    --s2-font-weight: 200;
    --s2-text-transform: normal;
    --s2-font-style: normal;
    --s2-text-decoration: none;
    --s2-line-height: 14px;
    --s2-letter-spacing: 0px;
    --b1-font-family: "newblack";
    --b1-font-size: 16px;
    --b1-font-weight: 200;
    --b1-text-transform: normal;
    --b1-font-style: normal;
    --b1-text-decoration: none;
    --b1-line-height: 22px;
    --b1-letter-spacing: 0.5px;
    --b2-font-family: "newblack";
    --b2-font-size: 14px;
    --b2-font-weight: 200;
    --b2-text-transform: normal;
    --b2-font-style: normal;
    --b2-text-decoration: none;
    --b2-line-height: 20px;
    --b2-letter-spacing: 0.25px;
    --btn1-font-family: "newblack";
    --btn1-font-size: 14px;
    --btn1-font-weight: 600;
    --btn1-text-transform: uppercase;
    --btn1-font-style: normal;
    --btn1-text-decoration: none;
    --btn1-line-height: 14px;
    --btn1-letter-spacing: 1.25px;
    --cap-font-family: "newblack";
    --cap-font-size: 12px;
    --cap-font-weight: 500;
    --cap-text-transform: normal;
    --cap-font-style: normal;
    --cap-text-decoration: none;
    --cap-line-height: 12px;
    --cap-letter-spacing: 0.4px;
    --ove-font-family: "newblack";
    --ove-font-size: 10px;
    --ove-font-weight: 500;
    --ove-text-transform: uppercase;
    --ove-font-style: normal;
    --ove-text-decoration: none;
    --ove-line-height: 10px;
    --ove-letter-spacing: 1.5px;
    --p1-font-family: "newblack";
    --p1-font-size: 20px;
    --p1-font-weight: 200;
    --p1-text-transform: normal;
    --p1-font-style: normal;
    --p1-text-decoration: none;
    --p1-line-height: 22px;
    --p1-letter-spacing: 0.5px;
    --p2-font-family: "newblack";
    --p2-font-size: 16px;
    --p2-font-weight: 200;
    --p2-text-transform: normal;
    --p2-font-style: normal;
    --p2-text-decoration: none;
    --p2-line-height: 22px;
    --p2-letter-spacing: 0.5px;
}