.elementor-1236 .elementor-element.elementor-element-21c8664{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1236 .elementor-element.elementor-element-ab90890.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-ab90890 *//*!
 * Grafeno HubSpot Theme v1.2
 * Improved responsive support for HubSpot layouts
 * v1.2: força largura 100% em todos os campos, sobrescrevendo
 *       estilos inline que o HubSpot injeta nos inputs/wrappers.
 */

/* ==========================================================
   TOKENS
========================================================== */

:root{
  --hs-font-family:"Figtree",sans-serif;

  --hs-font-size-label:.875rem;
  --hs-font-size-input:1rem;
  --hs-font-size-error:.8125rem;

  --hs-font-weight-label:600;

  --hs-color-text:#101828;
  --hs-color-label:#344054;
  --hs-color-placeholder:#98A2B3;

  --hs-color-border:#D0D5DD;
  --hs-color-border-hover:#98A2B3;
  --hs-color-border-focus:#01204E;
  --hs-color-error:#D92D20;

  --hs-bg:#FFF;

  --hs-radius:8px;

  --hs-control-height:52px;
  --hs-control-padding-x:16px;
  --hs-textarea-padding:16px;

  --hs-field-gap:20px;
  --hs-label-gap:8px;
  --hs-button-gap:24px;

  --hs-transition:180ms ease;
  --hs-focus-shadow:0 0 0 4px rgba(1,32,78,.12);
}

/* ==========================================================
   BASE
========================================================== */

.hs-form,
.hs-form *{
  box-sizing:border-box;
  font-family:var(--hs-font-family);
}

.hs-form{
  width:100%;
  max-width:100%;
  color:var(--hs-color-text);
}

.hs-form fieldset,
.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3{
  width:100%!important;
  max-width:100%!important; /* o HubSpot injeta max-width:500px direto no fieldset via seu proprio <style> gerado */
  border:0;
  margin:0 0 0 0;
  padding:0;
  min-width:0;
}

.hs-form .hs-form-field{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-bottom:var(--hs-field-gap);
}

/* Wrappers internos que o HubSpot costuma limitar com estilo inline */
.hs-form .input,
.hs-form .input > span,
.hs-form .hs-input,
.hs-form .hs-fieldtype-text .input,
.hs-form .hs-fieldtype-textarea .input,
.hs-form .hs-fieldtype-select .input,
.hs-form .hs-fieldtype-phonenumber .input,
.hs-form .hs-fieldtype-number .input,
.hs-form .hs-fieldtype-date .input,
.hs-form .hs-fieldtype-file .input,
.hs-form .hs-fieldtype-radio .input,
.hs-form .hs-fieldtype-checkbox .input{
  width:100%!important;
  max-width:100%!important;
}

/* ==========================================================
   HUBSPOT COLUMN LAYOUT
========================================================== */

.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3{
  display:flex!important;
  flex-wrap:wrap;
  gap:var(--hs-field-gap);
  width:100%!important;
}

.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field{
  float:none!important; /* o HubSpot aplica float:left + width fixo (50% / 32.7%) nesses elementos */
  flex:1 1 0;
  width:auto!important;
  max-width:100%!important;
  min-width:0;
  margin-right:0!important; /* o HubSpot aplica margin-right:8px no .input dentro dessas colunas */
}

/* Preserve HubSpot offsets */
.hs-form fieldset.form-columns-2 .hs-form-field:last-child,
.hs-form fieldset.form-columns-3 .hs-form-field:last-child{
  margin-right:0;
}

/* O HubSpot aplica margin-right:8px direto no .input dentro das colunas */
.hs-form fieldset.form-columns-2 .input,
.hs-form fieldset.form-columns-3 .input{
  margin-right:0!important;
}

/* ==========================================================
   LABELS
========================================================== */

.hs-form label{
  display:block;
  margin-bottom:var(--hs-label-gap);
  color:var(--hs-color-label);
  font-size:var(--hs-font-size-label);
  font-weight:var(--hs-font-weight-label);
}

/* ==========================================================
   CONTROLS
========================================================== */

.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="number"],
.hs-form input[type="tel"],
.hs-form input[type="password"],
.hs-form input[type="search"],
.hs-form input[type="url"],
.hs-form input[type="date"],
.hs-form input[type="file"],
.hs-form select,
.hs-form textarea,
.hs-form .hs-input{
  width:100%!important;
  max-width:100%!important;
}

.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="number"],
.hs-form input[type="tel"],
.hs-form input[type="password"],
.hs-form input[type="search"],
.hs-form input[type="url"],
.hs-form input[type="date"],
.hs-form select{
  height:var(--hs-control-height);
  padding:0 var(--hs-control-padding-x);
  border:1px solid var(--hs-color-border);
  border-radius:var(--hs-radius);
  background:var(--hs-bg);
  transition:all var(--hs-transition);
  outline:none;
}

.hs-form textarea{
  min-height:140px;
  padding:var(--hs-textarea-padding);
  border:1px solid var(--hs-color-border);
  border-radius:var(--hs-radius);
  resize:vertical;
  transition:all var(--hs-transition);
  outline:none;
}

.hs-form input::placeholder,
.hs-form textarea::placeholder{
  color:var(--hs-color-placeholder);
}

/* ==========================================================
   STATES
========================================================== */

.hs-form input:hover,
.hs-form textarea:hover,
.hs-form select:hover{
  border-color:var(--hs-color-border-hover);
}

.hs-form input:focus,
.hs-form textarea:focus,
.hs-form select:focus{
  border-color:var(--hs-color-border-focus);
  box-shadow:var(--hs-focus-shadow);
}

.hs-form .error input,
.hs-form .error textarea,
.hs-form .error select{
  border-color:var(--hs-color-error);
}

.hs-form .error input:focus,
.hs-form .error textarea:focus,
.hs-form .error select:focus{
  box-shadow:0 0 0 4px rgba(217,45,32,.12);
}

/* ==========================================================
   BUTTON
========================================================== */

.hs-form .actions{
  margin-top:var(--hs-button-gap);
}

.hs-form input[type="submit"]{
  width:100%;
  height:52px;
  border:0;
  border-radius:var(--hs-radius);
  background:#01204E;
  color:#fff;
  font-weight:600;
  cursor:pointer;
  transition:all var(--hs-transition);
}

.hs-form input[type="submit"]:hover{
  background:#163A73;
  transform:translateY(-1px);
}

/* ==========================================================
   ERRORS
========================================================== */

.hs-form .hs-error-msg,
.hs-form .hs-error-msgs{
  list-style:none;
  margin:.375rem 0 0;
  padding:0;
  font-size:var(--hs-font-size-error);
  color:var(--hs-color-error);
}

/* ==========================================================
   HIDDEN
========================================================== */

.hs-form .hs-form-field.hidden,
.hs-form .hs-form-field[style*="display:none"]{
  margin:0!important;
  padding:0!important;
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

  :root{
    --hs-control-height:48px;
    --hs-field-gap:16px;
  }

  .hs-form fieldset.form-columns-2,
  .hs-form fieldset.form-columns-3{
    display:block!important;
  }

  .hs-form fieldset.form-columns-2 .hs-form-field,
  .hs-form fieldset.form-columns-3 .hs-form-field{
    width:100%!important;
    margin-right:0!important;
  }
}/* End custom CSS */