.elementor-262 .elementor-element.elementor-element-0648480{--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:center;--align-items:center;}.elementor-262 .elementor-element.elementor-element-0648480:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-0648480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-262 .elementor-element.elementor-element-0648480.e-con{--align-self:center;}.elementor-262 .elementor-element.elementor-element-9de7c56{--display:flex;}.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-262 .elementor-element.elementor-element-36d113d{text-align:center;}.elementor-262 .elementor-element.elementor-element-36d113d .elementor-heading-title{font-family:"Asul", Sans-serif;font-weight:600;color:#FFFFFF;}#elementor-popup-modal-262 .dialog-widget-content{background-color:#00000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-262{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-262 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-262 .dialog-close-button{display:flex;top:5%;}#elementor-popup-modal-262 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-262 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS *//* ===========================
   FLUENT FORM #7 - POPUP SIGNUP
   - labels: Inter Medium
   - square inputs (no radius)
   - required asterisk visible
   - button inverted (blue bg + white outline/shadow)
=========================== */

/* --------- FIX COLUNAS (Name / Last Name) --------- */
#fluentform_7 .ff-t-container{
  display: flex !important;
  gap: 14px !important;
  width: 100%;
}

#fluentform_7 .ff-t-container .ff-t-cell{
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

@media (max-width: 768px){
  #fluentform_7 .ff-t-container{
    flex-direction: column !important;
  }
}

/* --------- LABELS / ASTERISCO --------- */
#fluentform_7 .ff-el-input--label label{
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important; /* Inter Medium */
  color: #ffffff !important;

  font-size: 14px;
  margin-bottom: 8px;
}

/* força asterisco obrigatório */
#fluentform_7 .ff-el-is-required label:after{
  content: " *" !important;
  color: #ff3b3b !important;
  font-weight: 900 !important;
}

/* --------- INPUTS --------- */
#fluentform_7 .ff-el-form-control{
  width: 100%;
  height: 50px;

  background: rgba(255,255,255,0.96) !important;
  color: #0b1b3a !important;

  border: 2px solid rgba(255,255,255,0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 12px 14px !important;
  font-size: 14px;
  font-weight: 600;

  font-family: "Inter", sans-serif !important;

  transition: all .2s ease;
}

/* placeholder */
#fluentform_7 .ff-el-form-control::placeholder{
  color: rgba(11,27,58,.45);
  font-weight: 600;
}

/* focus */
#fluentform_7 .ff-el-form-control:focus{
  outline: none !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.35) !important;
}

/* --------- ESPAÇAMENTO --------- */
#fluentform_7 .ff-el-group{
  margin-bottom: 16px !important;
}

/* --------- BOTAO (INVERTIDO – BLUE BG / WHITE SHADOW) --------- */
#fluentform_7 .ff_submit_btn_wrapper{
  text-align: center !important;
}

/* remove influência do CSS inline do Fluent */
#fluentform_7 .wpf_has_custom_css{
  all: unset;
}

#fluentform_7 .ff-btn-submit{
  width: auto !important;
  min-width: 220px !important;

  border-radius: 0 !important;
  border: 2px solid #ffffff !important;

  background: #132249 !important; /* azul */
  color: #ffffff !important;

  font-family: "Inter", sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;

  letter-spacing: 3px !important;
  text-transform: uppercase !important;

  padding: 14px 22px !important;

  /* shadow sólido branco deslocado */
  box-shadow: -6px 6px 0 #ffffff !important;

  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

#fluentform_7 .ff-btn-submit:hover{
  transform: translate(-2px, 2px);
  box-shadow: -3px 3px 0 #ffffff !important;
}

#fluentform_7 .ff-btn-submit:active{
  transform: translate(-6px, 6px);
  box-shadow: 0 0 0 #ffffff !important;
}

/* --------- ERROR MESSAGES --------- */
#fluentform_7 .error.text-danger,
#fluentform_7 .ff-el-form-control.ff-el-is-error{
  color: #ffb3b3 !important;
}

/* Mobile */
@media (max-width: 768px){
  #fluentform_7 .ff-btn-submit{
    min-width: 100% !important;
  }
}/* End custom CSS */