.elementor-4969 .elementor-element.elementor-element-a6d9802{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-9f563cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4969 .elementor-element.elementor-element-9f563cf:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-9f563cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-4969 .elementor-element.elementor-element-e095cad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4969 .elementor-element.elementor-element-a4183c1 img{width:130px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4969 .elementor-element.elementor-element-0edd311 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-0edd311{text-align:center;}.elementor-4969 .elementor-element.elementor-element-0edd311 .elementor-heading-title{font-weight:700;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4969 .elementor-element.elementor-element-38e6c7d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;}.elementor-4969 .elementor-element.elementor-element-38e6c7d .elementor-divider-separator{width:100%;}.elementor-4969 .elementor-element.elementor-element-8898162{width:auto;max-width:auto;}.elementor-4969 .elementor-element.elementor-element-8898162 img{width:70px;height:70px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#F4F5EF;border-radius:50px 50px 50px 50px;}.elementor-4969 .elementor-element.elementor-element-248ce49 > .elementor-widget-container{margin:-10px 0px 10px 0px;}.elementor-4969 .elementor-element.elementor-element-248ce49{text-align:center;}.elementor-4969 .elementor-element.elementor-element-248ce49 .elementor-heading-title{font-size:16px;font-weight:700;text-transform:capitalize;text-decoration:underline;color:#000000;}.elementor-4969 .elementor-element.elementor-element-29d9c2d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;}.elementor-4969 .elementor-element.elementor-element-29d9c2d .elementor-divider-separator{width:100%;}.elementor-4969 .elementor-element.elementor-element-f5233a4{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;}.elementor-4969 .elementor-element.elementor-element-f5233a4 .elementor-divider-separator{width:100%;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4969 .elementor-element.elementor-element-4b61d5a > .elementor-widget-container{margin:0px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(5px/2);}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(5px/2);}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(5px/2);margin-left:calc(5px/2);}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-5px/2);margin-left:calc(-5px/2);}body.rtl .elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-5px/2);}body:not(.rtl) .elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-5px/2);}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4969 .elementor-element.elementor-element-4b61d5a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-icon{padding-right:8px;}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-item > a{font-weight:500;}.elementor-4969 .elementor-element.elementor-element-4b61d5a .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-4969 .elementor-element.elementor-element-839699c > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-839699c img{width:70%;}.elementor-4969 .elementor-element.elementor-element-44c1da7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:3vw;--padding-bottom:3vw;--padding-left:3vw;--padding-right:3vw;}.elementor-4969 .elementor-element.elementor-element-44c1da7:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-44c1da7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4969 .elementor-element.elementor-element-8112c65{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-4969 .elementor-element.elementor-element-8112c65 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:3rem;font-weight:700;line-height:3.4rem;}.elementor-4969 .elementor-element.elementor-element-a701d84{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-4969 .elementor-element.elementor-element-a701d84 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:1rem;font-weight:400;line-height:1.4rem;}.elementor-4969 .elementor-element.elementor-element-7c74464 > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-4969 .elementor-element.elementor-element-b7a74c2{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4969 .elementor-element.elementor-element-3b300b4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4969 .elementor-element.elementor-element-3b300b4:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-3b300b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad550e8 );}.elementor-4969 .elementor-element.elementor-element-9dd7194{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:3vw;--padding-bottom:3vw;--padding-left:3vw;--padding-right:3vw;}.elementor-4969 .elementor-element.elementor-element-9dd7194:not(.elementor-motion-effects-element-type-background), .elementor-4969 .elementor-element.elementor-element-9dd7194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor3 );}@media(max-width:1024px){.elementor-4969 .elementor-element.elementor-element-a4183c1 img{width:80%;}.elementor-4969 .elementor-element.elementor-element-839699c img{width:60%;}}@media(max-width:767px){.elementor-4969 .elementor-element.elementor-element-a4183c1 img{width:70%;}.elementor-4969 .elementor-element.elementor-element-44c1da7{--padding-top:5vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-4969 .elementor-element.elementor-element-8112c65 .elementor-heading-title{font-size:2.5rem;line-height:2.9rem;}.elementor-4969 .elementor-element.elementor-element-9dd7194{--padding-top:5vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}}@media(min-width:768px){.elementor-4969 .elementor-element.elementor-element-9f563cf{--width:350px;}.elementor-4969 .elementor-element.elementor-element-44c1da7{--width:100%;}.elementor-4969 .elementor-element.elementor-element-3b300b4{--width:350px;}.elementor-4969 .elementor-element.elementor-element-9dd7194{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4969 .elementor-element.elementor-element-44c1da7{--width:100%;}.elementor-4969 .elementor-element.elementor-element-9dd7194{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-7c74464 */button.back-btn.bg-gray-300.text-gray-700.py-2.px-4.rounded.mb-4 {
    display: none;
}
/* Layout desktop - 7 colunas */
#tabs-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
  position: relative;
  margin-top: 40px;
  padding-top: 20px;
}

/* Linha de fundo horizontal - só no desktop */
#tabs-container::before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #000000;
  z-index: 0;
}

