/* ═══════════════════════════════════════════════════════════
   form.css — Formulário · MailerLite CSS
   Form ID: mlb2-39149976 · Account: 1926896
   GridStart Pro · fredmosc.dev
   ═══════════════════════════════════════════════════════════ */


/* ── FORM WRAPPER ── */
.form-wrap {
  background: rgba(15,42,92,.6);
  border: 1px solid var(--cyan-border);
  padding: 2rem; margin-bottom: 3rem;
  animation: fadeUp .7s ease both;
}
.form-wrap .section-label { margin-bottom: .3rem; }
.form-wrap .section-title { margin-bottom: .4rem; }
.form-notice {
  font-size: .9rem; font-weight: 300; font-style: italic;
  color: var(--muted); margin-bottom: 1.5rem;
}
.form-notice strong { color: var(--white); font-style: normal; font-weight: 600; }


/* ══════════════════════════════════════════════════════════
   MAILERLITE — overrides de estilo para o tema da página
   ══════════════════════════════════════════════════════════ */

.ml-form-embedSubmitLoad {
  display: inline-block; width: 20px; height: 20px;
}
.ml-form-embedSubmitLoad::after {
  content: " "; display: block; width: 11px; height: 11px;
  margin: 1px; border-radius: 50%;
  border: 4px solid var(--navy);
  border-left-color: transparent;
  animation: ml-spin 1.2s linear infinite;
}

#mlb2-40444145.ml-form-embedContainer {
  box-sizing: border-box; display: table; margin: 0 auto;
  position: static; width: 100% !important;
}
#mlb2-40444145.ml-form-embedContainer h4,
#mlb2-40444145.ml-form-embedContainer p,
#mlb2-40444145.ml-form-embedContainer span,
#mlb2-40444145.ml-form-embedContainer button {
  text-transform: none !important; letter-spacing: normal !important;
}

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: transparent; border-width: 0; border-color: transparent;
  border-radius: 4px; border-style: solid;
  box-sizing: border-box; display: inline-block !important;
  margin: 0; padding: 0; position: relative;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; }
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; }

#mlb2-40444145.ml-form-embedContainer .ml-form-align-left   { text-align: left; }
#mlb2-40444145.ml-form-embedContainer .ml-form-align-center { text-align: center; }
#mlb2-40444145.ml-form-embedContainer .ml-form-align-right  { text-align: right; }

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  padding: 20px 20px 0;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
  padding-bottom: 0;
}

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
  text-align: left; margin: 0 0 20px;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
  color: var(--white);
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 28px; font-weight: 400;
  margin: 0 0 10px; text-align: left; word-break: break-word;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
  color: var(--white);
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px; font-weight: 400; line-height: 20px;
  margin: 0 0 10px; text-align: left;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
  margin: 0;
}

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
  text-align: left !important;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
  margin-bottom: 5px; color: var(--white);
  font-size: 14px; font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: bold; font-style: normal; text-decoration: none;
  display: inline-block; line-height: 20px;
}

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
  margin: 0; width: 100%;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
  margin: 0 0 20px; width: 100%;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
  margin: 0 0 10px; width: 100%;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
  margin: 0;
}

/* Inputs e select */
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  background-color: #fff !important; color: var(--blue-mid) !important;
  border-color: var(--cyan);
  border-radius: 4px !important; border-style: solid !important; border-width: 1px !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px !important; height: auto; line-height: 21px !important;
  margin: 0; padding: 10px !important;
  width: 100% !important; box-sizing: border-box !important; max-width: 100% !important;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: var(--blue-mid); }
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder          { color: var(--blue-mid); }

#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select {
  background-color: #fff !important; color: var(--blue-mid) !important;
  border-color: var(--cyan);
  border-radius: 4px !important; border-style: solid !important; border-width: 1px !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px !important; line-height: 20px !important;
  margin: 0; padding: 10px 28px 10px 12px !important;
  width: 100% !important; box-sizing: border-box !important; max-width: 100% !important;
  height: auto; display: inline-block; vertical-align: middle;
  background-image: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg');
  background-repeat: no-repeat; background-position: right .75rem center; background-size: 8px 10px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
}

/* Checkboxes */
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control {
  position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input {
  position: absolute; z-index: -1; opacity: 0; box-sizing: border-box; padding: 0;
  margin-top: 5px; margin-left: -1.5rem; overflow: visible;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label {
  color: var(--white); font-size: 12px !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  line-height: 22px; margin-bottom: 0;
  position: relative; vertical-align: top; font-weight: 700;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
  position: absolute; top: 4px; left: -1.5rem;
  display: block; width: 16px; height: 16px;
  pointer-events: none; content: "";
  background-color: #fff; border: #adb5bd solid 1px; border-radius: 50%;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
  position: absolute; top: 2px !important; left: -1.5rem;
  display: block; width: 1rem; height: 1rem; content: "";
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before,
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after {
  top: 2px; box-sizing: border-box;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before {
  border-color: var(--cyan) !important; background-color: #fff !important;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--cyan) !important; background-color: var(--cyan) !important;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label::after { background: no-repeat 50%/50% 50%; }

/* Botão de submit */
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  margin: 0 0 20px; float: left; width: 100%;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  background-color: var(--cyan) !important;
  border: none !important; border-radius: 0 !important; box-shadow: none !important;
  color: var(--navy) !important; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 1.1rem !important; font-weight: 900 !important; letter-spacing: .08em !important;
  text-transform: uppercase !important;
  height: auto; padding: 14px 10px !important;
  width: 100% !important; box-sizing: border-box !important;
  transition: background .2s !important;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
  display: none;
}
#mlb2-40444145.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
  background-color: #00d4ff !important;
}

/* Erros de validação */
.ml-error input,
.ml-error textarea,
.ml-error select { border-color: red !important; }
.ml-error .custom-checkbox-radio-list { border: 1px solid red !important; border-radius: 4px; padding: 10px; }
.ml-error .label-description,
.ml-error label:first-child { color: #f00 !important; }
