.elementor-5553 .elementor-element.elementor-element-ef27403{--display:flex;}.elementor-5553 .elementor-element.elementor-element-cf3e318.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-cf3e318 *//* escopo só neste widget */
.elementor-5553 .elementor-element.elementor-element-cf3e318{
  --accent:#27DBBB;     /* cor da marca, se quiser manter */
  --text:#03121C;       /* cor do texto dos campos e do botão */
  --field-bg:transparent;   /* cor de fundo dos campos; mude para 'transparent' se preferir */
  --field-border:#B5C0C8;
  --radius:10px;        /* arredondamento para campos e botão */
}

/* base */
.elementor-5553 .elementor-element.elementor-element-cf3e318 *{ box-sizing:border-box }
.elementor-5553 .elementor-element.elementor-element-cf3e318 label{ display:block; margin:.6rem 0 .25rem; font-weight:600; color:var(--text) }

/* campos */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea{
  width:100%;
  padding:.7rem .9rem;
  background:var(--field-bg);
  color:var(--text);
  border:1px solid var(--field-border);
  border-radius:var(--radius);
  outline:none;
  transition:border .15s, box-shadow .15s, background .15s;
}

/* placeholder visível e elegante */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input::placeholder,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea::placeholder{
  color:rgba(3,18,28,.65);
}

/* foco */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input:focus,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select:focus,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 .15rem rgba(39,219,187,.25);
}

/* botão submit: texto #03121C no estado normal, hover cinza com texto branco */
.elementor-5553 .elementor-element.elementor-element-cf3e318 button,
.elementor-5553 .elementor-element.elementor-element-cf3e318 [type="submit"],
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.9rem 1.3rem;         /* um pouco mais largo */
  border-radius:var(--radius);
  border:0;
  background:var(--accent);     /* mantém o verde no normal */
  color:var(--text);            /* texto #03121C no normal */
  font-weight:600;
  cursor:pointer;
  transition:background .15s, color .15s, opacity .15s, transform .06s;
}
.elementor-5553 .elementor-element.elementor-element-cf3e318 button:hover,
.elementor-5553 .elementor-element.elementor-element-cf3e318 [type="submit"]:hover,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-button:hover{
  background:#595959;           /* hover cinza */
  color:#fff;                   /* texto branco no hover */
}
.elementor-5553 .elementor-element.elementor-element-cf3e318 button:active,
.elementor-5553 .elementor-element.elementor-element-cf3e318 [type="submit"]:active,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-button:active{
  transform:translateY(1px);
}

/* grid opcional para duas colunas */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .row{ display:grid; gap:1rem }
@media (min-width:900px){
  .elementor-5553 .elementor-element.elementor-element-cf3e318 .row.cols-2{ grid-template-columns:1fr 1fr }
}
.elementor-5553 .elementor-element.elementor-element-cf3e318 .field{ margin-bottom:1rem }

/* força 10px nos campos */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-input{
  border-radius:10px !important;
}

/* botão também com 10px */
.elementor-5553 .elementor-element.elementor-element-cf3e318 [type="submit"],
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-button,
.elementor-5553 .elementor-element.elementor-element-cf3e318 button{
  border-radius:10px !important;
}

/* (opcional) para selects no iOS ficarem com raio aplicado */
.elementor-5553 .elementor-element.elementor-element-cf3e318 select{
  -webkit-appearance:none;
  appearance:none;
}

/* HubSpot: ocupar 100% e centralizar */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hbspt-form,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hbspt-form form,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form{
  width:100% !important;
  max-width:none !important;
  margin:0 auto; /* centraliza dentro da coluna/section */
}

/* Grid: 1 coluna no mobile, 2 no desktop */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form{
  display:grid;
  grid-template-columns:1fr;     /* mobile */
  gap:16px 16px;
}


/* Cada field ocupa 100% da sua coluna (sem floats do HubSpot) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form .hs-form-field{
  margin:0;
  width:100% !important;
  float:none !important;
}

/* Itens que sempre devem pegar a linha toda */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .legal-consent-container,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-booleancheckbox,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-richtext,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-submit{
  grid-column:1 / -1;
}