/* Botões */
#tabs-container button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  text-align: center;
  background: none;
  border: none;
  position: relative;
  z-index: 1;
  box-shadow: none !important;
  font-size: 14px;
}

/* Círculo padrão */
#tabs-container button::before {
  content: attr(data-tab-num);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #333;
  font-weight: bold;
  margin-bottom: 8px;
  border: 2px solid #000000;
  font-size: 14px;
}

/* Círculo ativo */
#tabs-container button[data-current="true"]::before {
  background-color: #c1ff72;
  border-color: #000000;
  color: #333;
}

/* Conteúdo */
[id$="-content"] {
  margin: -10px;
  background-color: transparent !important;
  box-shadow: none;
  font-family: 'Roboto Mono', sans-serif;
  color: #13072e;
  padding: 20px;
  position: static !important;
}

/* ---------------------------- */
/* RESPONSIVO - Tablet e Mobile */
/* ---------------------------- */
@media (max-width: 1024px) {
  #tabs-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  /* Esconder a linha horizontal em telas menores */
  #tabs-container::before {
    display: none;
  }

  #tabs-container button::before {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }

  #tabs-container button {
    padding: 6px;
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65a930 */.introjs-skipbutton {
  font-size: 14px !important;
  padding: 1px !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 99999 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ac248d3 */button.tab-btn{
    padding: 70px 30px 70px 30px;
    border-radius: 20px;
		border: none;
    font-family: 'Roboto Mono';
  	opacity: 1;
}

button.tab-btn[data-current="true"] {
  background: linear-gradient(90deg, #ffbee6, #b3aaff); !important;
  	color: #13072e !important;
	content: " - você está nessa etapa";
  font-size: 0.9em;
  color: #333;
  margin-left: 5px;
}
button.tab-btn[data-locked="false"] {
  background-color: #f9f9f9;
	position: relative;
}
button.tab-btn:hover[data-locked="false"] {
  	background: linear-gradient(90deg, #ffbee6, #b3aaff); !important;
  	color: #13072e !important;
}
button.tab-btn[data-locked="true"] {
	background-color: #13072e;
	opacity: 1 !important;
	color: #f7f7f7;
	position: relative;
}
button.tab-btn[data-locked="false"]::after {
  content: "";
  background-image: url('https://charlie.humans.land/wp-content/uploads/2025/02/12.webp'),
                    url('https://charlie.humans.land/wp-content/uploads/2025/02/8.webp');
  background-repeat: no-repeat;
  background-size: 20px 20px, 20px 20px;
  background-position: right 15px top 15px, right 40px top 15px;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px; /* Ajuste para caber os dois ícones */
  height: 50px;
  pointer-events: none;
}
button.tab-btn[data-locked="true"]::after {
  content: "";
  background-image: url('https://charlie.humans.land/wp-content/uploads/2025/02/13.webp'),
                    url('https://charlie.humans.land/wp-content/uploads/2025/02/10.webp');
  background-repeat: no-repeat;
  background-size: 20px 20px, 20px 20px;
  background-position: right 15px top 15px, right 40px top 15px;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px; /* Ajuste para caber os dois ícones */
  height: 50px;
  pointer-events: none;
}

/* Estilos compartilhados para Configurações, Comportamento, Base de Conhecimento, Captação de Leads, Geração de Leads, Aparência, Integrações, Teste e Download */
[id$="-content"] {
  margin: -10px;
  background-color: #F4F5EF !important;
  box-shadow: none;
  font-family: 'Roboto Mono', sans-serif;
  color: #13072e;
  padding: 20px;
}

[id$="-content"] button {
  background-color: transparent;
  border: 2px solid #13072e;
  border-radius: 50px;
  color: #13072e;
  font-family: 'Roboto Mono', sans-serif;
  padding: 10px 40px;
  cursor: pointer;
  transition: all 0.3s ease;
}

[id$="-content"] button:hover {
  background-color: #13072e;
  color: #ffffff;
}

[id$="-content"] p {
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  font-weight: bold;
}

[id$="-content"] .question-block {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

[id$="-content"] .question-block label {
  font-family: 'Roboto Mono', sans-serif;
  color: #13072e;
  font-size: 16px;
  width: 300px;
  text-align: right;
  margin-right: 15px;
}

[id$="-content"] .question-block input,
[id$="-content"] .question-block select {
  background-color: #f9f9f9;
  border: none;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: 'Roboto Mono', sans-serif;
  color: #13072e;
  font-size: 16px;
  width: 300px;
  max-width: 300px;
  box-sizing: border-box;
  appearance: none;
}

[id$="-content"] .question-block input:focus,
[id$="-content"] .question-block select:focus {
  outline: none;
  border-color: #3f2182;
  box-shadow: 0 0 5px #3f2182;
}

@media (max-width: 768px) {
  [id$="-content"] .question-block {
    flex-direction: column;
    align-items: flex-start;
  }

  div#welcome_message_container {
    flex-direction: column;
    align-items: flex-start;
  }

  [id$="-content"] .question-block label {
    width: 100%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 5px;
  }

  [id$="-content"] .question-block input,
  [id$="-content"] .question-block select {
    width: 100%;
    max-width: none;
  }
}




/* Estilo para o botão com a classe especificada */
button.px-4.py-2.rounded-md.active, button.px-4.py-2.rounded-md {
  background-color: #eae4f9 !important;
  border: none !important; /* Remove a borda */
  border-radius: 5px !important; /* Bordas arredondadas */
  color: #13072e !important; /* Cor do texto */
  transition: background 0.3s ease, color 0.3s ease; /* Transição suave */
}

/* Quando o botão estiver ativo ou com hover */
button.px-4.py-2.rounded-md.active:hover,
button.px-4.py-2.rounded-md.active:focus, button.px-4.py-2.rounded-md:hover, button.px-4.py-2.rounded-md:focus {
  background: linear-gradient(90deg, #ffbee6, #b3aaff); /* Gradiente de fundo */
  color: #13072e; /* Cor do texto */
  outline: none; /* Remove o outline de foco */
}

label[for="chatbot_custom_prompt"] {
    width: 600px !important;
		text-align: left !important;
}


/* Caixa de Teste do Assistente */
.bg-gray-200 {
   display: none;
}
.flex.flex-col.flex-grow.h-0.p-4.overflow-auto.chatContainer {
    background-color: #f9f9f9;
}
.flex-shrink-0.h-10.w-10.rounded-full.bg-gray-300 {
  background: linear-gradient(90deg, #ffbee6, #b3aaff);
}
.bg-gray-300.p-3.rounded-r-lg.rounded-bl-lg, .bg-blue-600.text-white.p-3.rounded-l-lg.rounded-br-lg {
    background-color: #f9f9f9;
}

.bg-gray-300.p-4.relative {
    display: flex;
    align-items: center; /* Alinha os elementos verticalmente */
    gap: 8px; /* Espaço entre o input e o botão */
}

.bg-gray-300.p-4.relative .mensagem {
    flex: 1; /* Faz o input ocupar o máximo de espaço possível */
    height: 40px;
    border-radius: 5px;
    padding: 0 10px;
}

.bg-gray-300.p-4.relative .bg-blue-600 {
    position: static; /* Remove a posição absoluta para não sobrepor o input */
    white-space: nowrap; /* Evita que o texto do botão quebre */
}

.flex-shrink-0.flex.justify-center.items-center.h-10.w-10.rounded-full.bg-gray-300{
	align-items: center !important;
}
.flex-shrink-0.h-10.w-10.rounded-full.bg-gray-300{
	display: flex;
}

svg.size-6.text-blue-600, p.text-sm, path {
    color: #13072e;
}
#enviarMensagem {
  height: 40px; /* Altura do botão */
  background-color: transparent; /* Fundo transparente */
  border-radius: 5px !important; /* Bordas arredondadas */
  border: 2px solid #13072e; /* Borda de 2px na cor especificada */
  color: #13072e; /* Cor do texto */
  transition: all 0.3s ease; /* Transição suave para mudanças */
}

#enviarMensagem:hover {
  background-color: #13072e; /* Fundo no hover */
  color: #ffffff; /* Cor do texto no hover */
}

#enviarMensagem:hover path{
	color: #ffffff;
}
.bg-gray-300.p-4.relative{
  background: linear-gradient(90deg, #ffbee6, #b3aaff); /* Gradiente linear de 90º */
  padding: 1rem; /* Padding de 4 (1rem) */
  position: relative; /* Definido como relativo para posicionamento */
}


span.font-bold.text-sm.text-green-600 {
    color: #13072e;
}
#clipboardSection {
    background-color: #eae4f9;
		max-width: 750px;
		margin-top: -10px;
}

.items-center {
    align-items:start !important; 
}
.flex.flex-col.items-center.justify-center.min-h-screen.text-gray-800.p-10 {
    align-items: center !important;
}

video.w-full.rounded-lg.size-64 {
	  max-width: 500px;
    border-radius: 20px;
    height: auto;
}
.flex.flex-col.items-center.justify-center.min-h-screen.text-gray-800.p-10 {
    padding: 0px !important;
}
@media (max-width: 768px){
	.flex.flex-col.items-center.justify-center.min-h-screen.text-gray-800.p-10{
		max-width: 100%;
	}	
	.min-h-screen {
		height: 100vh !important;
    min-height: 100vh !important;
}
}
.min-h-screen {
		height: 70vh !important;
    min-height: 70vh !important;
}
@media (max-width: 768px) {
    .flex.items-center {
        flex-direction: column-reverse; /* Empilha os elementos no mobile */
        gap: 20px;
    }
    .video-container {
        width: 100%; /* Faz o vídeo ocupar 90% da tela */
        margin-left: 0;
    }
    .video-container video {
        width: 100%; /* Faz o vídeo preencher a largura do contêiner */
        height: auto; /* Mantém a proporção */
    }
	#clipboardSection {
		max-width: 80%;
		margin-top: 0px;
	}
}

.w-1\/2 {
    width: 100% !important;
}

@media (max-width: 768px) {
  .limit_token {
    max-width: 80%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-135e702 */.introjs-skipbutton {
  font-size: 14px !important;
  padding: 1px !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 99999 !important;
}/* End custom CSS */