@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcviYwYZ90A2N58.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcCm3FwrK3iLTcvnUwQT9mIzF59cKw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  min-height: 100vh;
  background-color: white;
  font-size: 10px;
}

body {
  --preto: #171616;
  --pretoMedio: #434343;
  --semiPreto: #6E6D6D;
  --cinzaMedio: #8A8A92;
  --cinzaNeutro: #A7A8AC;
  --cinzaClaro: #D9D9D9;
  --cinzaLeve: #E4E4E4;
  --cinzaLeveRgb: 228,228,228;
  --offWhite: #F6F6F6;
  --nearWhite: #FAFAFA;
  --dourado: #C18525;
  --douradoClaro: #C3AC74;
  --douradoLeve: #D8C685;
  --ocreEscuro: #BE9451;
  --ocre: #C79B54;
  --ocreClaro: #E4D18C;
  --ocreHighlight: #E7C074;
  --icone: 24px;
  --iconWrapper: 32px;
  --iconWrapperBg: var(--offWhite);
  --avatar: calc(40 / 1920 * min(100vw, 1920px));
  --transitionTimePadrao: 250ms;
  --lh: 1.2em;
  --bs-success: #62D29E;
  --bs-success-rgb: 98,210,158;
  --bs-danger: #CE0000;
  --bs-danger-rgb: 206,0,0;
  --bs-secondary: var(--cinzaNeutro);
  --bs-secondary-rgb: 167,168,172;
  --loaderSize: 96px;
  --form-control-font-size: 1.6rem;
  --form-control-line-height: calc(50 / 1920 * min(100vw, 1920px));
  --form-control-border-width: 1px;
  --form-control-border-color: var(--cinzaClaro);
  --form-control-border-radius: 8px;
  --form-control-padding-y: 0px;
  --form-control-padding-x: 1em;
  font-family: Inter, "system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1.4rem;
  line-height: var(--lh);
  color: var(--cinzaMedio);
}

p {
  margin-bottom: 1.5em;
}

figure {
  margin: 0;
}

.fs-1 {
  font-size: 3rem;
  line-height: var(--lh);
}

.fs-2, h2 {
  font-size: 2.6rem !important;
  line-height: var(--lh);
}

h2 {
  margin: 1em 0;
  font-weight: 600;
  color: var(--preto);
}

.fs-3, h3 {
  font-size: 1.8rem;
  line-height: var(--lh);
}

h3 {
  margin: 1em 0;
  font-weight: 600;
  color: var(--preto);
}

.fs-4, h4 {
  font-size: 1.6rem;
  line-height: var(--lh);
}

h4 {
  margin: 1em 0;
  font-weight: 600;
  color: var(--preto);
}

.fs-5 {
  font-size: 1.4rem;
  line-height: var(--lh);
}

.fs-6 {
  font-size: 1rem;
  line-height: var(--lh);
}

a {
  color: var(--ocre);
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
a:where(:not(:disabled)):is(:hover, :focus, :active) {
  color: var(--dourado);
}

strong {
  font-weight: 600;
}

.icone {
  display: inline-block;
  vertical-align: middle;
  width: var(--icone);
  height: var(--icone);
}

.icon-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: var(--iconWrapper);
  height: var(--iconWrapper);
  background-color: var(--iconWrapperBg);
  line-height: var(--iconWrapper);
  text-align: center;
  -webkit-transition-property: background-color, opacity;
  transition-property: background-color, opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.icon-wrapper.round {
  border-radius: 50%;
}
.icon-wrapper.square {
  border-radius: 8px;
}

.rotulo {
  display: inline-block;
  vertical-align: middle;
}

.icon-wrapper + .rotulo,
.rotulo + .icon-wrapper,
.icone + .rotulo,
.rotulo + .icone {
  margin-left: 0.5em;
}

.gx-4 {
  --bs-gutter-x: 24px;
}

.avatar {
  display: inline-block;
  vertical-align: middle;
  width: var(--avatar);
  height: var(--avatar);
  border: solid 2px var(--cinzaClaro);
  border-radius: 50%;
}
.avatar.with-photo {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.avatar.without-photo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--offWhite);
  font-size: 2rem;
  color: var(--cinzaMedio);
  cursor: default;
}

:is(button, a) .avatar.without-photo {
  cursor: pointer;
}

.tooltip {
  --bs-tooltip-font-size: 1.4rem;
  --bs-tooltip-bg: var(--preto);
  --bs-tooltip-padding-x: 8px;
  --bs-tooltip-padding-y: 4px;
  --bs-tooltip-arrow-height: 7px;
}

#overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  font-size: 2rem;
  line-height: var(--lh);
  color: var(--offWhite);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}

#overlay-loader {
  margin-bottom: 1em;
  width: var(--loaderSize);
  height: var(--loaderSize);
}

body.loading > #overlay {
  opacity: 1;
  pointer-events: initial;
}

.alertify {
  top: 100px;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.33);
          box-shadow: 0 3px 20px rgba(0, 0, 0, 0.33);
}

.alertify-button.alertify-button-cancel {
  background-color: var(--bs-danger);
  background-image: none;
  color: white;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.alertify-button.alertify-button-cancel:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--bs-danger);
  background-image: none;
  color: white;
  opacity: 0.67;
}

.alertify-button.alertify-button-ok {
  background-color: var(--bs-success);
  color: white;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.alertify-button.alertify-button-ok:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--bs-success);
  color: white;
  opacity: 0.67;
}

.alertify-cover {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
  -webkit-filter: none;
          filter: none;
}
.alertify-cover.alertify-cover-hidden {
  display: block;
  pointer-events: none;
  opacity: 0;
}
.alertify-cover:not(.alertify-cover-hidden) {
  opacity: 1;
}

.alertify-log {
  padding: 12px 16px;
  font-size: 1.6rem;
}

label.form-label {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}