/* Centralizar o botão */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-submit .actions{
  display:flex;
  justify-content:center;
}

/* Inputs do HubSpot respeitam seu estilo (largura total) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-input,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form select,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form textarea{
  width:100% !important;
}
/* ==== Checkboxes: input e texto na MESMA linha com gap de 6px ==== */

/* Lista de opções do HubSpot (Product Region Interest, etc.) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox .inputs-list li label,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-booleancheckbox label{
  display:inline-flex;           /* coloca input e texto lado a lado */
  align-items:center;
  gap:6px;                       /* espaço entre a caixinha e o texto */
  margin:0;
}

/* não deixar o checkbox “pegar” largura 100% */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox input[type="checkbox"],
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-booleancheckbox input[type="checkbox"]{
  width:auto !important;
  min-width:auto !important;
  padding:0 !important;
  margin:0 !important;
  vertical-align:middle;
}

/* garante que nada interno force quebra de linha */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox .inputs-list,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox .inputs-list li{
  list-style:none; padding:0; margin:0;
}
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-fieldtype-checkbox .inputs-list li span{
  display:inline;                /* texto do label em linha */
  white-space:normal;
}
/* ===== Ajustes finos ===== */

/* 1) Menos espaço entre as colunas (e linhas) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-form{
  gap:10px 10px; /* ajuste livre: 8px, 10px, 12px... */
}

/* 2) Botão mais estreito (não ocupar largura grande) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-submit .actions input[type="submit"].hs-button{
  width:auto !important;
  min-width:unset !important;
  padding:.75rem 1.05rem; /* um pouco menor que antes */
}

/* 3) Remover hover visual nos campos */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input:hover,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select:hover,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea:hover{
  background:var(--field-bg) !important; /* permanece transparente */
}

/* 4) Foco sutil com leve tom de verde */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input:focus,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select:focus,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea:focus{
  /* com leve tom de verde; se quiser 100% transparente, troque a linha abaixo por:
     background:transparent !important; */
  background:rgba(39,219,187,.06) !important;
  border-color:#27DBBB !important;
  box-shadow:0 0 0 .12rem rgba(39,219,187,.20) !important;
}

/* 5) Garantir que o container do botão não estique nada demais e fique centralizado */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-submit .actions{
  display:flex; 
  justify-content:center; 
  align-items:center;
}
/* Restaurar hover do botão submit */
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-submit .actions input[type="submit"].hs-button:hover,
.elementor-5553 .elementor-element.elementor-element-cf3e318 [type="submit"].hs-button:hover{
  background:#595959 !important;
  color:#fff !important;
}



/* Texto digitado nos campos */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea,
.elementor-5553 .elementor-element.elementor-element-cf3e318 .hs-input{
  color:#595959 !important;    /* cor do texto */
  caret-color:#595959;         /* cor do cursor */
}

/* Placeholder continua legível (se quiser pode ajustar) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input::placeholder,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea::placeholder{
  color:rgba(3,18,28,.65) !important;
}

/* Corrige o autofill do navegador (fica cinza e sem amarelo do Chrome) */
.elementor-5553 .elementor-element.elementor-element-cf3e318 input:-webkit-autofill,
.elementor-5553 .elementor-element.elementor-element-cf3e318 textarea:-webkit-autofill,
.elementor-5553 .elementor-element.elementor-element-cf3e318 select:-webkit-autofill{
  -webkit-text-fill-color:#595959 !important;
  -webkit-box-shadow:0 0 0 1000px var(--field-bg, #E9FBF8) inset !important;
          box-shadow:0 0 0 1000px var(--field-bg, #E9FBF8) inset !important;
}

/* (opcional) nas listas do <select>, forçar a cor do texto */
.elementor-5553 .elementor-element.elementor-element-cf3e318 select option{ color:#595959; }/* End custom CSS */