.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   Feito Brasil — LP de captação
   Colar em: Elementor › Site Settings › Custom CSS
   Fonte: Figma "[Feito Brasil] LP" (17/09/2026)
   ============================================================ */

:root {
  --fb-caramelo: #bf9972;
  --fb-creme: #faf1e8;
  --fb-marrom: #45311c;
  --fb-texto: #1d1d1e;
  --fb-texto-2: #515151;
  --fb-borda-input: #cbac8d;
  --fb-fundo-input: #fafafa;
  --fb-raio-btn: 48px;
}

/* ---------- Botões ----------
   Adicionar a classe (Advanced › CSS Classes) no widget Button
   ou no container do form. O botão padrão do Site Settings já é
   o "primário" (Marrom); estas são as variantes. */

.fb-btn .elementor-button,
.fb-btn.elementor-button {
  border-radius: var(--fb-raio-btn);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.2;
  padding: 24px 32px;
  text-align: center;
}

/* Botão do formulário (Caramelo, mais baixo) */
.fb-btn--form .elementor-button {
  background-color: var(--fb-caramelo);
  color: #fff;
  padding: 16px 32px;
}

/* Botão claro sobre foto ("Fique por dentro de tudo!") */
.fb-btn--claro .elementor-button {
  background-color: var(--fb-creme);
  color: var(--fb-marrom);
}

/* Botões outline da seção Sephora (texto em minúsculas, 16px) */
.fb-btn--outline .elementor-button {
  background: transparent;
  border: 1px solid var(--fb-texto);
  color: var(--fb-texto);
  font-weight: 500;
  font-size: 16px;
  text-transform: lowercase;
  padding: 16px 32px;
}
.fb-btn--outline .elementor-button:hover {
  background: var(--fb-texto);
  color: #fff;
}

@media (max-width: 767px) {
  .fb-btn .elementor-button,
  .fb-btn.elementor-button { font-size: 16px; }
}

/* ---------- Formulário (widget Form do Pro Elements) ---------- */
.fb-form .elementor-field-label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--fb-texto-2);
  padding-left: 12px;
  margin-bottom: 8px;
}
.fb-form .elementor-field-group .elementor-field {
  height: 56px;
  background: var(--fb-fundo-input);
  border: 1px solid var(--fb-borda-input);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: var(--fb-texto);
}
.fb-form .elementor-field-group .elementor-field:focus {
  border-color: var(--fb-caramelo);
  box-shadow: 0 0 0 3px rgba(191, 153, 114, 0.25);
  outline: none;
}
.fb-form .elementor-field-group { margin-bottom: 16px; }

/* Checkbox de consentimento (25×25, raio 8) */
.fb-form .elementor-field-type-acceptance input[type="checkbox"] {
  width: 25px;
  height: 25px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  vertical-align: top;
  margin-right: 8px;
}
.fb-form .elementor-field-type-acceptance label {
  font-size: 16px;
  color: var(--fb-texto-2);
  line-height: 1.2;
}

/* Botão de envio */
.fb-form .elementor-button[type="submit"] {
  width: 100%;
  background: var(--fb-caramelo);
  color: #fff;
  border-radius: var(--fb-raio-btn);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  padding: 16px 32px;
}
.fb-form .elementor-button[type="submit"]:hover { background: #a9845f; }

/* Mensagens */
.fb-form .elementor-message-success { color: var(--fb-marrom); font-weight: 600; }
.fb-form .elementor-message-danger { color: #b3261e; }

/* ---------- Cards da seção "Essência" ---------- */
.fb-card-img img {
  width: 100%;
  height: 332px;
  object-fit: cover;
  border-radius: 32px;
  display: block;
}

/* ---------- Marca d'água do logo (seção Manifesto) ----------
   Container pai: position relative + overflow hidden.
   Widget Image com o SVG do logo, classe fb-watermark. */
.fb-watermark {
  position: absolute;
  left: 50%;
  bottom: -8%;
  transform: translateX(-50%);
  width: 1593px;
  max-width: 110vw;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.fb-watermark img { width: 100%; height: auto; filter: sepia(1) saturate(0.6) brightness(1.1); }
@media (max-width: 767px) {
  .fb-watermark { width: 434px; bottom: -4%; }
}

/* ---------- Save the date ---------- */
.fb-save-label {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 767px) {
  .fb-save-label { font-size: 16px; letter-spacing: 3px; }
}

/* ---------- Encerramento ---------- */
.fb-fecho p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  color: #fff;
  text-align: right;
  margin: 0;
}
@media (max-width: 767px) {
  .fb-fecho p { font-size: 20px; line-height: 32px; }
}

/* ---------- Utilidades ---------- */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; } /* evita rolagem lateral por causa da marca d'água *//* End custom CSS */