input.form-control,
textarea.form-control,
select.form-select {
  display: block;
  margin-bottom: 2.2rem;
  background-color: white;
  background-clip: border-box;
  border: var(--form-control-border-width) solid var(--form-control-border-color);
  border-radius: var(--form-control-border-radius);
  padding: var(--form-control-padding-y) var(--form-control-padding-x);
  font-size: var(--form-control-font-size);
  letter-spacing: 1px;
  color: var(--cinzaMedio);
  -webkit-transition-property: color, border-color, -webkit-box-shadow;
  transition-property: color, border-color, -webkit-box-shadow;
  transition-property: box-shadow, color, border-color;
  transition-property: box-shadow, color, border-color, -webkit-box-shadow;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(200, 157, 89, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(200, 157, 89, 0.25);
  border-color: var(--dourado);
  color: var(--preto);
}
input.form-control:not(:disabled):hover,
textarea.form-control:not(:disabled):hover,
select.form-select:not(:disabled):hover {
  color: var(--preto);
}
input.form-control:disabled, input.form-control[readonly],
textarea.form-control:disabled,
textarea.form-control[readonly],
select.form-select:disabled,
select.form-select[readonly] {
  background-color: var(--offWhite);
  cursor: not-allowed;
}
input.form-control.invalid,
textarea.form-control.invalid,
select.form-select.invalid {
  border-color: var(--bs-danger);
}
input.form-control.valid,
textarea.form-control.valid,
select.form-select.valid {
  border-color: var(--bs-success);
}

input.form-control,
select.form-select {
  line-height: var(--form-control-line-height);
}

select.form-select {
  padding-right: 40px;
  cursor: pointer;
}

.required::before, .form-control-wrapper.with-label > :is(input.form-control, textarea.form-control, select.form-select):required + .form-label::before {
  display: inline-block;
  margin-right: 0.2em;
  vertical-align: -0.2em;
  font-size: 1.5em;
  line-height: 1px;
  color: var(--bs-danger);
  content: "*";
}

.form-control-wrapper {
  --icone: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: var(--cinzaMedio);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.form-control-wrapper.with-icon > .icone {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.form-control-wrapper.with-icon > input.form-control,
.form-control-wrapper.with-icon > select.form-select {
  padding-left: 40px;
}
.form-control-wrapper .form-control-prefix,
.form-control-wrapper .form-control-suffix {
  display: inline-block;
  background-color: var(--offWhite);
  border: var(--form-control-border-width) solid var(--form-control-border-color);
  padding: var(--form-control-padding-y) 0.5em;
  font-size: calc(var(--form-control-font-size) * 0.85);
  line-height: var(--form-control-line-height);
  color: var(--cinzaMedio);
  text-shadow: -1px -1px white;
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.form-control-wrapper .form-control-prefix {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  border-right-width: 0px;
  border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius);
}
.form-control-wrapper .form-control-suffix {
  border-left-width: 0px;
  border-radius: 0 var(--form-control-border-radius) var(--form-control-border-radius) 0;
}
.form-control-wrapper.with-prefix > :is(input.form-control, textarea.form-control, select.form-select) {
  border-left-width: 0px;
  border-radius: 0 var(--form-control-border-radius) var(--form-control-border-radius) 0;
}
.form-control-wrapper.with-suffix > :is(input.form-control, textarea.form-control, select.form-select) {
  border-right-width: 0px;
  border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius);
}
.form-control-wrapper.with-prefix.with-suffix > :is(input.form-control, textarea.form-control, select.form-select) {
  border-radius: 0;
}
.form-control-wrapper.with-label > .form-label {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
}
.form-control-wrapper:where(:not(:disabled)):is(:hover, :focus, :active).with-icon {
  color: var(--pretoMedio);
}
.form-control-wrapper.with-label > :is(input.form-control, textarea.form-control, select.form-select):disabled + .form-label {
  pointer-events: none;
}
.form-control-wrapper.with-label > :is(input.form-control, textarea.form-control, select.form-select).invalid + .form-label {
  color: var(--bs-danger);
}
.form-control-wrapper.with-label > :is(input.form-control, textarea.form-control, select.form-select).valid + .form-label {
  color: var(--bs-success);
}

.btn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  border: none;
  border-radius: 8px;
  padding: 0 1em;
  text-align: center;
  font-size: 1.4rem;
  line-height: calc(50 / 1920 * min(100vw, 1920px));
  color: var(--preto);
  cursor: pointer;
  -webkit-transition-property: background-color, opacity, border-color;
  transition-property: background-color, opacity, border-color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.btn:not(:disabled):focus {
  outline: dotted 1px white;
}
.btn:where(:not(:disabled)):is(:hover, :focus, :active) {
  color: var(--preto);
}
.btn.btn-sm {
  --iconWrapper: 24px;
  --icone: 16px;
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: var(--lh);
}
.btn.btn-primary {
  background-image: linear-gradient(82deg, var(--ocreClaro) 0%, var(--ocreEscuro) 100%);
}
.btn.btn-primary:where(:not(:disabled)):is(:hover, :focus, :active) {
  opacity: 0.8;
}
.btn.btn-default {
  border: solid var(--pretoMedio) 1px;
  background-color: white;
  color: var(--pretoMedio);
}
.btn.btn-default:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--offWhite);
  border-color: var(--preto);
}
.btn.btn-secondary {
  border: none;
  background-color: white;
  color: var(--pretoMedio);
}
.btn.btn-secondary:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--offWhite);
}
.btn.btn-dourado {
  border: none;
  background-color: var(--ocreHighlight);
  color: var(--pretoMedio);
}
.btn.btn-dourado:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--ocre);
}
.btn.btn-dourado > .icon-wrapper.round {
  background-color: rgba(0, 0, 0, 0.25);
}
.btn.btn-icone {
  --icone: 16px;
  --btnPadding: 8px;
  margin: 0 2px;
  border-radius: 50%;
  width: calc(var(--icone) + var(--btnPadding) * 2);
  height: calc(var(--icone) + var(--btnPadding) * 2);
  padding: var(--btnPadding);
  background-color: var(--offWhite);
  line-height: 1px;
  color: var(--preto);
}
.btn.btn-icone:where(:not(:disabled)):is(:hover, :focus, :active) {
  opacity: 0.5;
}
.btn.d-block {
  width: 100%;
}
.btn > .rotulo {
  line-height: var(--lh);
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}
.btn:not(.btn-icone) > .icone {
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

.btn_invisible,
.btn-invisible {
  margin: 0;
  width: auto;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  text-align: center;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
}

fieldset:not(:first-of-type) {
  margin-top: calc(34 / 1920 * min(100vw, 1920px));
}

legend {
  padding: 16px;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: var(--lh);
  color: var(--preto);
}

.card-body > fieldset:first-of-type > legend {
  padding-top: 0;
}

.form-check-checkbox {
  white-space: nowrap;
}
.form-check-checkbox .form-check-input {
  --checkWidth: 24px;
  --checkHeight: 24px;
  width: var(--checkWidth);
  height: var(--checkHeight);
  border-color: var(--cinzaNeutro);
  border-width: 1.25px;
  cursor: pointer;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.form-check-checkbox .form-check-input:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form-check-checkbox .form-check-input:checked {
  background-color: var(--ocre);
  border-color: var(--ocre);
}
.form-check-checkbox .form-check-input:where(:not(:disabled)):is(:hover, :focus, :active) {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
}
.form-check-checkbox .form-check-label {
  vertical-align: middle;
  margin-left: 0.2em;
  font-size: 1.4rem;
  line-height: var(--lh);
  color: var(--preto);
  white-space: normal;
}
.form-check-checkbox .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
  pointer-events: none;
}
.form-check-checkbox .form-check-input:checked ~ .form-check-label {
  font-weight: 600;
}
.form-check-checkbox.form-switch .form-check-input {
  --checkWidth: 40px;
  --checkHeight: 24px;
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin-top: 0;
}
.form-check-checkbox.form-check-button {
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-bg: var(--ocre);
  --bs-btn-active-color: var(--preto);
  padding-left: 0;
}
.form-check-radio {
  position: relative;
  min-height: 0;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
}
.form-check-radio .form-check-label {
  display: block;
  background-color: white;
  border: 2px solid var(--cinzaClaro);
  border-radius: 8px;
  padding: 30px 24px 30px 74px;
  font-weight: medium;
  font-size: 1.8rem;
  line-height: 2rem;
  letter-spacing: 1px;
  color: var(--cinzaMedio);
  cursor: pointer;
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.form-check-radio .form-check-input {
  position: absolute;
  top: 50%;
  left: 1.75em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  float: none;
  margin-top: 0;
  margin-left: 0;
  width: 2em;
  height: 2em;
  background-color: var(--offWhite);
  border: none;
  cursor: pointer;
}
.form-check-radio .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-check-radio .form-check-input:disabled, .form-check-radio .form-check-input[readonly] + .form-check-label {
  opacity: 0.67;
  cursor: default;
}
.form-check-radio .form-check-input:disabled, .form-check-radio .form-check-input:disabled + .form-check-label {
  pointer-events: none;
}
.form-check-radio .form-check-input:not(:disabled, [readonly]) + .form-check-label:hover {
  border-color: var(--cinzaMedio);
  color: var(--preto);
}
.form-check-radio .form-check-input.invalid + .form-check-label {
  border-color: var(--bs-danger);
}
.form-check-radio .form-check-input.valid + .form-check-label {
  border-color: var(--bs-success);
}
.form-check-radio .form-check-input:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23C49953'/%3e%3c/svg%3e");
  background-color: var(--offWhite);
}
.form-check-radio .form-check-input:checked + .form-check-label {
  border-color: var(--dourado) !important;
  color: var(--preto);
}

.form_cadastro {
  --form-control-font-size: 1.6rem;
  --form-control-line-height: 2rem;
  --form-control-border-width: 1px;
  --form-control-border-color: var(--cinzaClaro);
  --form-control-padding-y: 8px;
  --form-control-padding-x: 16px;
  --form-control-padding-top: 28px;
}
.form_cadastro .row:not([class*=gx-]) {
  --bs-gutter-x: 8px;
  --bs-gutter-y: 8px;
}
.form_cadastro .form-control-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.form_cadastro label.form-label {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0;
  background-clip: padding-box;
  padding: var(--form-control-padding-y) var(--form-control-padding-x) 2px;
  border-width: var(--form-control-border-width) var(--form-control-border-width) 0 var(--form-control-border-width);
  border-color: transparent;
  border-radius: var(--form-control-border-radius) var(--form-control-border-radius) 0 0;
  border-style: solid;
  color: var(--cinzaMedio);
  pointer-events: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
.form_cadastro .form-check-checkbox > label.form-check-label {
  pointer-events: initial;
}
.form_cadastro .form-check-checkbox > label.form-check-label[for] {
  cursor: pointer;
}
.form_cadastro input.form-control,
.form_cadastro textarea.form-control,
.form_cadastro select.form-select {
  margin: 0;
  color: var(--preto);
}
.form_cadastro .form-control-wrapper.with-label > :is(input.form-control, textarea.form-control, select.form-select),
.form_cadastro .form-control-wrapper.with-label > .form-control-prefix,
.form_cadastro .form-control-wrapper.with-label > .form-control-suffix {
  padding-top: var(--form-control-padding-top);
}
.form_cadastro .form-control-wrapper + .form-control-wrapper {
  margin-top: var(--bs-gutter-y);
}
.form_cadastro select.form-select {
  padding-right: 40px;
  background-position: right 0.75rem top 32px;
}
.form_cadastro select.form-select.form-select-lg {
  background-size: calc(32 / 1920 * min(100vw, 1920px)) calc(24 / 1920 * min(100vw, 1920px));
  background-position: right calc(24 / 1920 * min(100vw, 1920px)) center;
  padding: calc(28 / 1920 * min(100vw, 1920px)) calc(36 / 1920 * min(100vw, 1920px));
  font-size: 1.8rem;
  line-height: var(--lh);
}
.form_cadastro textarea.form-control {
  padding-bottom: 17px;
  line-height: 1.2;
}
.form_cadastro textarea.form-control + label.form-label {
  background-color: white;
}
.form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select):where(:not(:disabled)):is(:hover, :focus, :active) {
  border-color: var(--cinzaMedio);
}
.form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select):where(:not(:disabled)):is(:hover, :focus, :active) + .form-label {
  color: var(--semiPreto);
}
.form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select):where(:not(:disabled)):is(:hover, :focus, :active) ~ .form-control-prefix,
.form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select):where(:not(:disabled)):is(:hover, :focus, :active) ~ .form-control-suffix {
  border-color: var(--cinzaMedio);
}
.form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select):disabled + .form-label, .form_cadastro .form-control-wrapper > :is(input.form-control, textarea.form-control, select.form-select)[readonly] + .form-label {
  background-color: var(--offWhite);
}
.form_cadastro .form-control-wrapper.with-icon > .icone {
  top: calc(50% + (var(--form-control-padding-top) - var(--form-control-padding-y)) / 2);
}
.form_cadastro .form-check-radio,
.form_cadastro .form-check-checkbox {
  width: 100%;
}
.form_cadastro hr {
  margin: 16px 0;
  border-color: var(--cinzaLeve);
  opacity: 1;
}

.table {
  caption-side: top;
  width: 100%;
  border: solid var(--cinzaLeve) 2px;
  background-color: var(--offWhite);
  color: var(--pretoMedio);
}
.table > caption {
  border: solid 2px var(--cinzaLeve);
  border-bottom: none;
  background-color: var(--offWhite);
  padding: var(--main-table-padding-y) var(--main-table-padding-x);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: var(--lh);
  color: var(--preto);
}
.table > thead > tr > th {
  --icone: 18px;
  padding: var(--main-table-padding-y) var(--main-table-padding-x);
  font-weight: 600;
  font-size: 1.3rem;
  white-space: nowrap;
}
.table > thead > tr > th.ativo {
  color: var(--ocreClaro);
}
.table > thead .rotulo {
  white-space: normal;
}
.table > thead .btn_ordenacao {
  --order-asc: transparent;
  --order-desc: transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
.table > thead .btn_ordenacao:where(:not(:disabled)):is(:hover, :focus, :active) {
  color: var(--ocre);
}
.table > thead .btn_ordenacao.order_asc {
  --order-asc: var(--bs-success);
}
.table > thead .btn_ordenacao.order_desc {
  --order-desc: var(--bs-success);
}
.table > tbody > tr > th {
  font-weight: 600;
}
.table > tbody > tr > :is(th, td) {
  padding: var(--main-table-padding-y) var(--main-table-padding-x);
  font-size: var(--main-table-font-size);
  line-height: var(--lh);
}
.table > tfoot > tr > td {
  --icone: 24px;
  padding: var(--main-table-padding-y) var(--main-table-padding-x);
  font-size: var(--main-table-font-size);
}
.table.table-sm {
  --main-table-font-size: 1.4rem;
}

.filtros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 8px;
  border: solid var(--cinzaLeve) 2px;
  border-radius: 6px 6px 0 0;
  background-color: var(--offWhite);
  padding: calc(16 / 1920 * min(100vw, 1920px)) calc(24 / 1920 * min(100vw, 1920px));
}
.filtros input.form-control,
.filtros select.form-select {
  margin: 0;
  border-radius: 100px;
  border-color: var(--cinzaMedio);
  font-size: 1.4rem;
  line-height: 2.84em;
  color: var(--cinzaMedio);
}
.filtros input.form-control:where(:not(:disabled)):is(:hover, :focus, :active),
.filtros select.form-select:where(:not(:disabled)):is(:hover, :focus, :active) {
  border-color: var(--pretoMedio);
  color: var(--pretoMedio);
}
.filtros .btn-icone {
  margin: 0;
}

.filtros + .table {
  margin-top: 0;
  border-top-width: 0px;
}

.listing {
  --main-table-font-size: 1.6rem;
  --listing-table-border-width: 2px;
  --listing-table-border-radius: 4px;
  --listing-table-border-spacing: 10px;
  --listing-status-color: var(--cinzaLeve);
}
.listing .listing-tabs {
  width: 100%;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  margin-bottom: -2px;
  border-bottom: solid var(--cinzaLeve) 2px;
}
.listing .listing-tabs + .listing-header, .listing .listing-tabs + .table-responsive {
  margin-top: calc(40 / 1920 * min(100vw, 1920px));
}
.listing .listing-tabs > .btn {
  position: relative;
  border-radius: 0;
  border: none;
  background-color: white;
  padding: calc(16 / 1920 * min(100vw, 1920px)) calc(48 / 1920 * min(100vw, 1920px));
  font-weight: 500;
  font-size: 1.8rem;
  line-height: var(--lh);
  color: var(--pretoMedio);
}
.listing .listing-tabs > .btn::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 5px var(--cinzaClaro);
  border-radius: 8px 8px 0 0;
  opacity: 0;
  -webkit-transition: opacity ease-out var(--transitionTimePadrao);
  transition: opacity ease-out var(--transitionTimePadrao);
  content: "";
}
.listing .listing-tabs > .btn:where(:not(:disabled)):is(:hover, :focus, :active) {
  color: var(--preto);
}
.listing .listing-tabs > .btn:where(:not(:disabled)):is(:hover, :focus, :active)::after {
  opacity: 1;
}
.listing .listing-tabs > .btn-check:checked + .btn {
  font-weight: 600;
  color: var(--preto);
}
.listing .listing-tabs > .btn-check:checked + .btn::after {
  border-color: var(--ocre);
  opacity: 1;
}
.listing .listing-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.listing .listing-global-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: calc(24 / 1920 * min(100vw, 1920px));
  margin-right: calc(24 / 1920 * min(100vw, 1920px));
  border-right: solid var(--cinzaLeve) 2px;
  padding-right: calc(24 / 1920 * min(100vw, 1920px));
}
.listing .listing-global-actions .btn.btn-secondary {
  --iconWrapper: 24px;
  --icone: 16px;
  background-color: var(--offWhite);
}
.listing .listing-global-actions .btn.btn-secondary .icon-wrapper {
  background-color: var(--ocre);
  color: var(--pretoMedio);
}
.listing .listing-global-actions .btn.btn-secondary .icone {
  vertical-align: -3px;
}
.listing .listing-global-actions .btn.btn-secondary:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--cinzaLeve);
}
.listing .listing-filters {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 8px;
  padding: calc(16 / 1920 * min(100vw, 1920px)) 0;
}
.listing .listing-filters .listing-filters-title {
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-transform: translateY(0.33em);
          transform: translateY(0.33em);
  color: var(--pretoMedio);
}
.listing .listing-filters input.form-control,
.listing .listing-filters select.form-select {
  margin: 0;
  border-radius: 100px;
  border-color: var(--cinzaMedio);
  font-size: 1.4rem;
  line-height: 2.84em;
  color: var(--cinzaMedio);
}
.listing .listing-filters input.form-control:where(:not(:disabled)):is(:hover, :focus, :active),
.listing .listing-filters select.form-select:where(:not(:disabled)):is(:hover, :focus, :active) {
  border-color: var(--pretoMedio);
  color: var(--pretoMedio);
}
.listing .listing-filters input.form-control[data-mask-preset=date],
.listing .listing-filters select.form-select[data-mask-preset=date] {
  max-width: 148px;
}
.listing .listing-filters .btn-icone {
  margin: 0;
}
.listing .listing-filters .btn-icone.btn-primary {
  background-color: var(--ocre);
  background-image: none;
}
.listing .listing-filters .btn:not(.btn-icone) {
  border-radius: 50px;
  font-weight: 600;
  line-height: calc(36 / 1920 * min(100vw, 1920px));
  color: var(--pretoMedio);
}
.listing .listing-filters .btn:not(.btn-icone).btn-primary {
  background-image: none;
  background-color: var(--ocre);
  font-weight: 700;
  color: white;
}
.listing .listing-filters .btn:not(.btn-icone).btn-primary, .listing .listing-filters .btn:not(.btn-icone).btn-default {
  min-width: calc(184 / 1920 * min(100vw, 1920px));
}
.listing .listing-table {
  background-color: white;
}
.listing .listing-table > caption {
  border-radius: var(--listing-table-border-radius) var(--listing-table-border-radius) 0 0;
  border-width: var(--listing-table-border-width);
  padding: 12px 24px;
}
.listing .listing-table > thead > tr > th {
  border-color: var(--bs-table-bg);
}
.listing .listing-table > thead > tr > th:first-child {
  border-radius: var(--listing-table-border-radius) 0 0 0;
}
.listing .listing-table > thead > tr > th:last-child {
  border-radius: 0 var(--listing-table-border-radius) 0 0;
}
.listing .listing-table > caption + thead > tr > th:first-child {
  border-radius: 0;
}
.listing .listing-table > caption + thead > tr > th:last-child {
  border-radius: 0;
}
.listing .listing-table > tbody > tr > :is(th, td) {
  line-height: var(--lh);
}
.listing .listing-table > tbody > tr > td[data-column=status],
.listing .listing-table > tbody > tr > td[data-column=actions] {
  vertical-align: middle;
  white-space: nowrap;
}
.listing .listing-table > tbody > tr > td[data-column=status] {
  text-align: center;
}
.listing .listing-table > tbody > tr > td[data-column=actions] {
  text-align: right;
}
.listing .listing-table > tbody > tr > td[data-column=actions] .btn:not(.btn-icone) {
  border-radius: 50px;
  font-weight: 600;
  color: var(--pretoMedio);
}
.listing .listing-table > tbody > tr > td[data-column=actions] .btn:not(.btn-icone).btn-primary {
  background-image: none;
  background-color: var(--ocre);
  font-weight: 700;
  color: white;
}
.listing .listing-table > tbody > tr > td[data-column=actions] .btn:not(.btn-icone).btn-primary, .listing .listing-table > tbody > tr > td[data-column=actions] .btn:not(.btn-icone).btn-default {
  min-width: calc(158 / 1920 * min(100vw, 1920px));
}
.listing .listing-table > tbody > tr[data-status=inactive] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=invalid] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=cancelled] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=expired] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=paid] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=written] > :is(th, td):first-child, .listing .listing-table > tbody > tr[data-status=split] > :is(th, td):first-child {
  position: relative;
}
.listing .listing-table > tbody > tr[data-status=inactive] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=invalid] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=cancelled] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=expired] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=paid] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=written] > :is(th, td):first-child::before, .listing .listing-table > tbody > tr[data-status=split] > :is(th, td):first-child::before {
  position: absolute;
  margin: calc(-1 * var(--listing-table-border-width));
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--listing-status-color);
  width: 6px;
  border-radius: var(--listing-table-border-radius) 0 0 var(--listing-table-border-radius);
  content: "";
}
.listing .listing-table > tbody > tr[data-status=inactive], .listing .listing-table > tbody > tr[data-status=invalid], .listing .listing-table > tbody > tr[data-status=cancelled], .listing .listing-table > tbody > tr[data-status=expired] {
  --bs-table-bg: #F0F1F5;
  --listing-status-color: var(--bs-danger);
}
.listing .listing-table > tbody > tr[data-status=paid] {
  --listing-status-color: var(--bs-success);
}
.listing .listing-table > tbody > tr[data-status=written], .listing .listing-table > tbody > tr[data-status=split] {
  --listing-status-color: var(--bs-info);
}
.listing .listing-table > tbody > tr.selected > :is(td, th) {
  --listing-table-border-width: 2px;
  border-color: var(--dourado) !important;
}
.listing .listing-table > tbody > tr .label {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: var(--lh);
  color: var(--cinzaMedio);
}
.listing .listing-table > tbody > tr .label + .value > .badge {
  margin-top: 0.5em;
}
.listing .listing-table > tbody > tr .item-title {
  display: block;
  font-size: 1.375em;
  line-height: var(--lh);
}
.listing .listing-table > tbody > tr .item-sku {
  display: block;
  margin-bottom: var(--lh);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: var(--lh);
  color: var(--cinzaMedio);
}
.listing .listing-table > tbody > tr .item-sku > strong {
  font-weight: 700;
  color: var(--ocreClaro);
}
.listing .listing-table > tbody > tr .form-check-label {
  color: var(--cinzaNeutro);
}
.listing .listing-table > tbody > tr .form-check.form-switch .form-check-input:disabled,
.listing .listing-table > tbody > tr .form-check.form-switch .form-check-input:disabled ~ .form-check-label {
  opacity: 1;
}
.listing .listing-table > tfoot > tr > td {
  border-color: var(--bs-table-bg);
  border-radius: 0 0 var(--listing-table-border-radius) var(--listing-table-border-radius);
}
.listing.listing-wide {
  margin: calc(-1 * var(--listing-table-border-spacing)) 0;
}
.listing.listing-wide .listing-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0px var(--listing-table-border-spacing);
}
.listing.listing-wide .listing-table > tbody > tr > :is(th, td) {
  border: solid var(--cinzaLeve);
  border-width: var(--listing-table-border-width) 0;
}
.listing.listing-wide .listing-table > tbody > tr > :is(th, td):first-child {
  border-left-width: var(--listing-table-border-width);
  border-radius: var(--listing-table-border-radius) 0 0 var(--listing-table-border-radius);
}
.listing.listing-wide .listing-table > tbody > tr > :is(th, td):last-child {
  border-right-width: var(--listing-table-border-width);
  border-radius: 0 var(--listing-table-border-radius) var(--listing-table-border-radius) 0;
}
.listing .listing-paging {
  text-align: center;
  display: none;
}

@counter-style steps {
  system: numeric;
  prefix: "";
  suffix: "";
}
.steps {
  --icone: 40px;
  counter-reset: steps;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: calc(24 / 1920 * min(100vw, 1920px));
  background-color: #F1F3F4;
  border: solid #EBEBEB 1px;
  border-radius: 4px;
  padding: calc(16 / 1920 * min(100vw, 1920px)) calc(24 / 1920 * min(100vw, 1920px));
}
.steps .steps-title {
  position: relative;
  margin: 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: var(--lh);
  color: var(--pretoMedio);
}
.steps .steps-title > .icon-wrapper {
  background-color: white;
  color: var(--pretoMedio);
}
.steps .steps-divider {
  margin: calc(-0.5 * calc(16 / 1920 * min(100vw, 1920px))) 0;
  width: 1px;
  height: calc(48 / 1920 * min(100vw, 1920px));
  background-color: var(--preto);
}
.steps .steps-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: calc(64 / 1920 * min(100vw, 1920px));
  list-style-type: none;
}
@media screen and (max-width: 1599px) {
  .steps .steps-list {
    max-width: 50%;
    gap: calc(30 / 1920 * min(100vw, 1920px));
  }
}
.steps .steps-item {
  position: relative;
  margin-right: calc(28 / 1920 * min(100vw, 1920px));
  max-width: calc(186 / 1920 * min(100vw, 1920px));
  font-size: 1.4rem;
  line-height: lh(--lh);
  color: var(--semiPreto);
}
@media screen and (max-width: 1599px) {
  .steps .steps-item {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin-right: 34px;
  }
}
.steps .steps-item::before {
  counter-increment: steps;
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 8px;
  font-weight: 400;
  font-size: 4.2rem;
  color: var(--ocre);
  content: counter(steps);
}
.steps .steps-item:not(:last-child)::after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/b2b/ui-chevron-right.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: calc(28 / 1920 * min(100vw, 1920px));
  height: calc(28 / 1920 * min(100vw, 1920px));
  content: "";
}

.badge {
  --bs-badge-padding-y: 0;
  --bs-badge-font-size: 1.4rem;
  background-color: var(--cinzaLeve);
  min-width: calc(165 / 1920 * min(100vw, 1920px));
  line-height: calc(50 / 1920 * min(100vw, 1920px));
}
.badge[data-status=inactive], .badge[data-status=cancelled] {
  background-color: var(--bs-danger);
}
.badge[data-status=active] {
  background-color: var(--bs-success);
}
.badge[data-context=boolean][data-status=false] {
  background-color: var(--bs-danger);
}
.badge[data-context=boolean][data-status=true] {
  background-color: var(--bs-success);
}
.badge[data-context=enterprise-order][data-status=pending] {
  background-color: var(--bs-warning);
}
.badge[data-context=enterprise-order][data-status=written] {
  background-color: var(--bs-info);
}
.badge[data-context=enterprise-order][data-status=completed] {
  background-color: var(--bs-success);
}
.badge[data-context=bank-slip][data-status=pending] {
  background-color: var(--bs-secondary);
}
.badge[data-context=bank-slip][data-status=registered] {
  background-color: var(--bs-warning);
}
.badge[data-context=bank-slip][data-status=paid] {
  background-color: var(--bs-success);
}
.badge[data-context=bank-slip][data-status=split] {
  background-color: var(--bs-info);
}
.badge[data-context=bank-slip][data-status=cancelled], .badge[data-context=bank-slip][data-status=expired] {
  background-color: var(--bs-danger);
}

#layout_login .row_login {
  min-height: 100vh;
}
#layout_login .col_login {
  position: relative;
  width: 730px;
  min-height: 100%;
  padding: calc(85 / 1920 * min(100vw, 1920px)) calc(120 / 1920 * min(100vw, 1920px));
}
#layout_login .col_login h2 {
  margin: -1.5em 0 1.5em;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: var(--lh);
  color: var(--pretoMedio);
}
#layout_login .col_login .btn.btn-primary {
  text-transform: uppercase;
  background-image: none;
  background-color: var(--ocre);
}
#layout_login .col_login .btn.btn-primary:where(:not(:disabled)):is(:hover, :focus, :active) {
  opacity: 1;
  background-color: var(--dourado);
}
@media screen and (max-width: 1199px) {
  #layout_login .col_login {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #layout_login .col_login {
    width: 100%;
  }
}
#layout_login .logo {
  padding: calc(40 / 1920 * min(100vw, 1920px)) 0 calc(100 / 1920 * min(100vw, 1920px));
}
#layout_login .login_chamada_cadastro {
  position: absolute;
  bottom: calc(85 / 1920 * min(100vw, 1920px));
  left: calc(120 / 1920 * min(100vw, 1920px));
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
}
#layout_login .col_cta {
  --ctaPad: 30px;
  --ctaBorderRadius: 24px;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: var(--ctaPad);
}
#layout_login .login_cta {
  position: relative;
  height: 100%;
  background-color: #222222;
  border-radius: var(--ctaBorderRadius);
}
#layout_login .login_cta::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: calc(320 / 1920 * min(100vw, 1920px));
  border-radius: 0 0 var(--ctaBorderRadius) var(--ctaBorderRadius);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  content: "";
}
#layout_login .login_cta_conteudo {
  position: absolute;
  top: calc(50 / 1920 * min(100vw, 1920px));
  left: calc(100 / 1920 * min(100vw, 1920px));
  z-index: 3;
}
#layout_login .login_cta_titulo {
  margin-bottom: 0;
  font-size: calc(44 / 1920 * min(100vw, 1920px));
  line-height: 1.2em;
  font-weight: bold;
  color: var(--douradoClaro);
}
#layout_login .login_cta_texto {
  margin-bottom: 0;
  font-size: calc(35 / 1920 * min(100vw, 1920px));
  line-height: 1.2em;
  color: white;
}
#layout_login .login_cta_foto {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: 0;
}
#layout_login .login_cta_foto::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("../img/linha-tempo.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  border-radius: var(--ctaBorderRadius);
  content: "";
}
#layout_login .login_cta_foto_img {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 67%;
  height: auto;
  -webkit-transform: translateX(-40%);
          transform: translateX(-40%);
}

body:is([data-area=adm], [data-area=business]) #layout_login .col_cta {
  display: none !important;
}

#layout_main {
  --navPadding: 40px;
  --navIcone: 24px;
  --btnCollapseBorderWidth: 1px;
  --btnCollapseBorderRadius: 4px;
  --btnCollapsePaddingX: 9px;
  --btnCollapseIcon: 16px;
  --btnCollapseWidth: calc( ( var(--btnCollapsePaddingX) * 2 ) + var(--btnCollapseIcon) + var(--btnCollapseBorderWidth) );
  --sidebarWidth: 288px;
  --sidebarTransitionTime: 350ms;
  --sidebarCollapsedWidth: calc( var(--navPadding) * 2 + var(--navIcone) );
  --topbarButton: 50px;
  --topbarPaddingY: 15px;
  --topbarBorderWidth: 2px;
  --topbarHeight: calc( var(--topbarPaddingY) * 2 + var(--topbarButton) + var(--topbarBorderWidth) );
  --contentGap: calc(55 / 1920 * min(100vw, 1920px));
  --contentPadding: 20px;
  --shortcutsWidth: 400px;
  --shortcutsTransitionTime: 350ms;
  --shortcutsPaddingX: 26px;
  --shortcutsBorderWidth: 2px;
  --shortcutsCollapsedWidth: var(--btnCollapseWidth);
  min-height: 100vh;
  padding-left: var(--sidebarWidth);
  -webkit-transition: padding-left ease-in var(--sidebarTransitionTime);
  transition: padding-left ease-in var(--sidebarTransitionTime);
}
#layout_main .btn_collapse {
  --icone: var(--btnCollapseIcon);
  position: absolute;
  top: 15px;
  border: solid var(--btnCollapseBorderWidth) transparent;
  background-color: var(--ocre);
  background-image: linear-gradient(232deg, var(--ocreClaro) 0%, var(--ocre) 100%);
  padding: 6px var(--btnCollapsePaddingX);
  color: var(--preto);
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
#layout_main .btn_collapse.left {
  left: calc(-1 * var(--btnCollapseBorderWidth));
  border-radius: 0 var(--btnCollapseBorderRadius) var(--btnCollapseBorderRadius) 0;
}
#layout_main .btn_collapse.right {
  right: calc(-1 * var(--btnCollapseBorderWidth));
  border-radius: var(--btnCollapseBorderRadius) 0 0 var(--btnCollapseBorderRadius);
}
#layout_main .btn_collapse:where(:not(:disabled)):is(:hover, :focus, :active) {
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
}
#layout_main .btn_collapse > .icone {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: -webkit-transform ease-out var(--sidebarTransitionTime);
  transition: -webkit-transform ease-out var(--sidebarTransitionTime);
  transition: transform ease-out var(--sidebarTransitionTime);
  transition: transform ease-out var(--sidebarTransitionTime), -webkit-transform ease-out var(--sidebarTransitionTime);
}
#layout_main #sidenav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: var(--sidebarWidth);
  background-color: var(--preto);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--preto)), to(var(--pretoMedio)));
  background-image: linear-gradient(to bottom, var(--preto) 0%, var(--pretoMedio) 100%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: width ease-in var(--sidebarTransitionTime);
  transition: width ease-in var(--sidebarTransitionTime);
}
#layout_main #sidenav .nav_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
  width: var(--sidebarWidth);
  padding: var(--navPadding) 20px 0px var(--navPadding);
}
#layout_main #sidenav .logo_link {
  display: block;
  position: relative;
  margin: calc(45 / 1920 * min(100vw, 1920px)) 0 0;
}
#layout_main #sidenav .logo_completo {
  opacity: 1;
  -webkit-transition: opacity ease-out var(--transitionTimePadrao);
  transition: opacity ease-out var(--transitionTimePadrao);
}
#layout_main #sidenav .logo_icone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all ease-out var(--transitionTimePadrao);
  transition: all ease-out var(--transitionTimePadrao);
}
#layout_main #sidenav .logo_icone > .logo_img {
  max-width: none;
  width: auto;
  height: 100%;
}
#layout_main #sidenav .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: calc(25 / 1920 * min(100vw, 1920px));
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: var(--cinzaNeutro);
  --bs-nav-link-hover-color: white;
  --icone: var(--navIcone);
}
#layout_main #sidenav .nav > .nav-item {
  font-size: 1.6rem;
}
#layout_main #sidenav .nav > .nav-item > .nav-link {
  text-decoration: none;
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
#layout_main #sidenav .nav > .nav-item > .nav-link > .rotulo {
  margin-left: var(--icone);
  -webkit-transition: opacity ease-out var(--sidebarTransitionTime);
  transition: opacity ease-out var(--sidebarTransitionTime);
}
#layout_main #sidenav .nav > .nav-item.active > .nav-link {
  color: white;
}
#layout_main #sidenav .nav > .nav-item.active > .nav-link > .icone {
  color: var(--douradoLeve);
}
#layout_main #sidenav .nav.bottom {
  position: relative;
  padding-top: calc(var(--navPadding) / 2);
}
#layout_main #sidenav .nav.bottom::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 calc(var(--navPadding) / -2);
  height: 2px;
  background-color: var(--pretoMedio);
  content: "";
}
#layout_main.sidenav-collapsed {
  padding-left: var(--sidebarCollapsedWidth);
}
#layout_main.sidenav-collapsed #sidenav {
  width: var(--sidebarCollapsedWidth);
}
#layout_main.sidenav-collapsed #sidenav .btn_collapse > .icone {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#layout_main.sidenav-collapsed #sidenav .logo_completo {
  opacity: 0;
}
#layout_main.sidenav-collapsed #sidenav .logo_icone {
  opacity: 1;
  left: calc(var(--navIcone) / 2);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#layout_main.sidenav-collapsed #sidenav .nav > .nav-item > .nav-link > .rotulo {
  opacity: 0;
}
#layout_main #page {
  background-color: white;
}
#layout_main #topbar {
  --icone: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
  background: white;
  border-bottom: solid var(--topbarBorderWidth) var(--cinzaLeve);
  padding: var(--topbarPaddingY) var(--contentPadding) var(--topbarPaddingY) var(--contentGap);
}
#layout_main #breadcrumb > .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-font-weight: 600;
  --bs-nav-link-color: var(--preto);
  --bs-nav-link-hover-color: var(--preto);
  font-size: 2.6rem;
  line-height: var(-lh);
}
#layout_main #breadcrumb > .nav > .nav-item > .nav-link {
  text-decoration: none;
}
#layout_main #breadcrumb > .nav > .nav-item > .nav-link > .icone {
  height: var(--topbarButton);
  width: var(--topbarButton);
  background-color: var(--offWhite);
  border-radius: 8px;
  padding: calc((var(--topbarButton) - var(--icone)) / 2);
}
#layout_main #breadcrumb > .nav > .nav-item > .nav-link > .rotulo {
  margin-left: 15px;
}
#layout_main #conta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#layout_main #btn_notificacoes {
  position: relative;
  background-color: var(--offWhite);
  border-radius: 50%;
  padding: calc((var(--topbarButton) - var(--icone)) / 2);
  color: var(--preto);
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
#layout_main #btn_notificacoes:where(:not(:disabled)):is(:hover, :focus, :active) {
  color: var(--ocre);
}
#layout_main #notificacoes_indicador {
  position: absolute;
  top: -1px;
  right: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--ocre);
}
#layout_main #btn_opcoes_conta {
  --avatar: var(--topbarButton);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  text-align: left;
  color: var(--preto);
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
#layout_main #btn_opcoes_conta > .conta_id {
  margin-left: 20px;
}
#layout_main #btn_opcoes_conta > .conta_id > .conta_nome {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2em;
}
#layout_main #btn_opcoes_conta > .conta_id > .conta_numero {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2em;
  color: var(--ocre);
}
#layout_main #btn_opcoes_conta > .icone {
  margin-left: calc(40 / 1920 * min(100vw, 1920px));
  color: #919191;
  -webkit-transition: color ease-out var(--transitionTimePadrao);
  transition: color ease-out var(--transitionTimePadrao);
}
#layout_main #btn_opcoes_conta:where(:not(:disabled)):is(:hover, :focus, :active),
#layout_main #btn_opcoes_conta:where(:not(:disabled)):is(:hover, :focus, :active) > .icone {
  color: var(--ocre);
}
#layout_main #page_wrapper {
  padding-right: var(--shortcutsWidth);
  -webkit-transition: padding-right ease-in var(--shortcutsTransitionTime);
  transition: padding-right ease-in var(--shortcutsTransitionTime);
}
#layout_main #main {
  --main-table-padding-y: calc(24 / 1920 * min(100vw, 1920px));
  --main-table-padding-x: calc(24 / 1920 * min(100vw, 1920px));
  --main-table-font-size: 1.4rem;
  min-height: calc(100vh - var(--topbarHeight));
  padding: calc(40 / 1920 * min(100vw, 1920px)) calc(var(--contentGap) + var(--contentPadding)) calc(40 / 1920 * min(100vw, 1920px)) var(--contentGap);
}
#layout_main #main .card {
  --bs-card-spacer-x: calc(34 / 1920 * min(100vw, 1920px));
  --bs-card-spacer-y: calc(34 / 1920 * min(100vw, 1920px));
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--cinzaLeve);
  --bs-card-border-radius: 8px;
  --bs-card-color: var(--preto);
  --bs-card-bg: var(--nearWhite);
  --bs-card-cap-padding-y: calc(18 / 1920 * min(100vw, 1920px));
  --bs-card-cap-padding-x: calc(24 / 1920 * min(100vw, 1920px));
  --bs-card-title-spacer-y: 0;
}
#layout_main #main .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#layout_main #main .card-title {
  margin: 0;
  font-weight: 600;
  font-size: 2rem;
  line-height: var(--lh);
}
#layout_main #main .card-header .btn:not(.btn-icone) {
  color: var(--bs-card-color);
}
#layout_main #main .card-header .btn:not(.btn-icone).btn-small {
  --icone: 16px;
}
#layout_main #main .card-header .btn:not(.btn-icone).btn-default {
  border: none;
  background-color: var(--cinzaLeve);
}
#layout_main #main .card-header .btn:not(.btn-icone).btn-default:where(:not(:disabled)):is(:hover, :focus, :active) {
  background-color: var(--cinzaClaro);
}
#layout_main #main .card .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-border-color: var(--cinzaClaro);
  --bs-card-bg: var(--offWhite);
  --main-table-padding-y: calc(16 / 1920 * min(100vw, 1920px));
  --main-table-padding-x: calc(24 / 1920 * min(100vw, 1920px));
  overflow: hidden;
}
#layout_main #main .card .card .table {
  --bs-table-striped-bg: rgba( var(--cinzaLeveRgb), 0.25 );
  margin-bottom: 0;
  border: none;
}
#layout_main #main .card .card .listing.listing-normal .table > tbody > tr > :is(th, td) {
  border: none;
}
#layout_main #main .card .card .listing.listing-wide {
  --main-table-padding-y: calc(12 / 1920 * min(100vw, 1920px));
  --main-table-padding-x: calc(14 / 1920 * min(100vw, 1920px));
  --main-table-font-size: 1.4rem;
  --listing-table-border-spacing: 8px;
  --listing-table-border-width: 1px;
  background-color: white;
  padding: calc(6 / 1920 * min(100vw, 1920px)) calc(24 / 1920 * min(100vw, 1920px)) calc(16 / 1920 * min(100vw, 1920px));
}
#layout_main #main .card .card .listing.listing-wide .listing-table tbody > tr .label {
  font-size: 1.2rem;
  line-height: var(--lh);
}
#layout_main #main .card .card > :last-child {
  margin-bottom: 0;
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
#layout_main #main .quicklinks .btn {
  --icone: calc(54 / 1920 * min(100vw, 1920px));
  width: 100%;
  border: solid var(--offWhite) 2px;
  border-radius: 8px;
  background: linear-gradient(108deg, #D5D5D5 0%, #A0A0A0 100%);
  padding: calc(30 / 1920 * min(100vw, 1920px)) calc(48 / 1920 * min(100vw, 1920px));
  text-align: left;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1em;
  color: var(--pretoMedio);
}
#layout_main #main .quicklinks .btn:where(:not(:disabled)):is(:hover, :focus, :active) {
  opacity: 0.67;
}
#layout_main #main .quicklinks .btn > .rotulo {
  margin-left: calc(34 / 1920 * min(100vw, 1920px));
}
#layout_main #main .quicklinks.quicklinks-sm .btn {
  --icone: calc(48 / 1920 * min(100vw, 1920px));
  padding: calc(20 / 1920 * min(100vw, 1920px));
  font-size: 2rem;
}
#layout_main #main .quicklinks.quicklinks-sm .btn > .rotulo {
  margin-left: calc(15 / 1920 * min(100vw, 1920px));
}
#layout_main #main .sponsored-banner .sponsored-label {
  position: relative;
  z-index: 1;
  margin: 0 0 -1em 18px;
  font-size: 1rem;
  line-height: var(--lh);
  text-shadow: -1px -1px white;
}
#layout_main #shortcuts {
  position: fixed;
  right: 0;
  top: 0;
  width: var(--shortcutsWidth);
  min-height: calc(100vh - var(--topbarHeight));
  overflow-x: hidden;
  overflow-y: auto;
  border-left: solid var(--shortcutsBorderWidth) var(--cinzaLeve);
  background-color: white;
  padding-top: var(--topbarHeight);
  -webkit-transition: width ease-in var(--sidebarTransitionTime);
  transition: width ease-in var(--sidebarTransitionTime);
}
#layout_main #shortcuts .shortcuts_wrapper {
  position: relative;
  min-height: calc(100vh - var(--topbarHeight));
  width: var(--shortcutsWidth);
  padding: calc(40 / 1920 * min(100vw, 1920px)) var(--shortcutsPaddingX);
}
#layout_main #shortcuts .btn_collapse {
  border-color: var(--cinzaLeve);
  background-color: white;
  background-image: none;
}
#layout_main #shortcuts .btn_collapse:where(:not(:disabled)):is(:hover, :focus, :active) {
  -webkit-filter: brightness(0.85);
          filter: brightness(0.85);
}
#layout_main #shortcuts .btn_collapse > .icone {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#layout_main.shortcuts-collapsed #page_wrapper {
  padding-right: var(--shortcutsCollapsedWidth);
}
#layout_main.shortcuts-collapsed #shortcuts {
  width: var(--shortcutsCollapsedWidth);
}
#layout_main.shortcuts-collapsed #shortcuts .btn_collapse > .icone {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/**
 * @todo voltar a área de shortcuts quando as funcionalidades estiverem utilizáveis
 */
body:is([data-area=adm], [data-area=business], [data-area=consumer]) #layout_main {
  --shortcutsWidth: 0px;
  --shortcutsCollapsedWidth: 0px;
}
body:is([data-area=adm], [data-area=business], [data-area=consumer]) #layout_main #main {
  padding-right: var(--contentGap);
}
body:is([data-area=adm], [data-area=business], [data-area=consumer]) #layout_main #shortcuts {
  display: none !important;
}

#layout_main #main .balance_total {
  --bs-card-border-width: 0;
  --iconWrapper: var(--topbarButton);
  background-color: var(--preto);
}
#layout_main #main .balance_total .card-body {
  border: solid 2px var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  background-color: white;
  padding: 16px;
}
#layout_main #main .balance_total .card-footer {
  margin: calc(-1 * var(--bs-card-border-width));
  margin-top: 0;
  border: none;
  border-radius: 0 0 var(--bs-card-border-radius) var(--bs-card-border-radius);
  background-color: var(--preto);
  padding: 0;
}
#layout_main #main .balance_total .card-footer > .btn {
  width: 100%;
  border: none;
  background-color: transparent;
  padding: 8px 16px;
  text-align: left;
  font-size: 1.4rem;
  line-height: var(--lh);
  color: #D5B975;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: var(--transitionTimePadrao);
          transition-duration: var(--transitionTimePadrao);
}
#layout_main #main .balance_total .card-footer > .btn:where(:not(:disabled)):is(:hover, :focus, :active) {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
}

#n8n-chat {
  --color-bg: #131313;
  --color-primary: #C79B54;
  /* dourado */
  --color-white: #FFFFFF;
  /* Cores principais da identidade */
  --chat--color-primary: #C79B54; /* dourado */
  --chat--color-primary-shade-50: #b88e4c;
  --chat--color-primary-shade-100: #a87f43;
  --chat--color-secondary: #FFFFFF; /* branco */
  --chat--color-secondary-shade-50: #f0f0f0;
  --chat--color-white: #FFFFFF;
  --chat--color-light: #1E1E1E; /* tom escuro alternativo */
  --chat--color-light-shade-50: #2a2a2a;
  --chat--color-light-shade-100: #333333;
  --chat--color-medium: #4d4d4d;
  --chat--color-dark: #131313; /* fundo principal */
  --chat--color-disabled: #777980;
  --chat--color-typing: #404040;
  /* Layout base */
  --chat--spacing: 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;
  /* Janela */
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--window--bottom: var(--chat--spacing);
  --chat--window--right: var(--chat--spacing);
  --chat--window--z-index: 4999;
  --chat--window--border: 1px solid var(--chat--color-light-shade-50);
  --chat--window--border-radius: var(--chat--border-radius);
  --chat--window--margin-bottom: var(--chat--spacing);
  /* Cabeçalho */
  --chat--header-height: auto;
  --chat--header--padding: var(--chat--spacing);
  --chat--header--background: var(--chat--color-dark);
  --chat--header--color: var(--chat--color-primary); /* texto dourado */
  --chat--header--border-top: none;
  --chat--header--border-bottom: none;
  --chat--header--border-left: none;
  --chat--header--border-right: none;
  --chat--heading--font-size: 2em;
  --chat--subtitle--font-size: inherit;
  --chat--subtitle--line-height: 1.8;
  /* Mensagens */
  --chat--message--font-size: 1.6rem;
  --chat--message--padding: var(--chat--spacing);
  --chat--message--border-radius: var(--chat--border-radius);
  --chat--message-line-height: 1.5;
  --chat--message--margin-bottom: calc(var(--chat--spacing) * 1);
  --chat--message--bot--background: #1E1E1E;
  --chat--message--bot--color: var(--chat--color-white);
  --chat--message--bot--border: none;
  --chat--message--user--background: var(--chat--color-primary);
  --chat--message--user--color: var(--chat--color-dark);
  --chat--message--user--border: none;
  --chat--message--pre--background: #2a2a2a;
  --chat--messages-list--padding: var(--chat--spacing);
  /* Botão flutuante */
  --chat--toggle--size: 64px;
  --chat--toggle--width: var(--chat--toggle--size);
  --chat--toggle--height: var(--chat--toggle--size);
  --chat--toggle--border-radius: 50%;
  --chat--toggle--background: var(--ocre);
  --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-dark);
  /* Input */
  --chat--textarea--height: 50px;
  --chat--textarea--max-height: 30rem;
  --chat--input--font-size: inherit;
  --chat--input--border: 0;
  --chat--input--border-radius: var(--chat--border-radius);
  --chat--input--padding: 0.8rem;
  --chat--input--background: #1E1E1E;
  --chat--input--text-color: var(--chat--color-white);
  --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;
  /* Botões */
  --chat--button--color: var(--chat--color-dark);
  --chat--button--background: var(--chat--color-primary);
  --chat--button--padding: calc(var(--chat--spacing) * 0.5) var(--chat--spacing);
  --chat--button--border-radius: var(--chat--border-radius);
  --chat--button--hover--color: var(--chat--color-dark);
  --chat--button--hover--background: var(--chat--color-primary-shade-50);
  --chat--close--button--color-hover: var(--chat--color-primary);
  /* Botões de envio/arquivo */
  --chat--input--send--button--background: var(--chat--color-primary);
  --chat--input--send--button--color: var(--chat--color-dark);
  --chat--input--send--button--background-hover: var(--chat--color-primary-shade-50);
  --chat--input--send--button--color-hover: var(--chat--color-white);
  --chat--input--file--button--background: var(--chat--color-primary);
  --chat--input--file--button--color: var(--chat--color-dark);
  --chat--input--file--button--background-hover: var(--chat--color-primary-shade-50);
  --chat--input--file--button--color-hover: var(--chat--color-white);
  --chat--files-spacing: 0.25rem;
  /* Fundo */
  --chat--body--background: var(--chat--color-dark);
  --chat--footer--background: #1E1E1E;
  --chat--footer--color: var(--chat--color-white);
  font-size: 1.6rem;
  line-height: var(--lh);
}
#n8n-chat .chat-toggle {
  -webkit-box-shadow: 0 4px 12px rgba(199, 155, 84, 0.6) !important;
          box-shadow: 0 4px 12px rgba(199, 155, 84, 0.6) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  -webkit-transition: -webkit-box-shadow 0.3s ease !important;
  transition: -webkit-box-shadow 0.3s ease !important;
  transition: box-shadow 0.3s ease !important;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease !important;
}
#n8n-chat .chat-toggle:hover {
  -webkit-box-shadow: 0 6px 18px rgba(199, 155, 84, 0.9) !important;
          box-shadow: 0 6px 18px rgba(199, 155, 84, 0.9) !important;
}